@charset "UTF-8";*,*: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}.card h3{margin-top:0}.card ul,.card ol{margin:.5rem 0;padding-left:1.25rem}.card li{margin-bottom:.35rem;line-height:1.5}.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}@media (max-width: 1024px){:root{--sidebar-w: 220px}}@media (max-width: 768px){body{font-size:14px}h1{font-size:1.35rem;line-height:1.3}h2{font-size:1.05rem;margin:1.5rem 0 .75rem}h3{font-size:.95rem;margin:1.25rem 0 .5rem}p{line-height:1.6}.page-header{margin-bottom:1.25rem}.page-header .subtitle{font-size:.85rem}.alert{padding:.75rem .875rem;font-size:.8125rem;line-height:1.55}.card,.interview-box{padding:1rem}.interview-box .q{font-size:.85rem}.interview-box .a{font-size:.8125rem;line-height:1.65}.study-table{font-size:.75rem;table-layout:fixed;width:100%}.study-table th,.study-table td{padding:7px 8px;word-break:break-word;overflow-wrap:anywhere;white-space:normal}.study-table th{font-size:.7rem}.code-block{font-size:.7rem;padding:.875rem;line-height:1.65}.tabs{gap:4px}.tab-btn{padding:8px 12px;font-size:.75rem;min-height:36px}code{font-size:.78em;padding:1px 4px}}@media (max-width: 480px){h1{font-size:1.2rem}h2{font-size:1rem}.alert{padding:.625rem .75rem;font-size:.78rem}.interview-box{padding:.875rem}.study-table{font-size:.7rem}.study-table th,.study-table td{padding:6px 7px}.code-block{font-size:.66rem;padding:.75rem}}@supports (padding: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}}@media (max-width: 768px){html,body{overflow-x:hidden}.code-block{max-width:100%}.timeline-label{width:80px!important;font-size:.7rem!important}.timeline-row{gap:8px}.control-label{min-width:0!important;flex:1}.control-val,.sim-step,.step,.phase-card,.instance-table td{min-width:0!important}.stat-box{min-width:0!important;flex:1 1 auto}.log-status,.log-time{min-width:0!important}}@media (max-width: 480px){.timeline-label{width:64px!important;font-size:.65rem!important}}