:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-2xl: 1.5rem;--text-3xl: 2.25rem;--w-normal: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.7;--r-sm: 6px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.12);--shadow-lg: 0 8px 24px rgba(0,0,0,.16);--topbar-h: 52px;--transition: .15s ease}:root,[data-theme=dark]{color-scheme:dark;--bg: #0f1117;--bg-subtle: #131720;--surface: #1a1f2e;--surface-2: #222840;--surface-3: #2a3150;--border: #2d3748;--border-sub: #232a3a;--text-1: #f1f5f9;--text-2: #94a3b8;--text-3: #64748b;--accent: #4f8ef7;--accent-h: #6fa5ff;--accent-sub: #1e3a6e;--green: #4ade80;--green-bg: #14532d;--yellow: #fbbf24;--yellow-bg: #451a03;--red: #f87171;--red-bg: #3b1212;--code-bg: #1a1f2e}[data-theme=light]{color-scheme:light;--bg: #f6f8fc;--bg-subtle: #eef2f8;--surface: #ffffff;--surface-2: #f1f5fb;--surface-3: #e8eef8;--border: #dde3ee;--border-sub: #edf0f7;--text-1: #0f172a;--text-2: #475569;--text-3: #94a3b8;--accent: #2563eb;--accent-h: #1d4ed8;--accent-sub: #dbeafe;--green: #16a34a;--green-bg: #dcfce7;--yellow: #b45309;--yellow-bg: #fef3c7;--red: #dc2626;--red-bg: #fee2e2;--code-bg: #f1f5fb;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text-1);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased;font-feature-settings:"kern" 1,"liga" 1}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-h)}.layout{display:flex;flex-direction:column;min-height:100dvh}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-5);height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;transition:background var(--transition),border-color var(--transition)}.topbar-title{font-size:var(--text-base);font-weight:var(--w-semibold);color:var(--text-1);white-space:nowrap;letter-spacing:-.02em;flex-shrink:0}.topbar-actions{display:flex;align-items:center;gap:var(--sp-2);margin-left:auto;flex-shrink:0}.topbar nav{display:flex;gap:var(--sp-1)}.nav-btn{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);border:none;background:none;color:var(--text-2);font-size:var(--text-sm);font-weight:var(--w-medium);cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap;letter-spacing:.01em}.nav-btn:hover{background:var(--surface-2);color:var(--text-1)}.nav-btn.active{background:var(--accent-sub);color:var(--accent);font-weight:var(--w-semibold)}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-sm);border:1px solid var(--border);background:none;color:var(--text-2);cursor:pointer;font-size:var(--text-base);transition:background var(--transition),color var(--transition);flex-shrink:0}.icon-btn:hover{background:var(--surface-2);color:var(--text-1)}.topic-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);border-radius:var(--r-sm);padding:var(--sp-1) var(--sp-3);font-size:var(--text-sm);font-weight:var(--w-medium);outline:none;cursor:pointer;max-width:180px}.topic-select:focus{border-color:var(--accent)}@media (max-width: 640px){.topbar{flex-wrap:wrap;height:auto;padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.topbar-title{font-size:var(--text-xs)}.topbar nav{order:3;width:100%;justify-content:stretch}.nav-btn{flex:1;text-align:center;font-size:var(--text-xs);padding:var(--sp-2) var(--sp-2)}.topic-select{max-width:140px;font-size:var(--text-xs)}}.page{flex:1;padding:var(--sp-6);max-width:1080px;margin:0 auto;width:100%}.page-wide{flex:1;padding:var(--sp-3);width:100%;max-width:100%}@media (max-width: 640px){.page{padding:var(--sp-4)}.page-wide{padding:var(--sp-2)}}.page-title{font-size:var(--text-2xl);font-weight:var(--w-semibold);letter-spacing:-.025em;color:var(--text-1);margin-bottom:var(--sp-5);line-height:var(--leading-tight)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-5);transition:background var(--transition),border-color var(--transition)}.card+.card{margin-top:var(--sp-3)}.filter-bar{display:flex;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-5);align-items:center}.filter-select{background:var(--surface);border:1px solid var(--border);color:var(--text-1);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-size:var(--text-sm);outline:none;cursor:pointer;transition:border-color var(--transition)}.filter-select:focus{border-color:var(--accent)}@media (max-width: 640px){.filter-bar{gap:var(--sp-2)}.filter-select{font-size:var(--text-xs);padding:var(--sp-1) var(--sp-2)}}.inst-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);cursor:pointer;transition:background var(--transition)}.inst-row:hover{background:var(--surface-2)}.inst-rank{font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--text-3);width:20px;text-align:right;flex-shrink:0}.inst-info{flex:1;min-width:0}.inst-name{font-size:var(--text-base);font-weight:var(--w-semibold);color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--leading-snug);letter-spacing:-.01em}.inst-meta{font-size:var(--text-xs);color:var(--text-3);margin-top:var(--sp-1);line-height:var(--leading-normal);letter-spacing:.01em}.score-pill{font-size:var(--text-xs);font-weight:var(--w-bold);padding:3px var(--sp-2);border-radius:var(--r-full);flex-shrink:0;letter-spacing:.01em}.score-high{background:var(--green-bg);color:var(--green)}.score-mid{background:var(--yellow-bg);color:var(--yellow)}.score-low{background:var(--surface-2);color:var(--text-3)}.breakdown{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:var(--sp-4)}.breakdown-row{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--text-xs)}.breakdown-label{width:190px;font-size:var(--text-sm);color:var(--text-3);flex-shrink:0;line-height:var(--leading-snug)}.breakdown-bar-bg{flex:1;height:5px;background:var(--border);border-radius:var(--r-full);overflow:hidden}.breakdown-bar{height:5px;border-radius:var(--r-full);background:var(--accent);transition:width .5s cubic-bezier(.4,0,.2,1)}.breakdown-val{width:2.5rem;text-align:right;font-size:var(--text-sm);color:var(--text-1);font-weight:var(--w-semibold);font-variant-numeric:tabular-nums}@media (max-width: 480px){.breakdown-label{width:120px;font-size:.6875rem}}.graph-wrap{display:flex;gap:var(--sp-3);height:calc(100dvh - var(--topbar-h) - var(--sp-3) * 2)}.graph-canvas{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;min-width:0}.graph-sidebar{width:270px;flex-shrink:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-3)}@media (max-width: 768px){.graph-wrap{flex-direction:column;height:auto;gap:var(--sp-2)}.graph-canvas{height:55dvh;min-height:280px}.graph-sidebar{width:100%;max-height:45dvh;overflow-y:auto;flex-direction:row;flex-wrap:wrap;gap:var(--sp-2)}.graph-sidebar .card{flex:1;min-width:200px}}.gap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}.gap-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.gap-card-title{font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}.gap-card-status{font-size:var(--text-2xl);font-weight:var(--w-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.gap-strong{color:var(--green)}.gap-medium{color:var(--yellow)}.gap-weak{color:var(--red)}.muted{color:var(--text-3);font-size:var(--text-sm)}.tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--w-medium);padding:2px var(--sp-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border-sub);margin:2px}.spinner{color:var(--text-3);font-size:var(--text-sm);padding:var(--sp-10) 0;text-align:center}.back-btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:none;border:none;color:var(--accent);cursor:pointer;font-size:var(--text-sm);font-weight:var(--w-medium);padding:0 0 var(--sp-4) 0;transition:color var(--transition)}.back-btn:hover{color:var(--accent-h)}.divider{height:1px;background:var(--border);margin:var(--sp-4) 0}.stat{text-align:left}.stat-value{font-size:var(--text-3xl);font-weight:var(--w-bold);color:var(--text-1);line-height:var(--leading-tight);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-xs);font-weight:var(--w-medium);color:var(--text-3);margin-top:var(--sp-1);line-height:var(--leading-normal);text-transform:uppercase;letter-spacing:.06em}.eyebrow{font-size:var(--text-xs);font-weight:var(--w-semibold);color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;line-height:var(--leading-normal)}.section-title{font-size:var(--text-2xl);font-weight:var(--w-semibold);color:var(--text-1);letter-spacing:-.02em;line-height:var(--leading-tight)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skel{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--r-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInFast{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .18s ease both}.fade-in-fast{animation:fadeInFast .12s ease both}.inst-row{animation:fadeIn .15s ease both}.inst-row:nth-child(1){animation-delay:.02s}.inst-row:nth-child(2){animation-delay:.04s}.inst-row:nth-child(3){animation-delay:.06s}.inst-row:nth-child(4){animation-delay:.08s}.inst-row:nth-child(5){animation-delay:.1s}.inst-row:nth-child(n+6){animation-delay:.12s}.gap-card{animation:fadeIn .18s ease both}.gap-card:nth-child(1){animation-delay:.03s}.gap-card:nth-child(2){animation-delay:.06s}.gap-card:nth-child(3){animation-delay:.09s}.gap-card:nth-child(4){animation-delay:.12s}.gap-card:nth-child(5){animation-delay:.15s}.gap-card:nth-child(6){animation-delay:.18s}