*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg2: #161b27;--bg3: #1e2538;--border: #2a3047;--text: #e2e8f0;--muted: #8892a4;--blue: #4f8ef7;--blue-bg: #1a2744;--teal: #2dd4bf;--teal-bg: #0d2a28;--green: #4ade80;--green-bg: #0d2a1a;--amber: #fbbf24;--amber-bg: #2a1f0d;--red: #f87171;--red-bg: #2a0d0d;--purple: #a78bfa;--purple-bg: #1e1030;--coral: #fb923c;--sidebar-w: 260px;--radius: 8px}html,body{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}h2{font-size:1.25rem;font-weight:600;margin:2rem 0 1rem;color:var(--text)}h3{font-size:1rem;font-weight:600;margin:1.5rem 0 .5rem;color:var(--text)}p{color:var(--muted);margin-bottom:1rem;line-height:1.7}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.alert{padding:.875rem 1rem;border-radius:var(--radius);border-left:3px solid;margin-bottom:1rem;font-size:.875rem;line-height:1.6;color:var(--muted)}.alert-blue{background:var(--blue-bg);border-color:var(--blue);color:#93c5fd}.alert-teal{background:var(--teal-bg);border-color:var(--teal);color:#5eead4}.alert-amber{background:var(--amber-bg);border-color:var(--amber);color:#fcd34d}.alert-red{background:var(--red-bg);border-color:var(--red);color:#fca5a5}.alert-green{background:var(--green-bg);border-color:var(--green);color:#86efac}.alert-purple{background:var(--purple-bg);border-color:var(--purple);color:#c4b5fd}.tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:500;padding:2px 8px;border-radius:20px;white-space:nowrap;letter-spacing:.02em}.tag-blue{background:var(--blue-bg);color:var(--blue)}.tag-teal{background:var(--teal-bg);color:var(--teal)}.tag-green{background:var(--green-bg);color:var(--green)}.tag-amber{background:var(--amber-bg);color:var(--amber)}.tag-red{background:var(--red-bg);color:var(--red)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.tag-gray{background:var(--bg3);color:var(--muted);border:1px solid var(--border)}.study-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:1rem}.study-table th{text-align:left;padding:8px 12px;font-size:.75rem;font-weight:500;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap}.study-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--muted);line-height:1.6}.study-table tr:last-child td{border-bottom:none}.study-table td strong{color:var(--text)}code{font-family:JetBrains Mono,monospace;font-size:.8em;background:var(--bg3);padding:2px 6px;border-radius:4px;color:var(--teal)}.code-block{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.7;color:#e2e8f0;white-space:pre}.hl-kw{color:var(--purple)}.hl-type{color:var(--teal)}.hl-meth{color:var(--amber)}.hl-str{color:var(--green)}.hl-cmt{color:var(--muted);font-style:italic}.hl-num{color:var(--coral)}.hl-attr{color:var(--blue)}.tabs{display:flex;gap:6px;margin-bottom:1rem;flex-wrap:wrap}.tab-btn{padding:5px 14px;font-size:.8125rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg2);color:var(--muted);cursor:pointer;transition:all .15s;font-family:Inter,sans-serif}.tab-btn:hover{background:var(--bg3);color:var(--text)}.tab-btn.active{background:var(--bg3);color:var(--text);border-color:var(--blue)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 700px){.grid-2,.grid-3{grid-template-columns:1fr}}.page-header{margin-bottom:2rem}.page-header .subtitle{color:var(--muted);font-size:.9375rem}.page-header .badge{margin-right:6px}.interview-box{background:var(--purple-bg);border:1px solid #3d2d6e;border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.interview-box .q{font-weight:600;color:var(--purple);margin-bottom:.5rem;font-size:.9rem}.interview-box .a{color:#c4b5fd;font-size:.875rem;line-height:1.7}input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;flex:1}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--blue);cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1rem}@media (max-width: 600px){.metric-grid{grid-template-columns:1fr 1fr}}.metric-card{background:var(--bg3);border-radius:var(--radius);padding:.875rem 1rem;text-align:center}.metric-card .val{font-size:1.5rem;font-weight:600}.metric-card .lbl{font-size:.75rem;color:var(--muted);margin-top:2px}