:root{--bg: #0b0d12;--bg-elev: #10131b;--panel: #151821;--panel-2: #1c2030;--panel-3: #232839;--text: #e8ecf3;--text-strong: #ffffff;--muted: #9aa3b2;--subtle: #6c7487;--border: #262b3a;--border-strong: #333a50;--brand-primary: #0b5cff;--brand-primary-hover: #2a74ff;--brand-accent: #7c5cff;--accent: #0b5cff;--accent-dark: #2a74ff;--gold: #7c5cff;--gold-light: #9a7af6;--gold-subtle: rgba(124, 92, 255, .12);--bg-primary: #0b0d12;--bg-card: #151821;--bg-subtle: rgba(11, 92, 255, .06);--border-primary: #262b3a;--text-primary: #ffffff;--text-secondary: #e8ecf3;--text-muted: #9aa3b2;--text-faint: #6c7487;--text-dim: #475569;--success: #2ecc71;--success-bg: rgba(46, 204, 113, .12);--warning: #ffb020;--warning-bg: rgba(255, 176, 32, .12);--danger: #ff5c5c;--danger-bg: rgba(255, 92, 92, .12);--info: #6cc4ff;--info-bg: rgba(108, 196, 255, .12);--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow: 0 6px 24px rgba(0, 0, 0, .32);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .42);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=light]{--bg: #f6f7fb;--bg-elev: #ffffff;--panel: #ffffff;--panel-2: #f2f4f9;--panel-3: #e7eaf2;--text: #1a1f2e;--text-strong: #0b0d12;--muted: #626a7a;--subtle: #8a93a6;--border: #e3e6ee;--border-strong: #d0d5e1;--shadow-sm: 0 1px 2px rgba(20, 24, 40, .06);--shadow: 0 6px 20px rgba(20, 24, 40, .08);--shadow-lg: 0 16px 40px rgba(20, 24, 40, .12);--bg-primary: #f6f7fb;--bg-card: #ffffff;--bg-subtle: rgba(11, 92, 255, .06);--border-primary: #e3e6ee;--text-primary: #0b0d12;--text-secondary: #1a1f2e;--text-muted: #626a7a;--text-faint: #8a93a6;--text-dim: #b0b8c8}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:15px;line-height:1.55;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--text-strong);margin:0 0 .4em;line-height:1.25}h1{font-size:28px;font-weight:700}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:600}h4{font-size:15px;font-weight:600}p{margin:0 0 .8em}a{color:var(--brand-primary);text-decoration:none}a:hover{color:var(--brand-primary-hover)}small{color:var(--muted);font-size:13px}input,select,textarea,button{font-family:inherit;font-size:inherit}input,select,textarea{width:100%;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:border-color .12s ease,background .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);background:var(--panel)}input::placeholder,textarea::placeholder{color:var(--subtle)}input[type=checkbox]{width:auto}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%239aa3b2' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}button{cursor:pointer;border:none;border-radius:var(--radius);padding:10px 16px;font-weight:600;transition:transform 80ms ease,background .12s ease,box-shadow .12s ease}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-primary-hover)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--panel-2);border-color:var(--border-strong)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 10px;font-size:13px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.card+.card{margin-top:16px}.card-tight{padding:14px}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.strong{color:var(--text-strong);font-weight:600}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.pill-success{background:var(--success-bg);color:var(--success);border-color:#2ecc714d}.pill-warning{background:var(--warning-bg);color:var(--warning);border-color:#ffb0204d}.pill-danger{background:var(--danger-bg);color:var(--danger);border-color:#ff5c5c4d}.pill-info{background:var(--info-bg);color:var(--info);border-color:#6cc4ff4d}.pill-neutral{background:var(--panel-2);color:var(--muted);border-color:var(--border)}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 800px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.row{display:flex;gap:12px;align-items:center}.row-between{display:flex;gap:12px;align-items:center;justify-content:space-between}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--muted);font-weight:500}.field .hint{font-size:12px;color:var(--subtle)}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--panel-2)}tr:last-child td{border-bottom:none}.metric{padding:16px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius)}.metric-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:24px;font-weight:700;color:var(--text-strong);margin-top:4px}.metric-sub{font-size:12px;color:var(--muted);margin-top:4px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:24px;overflow-x:auto}.tab{padding:10px 16px;background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;border-radius:0;white-space:nowrap}.tab.active{color:var(--text-strong);border-bottom-color:var(--brand-primary)}.tab:hover{color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;max-width:480px;width:100%;box-shadow:var(--shadow-lg)}.hero{padding:80px 20px 60px;text-align:center;background:radial-gradient(ellipse at top,rgba(11,92,255,.14),transparent 60%)}.hero h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.02em}.hero p.lead{font-size:clamp(16px,2vw,19px);color:var(--muted);max-width:640px;margin:16px auto 28px}.collapsible{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);overflow:hidden}.collapsible-head{padding:14px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.collapsible-head:hover{background:var(--panel-2)}.collapsible-body{padding:0 16px 16px;border-top:1px solid var(--border)}.checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.checkbox-row input{margin:0}.grade-pill{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-weight:700;font-size:22px;color:#fff}.grade-A{background:linear-gradient(135deg,#2ecc71,#1fa15a)}.grade-B{background:linear-gradient(135deg,#6cc4ff,#3a8dc7)}.grade-C{background:linear-gradient(135deg,#ffb020,#d48a00)}.grade-D{background:linear-gradient(135deg,#ff8a3d,#d15e10)}.grade-F{background:linear-gradient(135deg,#ff5c5c,#c22c2c)}.ai-card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;position:relative}.ai-card h3{display:flex;align-items:center;gap:8px}.ai-card h3:before{content:"✨"}.ai-summary{font-size:15px;color:var(--text);margin:8px 0 14px}.ai-section{margin-top:14px}.ai-section h4{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.8px;margin:0 0 8px}.ai-list{list-style:none;padding:0;margin:0}.ai-list li{padding:8px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;font-size:14px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.heatmap{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.heatmap-cell{aspect-ratio:1;border-radius:4px;display:flex;align-items:flex-end;justify-content:center;font-size:10px;color:#fff;padding:2px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.4)}.bar{height:8px;background:var(--panel-3);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));border-radius:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:10px 16px;box-shadow:var(--shadow);z-index:200;font-size:14px}