:root{--header-height: 72px;--sidebar-width: 310px;--drawer-width: 420px;--max-content-width: 1100px;--sticky-offset: calc(var(--header-height) + 1rem);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .25s cubic-bezier(.16, 1, .3, 1);--transition-bounce: .35s cubic-bezier(.34, 1.56, .64, 1);--accent-cyan: #00f3ff;--accent-cyan-rgb: 0, 243, 255;--accent-blue: #38bdf8;--accent-violet: #818cf8;--accent-emerald: #34d399;--accent-amber: #fbbf24;--accent-rose: #f43f5e}[data-theme=dark]{--bg-base: #070b14;--bg-gradient: radial-gradient(circle at 10% 10%, rgba(14, 165, 233, .08) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(129, 140, 248, .07) 0%, transparent 45%), radial-gradient(circle at 50% 50%, #0b1120 0%, #030712 100%);--bg-surface: rgba(15, 23, 42, .65);--bg-surface-elevated: rgba(30, 41, 59, .7);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .07) 0%, rgba(255, 255, 255, .02) 100%), rgba(15, 23, 42, .6);--glass-bg-accent: linear-gradient(135deg, rgba(0, 243, 255, .08) 0%, rgba(15, 23, 42, .7) 100%);--glass-border: 1px solid rgba(255, 255, 255, .09);--glass-border-hover: 1px solid rgba(0, 243, 255, .4);--glass-border-cyan: 1px solid rgba(0, 243, 255, .35);--glass-blur: blur(16px);--glass-blur-heavy: blur(24px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5), inset 0 1px 1px 0 rgba(255, 255, 255, .1);--glass-shadow-glow: 0 8px 32px 0 rgba(0, 0, 0, .5), 0 0 24px rgba(0, 243, 255, .2), inset 0 1px 1px 0 rgba(255, 255, 255, .2);--accent-cyan-glow: rgba(0, 243, 255, .25);--code-bg: rgba(3, 7, 18, .85);--table-border: rgba(255, 255, 255, .08);--sidebar-item-hover-bg: rgba(255, 255, 255, .06);--sidebar-item-hover-border: rgba(0, 243, 255, .25);--sidebar-item-hover-text: #ffffff}[data-theme=light]{--bg-base: #f8fafc;--bg-gradient: radial-gradient(circle at 10% 10%, rgba(14, 165, 233, .06) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(99, 102, 241, .05) 0%, transparent 45%), radial-gradient(circle at 50% 50%, #f1f5f9 0%, #f8fafc 100%);--bg-surface: rgba(255, 255, 255, .82);--bg-surface-elevated: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--glass-bg: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, .7) 100%);--glass-bg-accent: linear-gradient(135deg, rgba(2, 132, 199, .08) 0%, rgba(255, 255, 255, .9) 100%);--glass-border: 1px solid rgba(226, 232, 240, .9);--glass-border-hover: 1px solid rgba(2, 132, 199, .45);--glass-border-cyan: 1px solid rgba(2, 132, 199, .4);--glass-blur: blur(16px);--glass-blur-heavy: blur(24px);--glass-shadow: 0 8px 30px 0 rgba(15, 23, 42, .06), inset 0 1px 1px 0 rgba(255, 255, 255, .9);--glass-shadow-glow: 0 8px 30px 0 rgba(15, 23, 42, .08), 0 0 20px rgba(2, 132, 199, .15), inset 0 1px 1px 0 rgba(255, 255, 255, .9);--accent-cyan: #0284c7;--accent-cyan-glow: rgba(2, 132, 199, .15);--code-bg: #1e293b;--table-border: rgba(226, 232, 240, .9);--sidebar-item-hover-bg: rgba(2, 132, 199, .12);--sidebar-item-hover-border: rgba(2, 132, 199, .4);--sidebar-item-hover-text: #0369a1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-base);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#00f3ff73}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem;transition:all var(--transition-smooth)}.glass-panel:hover{border:var(--glass-border-hover)}.glass-panel-glow{background:var(--glass-bg-accent);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border-cyan);box-shadow:var(--glass-shadow-glow);border-radius:1rem}.glass-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;background:#00f3ff14;border:1px solid rgba(0,243,255,.25);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.05em}.btn-glass{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:.75rem;font-family:var(--font-sans);font-weight:600;font-size:.875rem;cursor:pointer;background:var(--glass-bg);border:var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:all var(--transition-fast);text-decoration:none}.btn-glass:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 16px var(--accent-cyan-glow);transform:translateY(-1px)}.btn-cyan{background:linear-gradient(135deg,#00f3ff,#0284c7);color:#030712;border:none;font-weight:700;box-shadow:0 4px 16px #00f3ff4d}.btn-cyan:hover{filter:brightness(1.1);box-shadow:0 6px 24px #00f3ff80;transform:translateY(-1px);color:#030712}.prose-content{color:var(--text-primary);font-size:1.05rem;line-height:1.75}.prose-content h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.prose-content h2{font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(148,163,184,.15);color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.prose-content h3{font-size:1.2rem;font-weight:600;margin-top:1.75rem;margin-bottom:.75rem;color:var(--text-primary)}.prose-content p{margin-bottom:1.25rem;color:var(--text-secondary)}.prose-content ul,.prose-content ol{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--text-secondary)}.prose-content li{margin-bottom:.5rem}.prose-content strong{color:var(--text-primary);font-weight:700}.prose-content code:not(pre code){font-family:var(--font-mono);font-size:.88em;padding:.2rem .45rem;border-radius:.375rem;background:#00f3ff14;border:1px solid rgba(0,243,255,.2);color:var(--accent-cyan)}.code-block-wrapper{margin:1.75rem 0;border-radius:.85rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:var(--code-bg);box-shadow:0 8px 30px #00000059;transition:border-color var(--transition-fast)}[data-theme=light] .code-block-wrapper{border-color:#e2e8f0e6;box-shadow:0 8px 24px #0f172a14}.code-block-wrapper:hover{border-color:#00f3ff59}[data-theme=light] .code-block-wrapper:hover{border-color:#0284c766}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem;background:#0f172a;border-bottom:1px solid rgba(255,255,255,.08)}.code-header-left{display:flex;align-items:center;gap:.75rem}.code-window-dots{display:inline-flex;align-items:center;gap:.35rem}.code-window-dots .dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.code-lang-tag{font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--accent-cyan);letter-spacing:.06em}.code-copy-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .65rem;border-radius:.45rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#94a3b8;font-family:var(--font-sans);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.code-copy-btn:hover{background:#00f3ff26;border-color:#00f3ff66;color:#00f3ff;box-shadow:0 0 10px #00f3ff33}.code-copy-btn.copied{background:#34d39933;border-color:#34d39980;color:#34d399}.copy-svg{flex-shrink:0}.prose-content pre{margin:0;padding:1.25rem;border-radius:0;background:var(--code-bg);border:none;overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.6;box-shadow:none}.prose-content pre code{font-family:inherit;color:#e2e8f0}.prose-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid var(--accent-cyan);background:#00f3ff0d;border-radius:0 .75rem .75rem 0;color:var(--text-secondary);font-style:normal}.prose-content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;border-radius:.75rem;overflow:hidden;border:1px solid var(--table-border)}.prose-content th{background:#0f172a66;color:var(--text-primary);font-weight:700;text-align:left;padding:.875rem 1rem;border-bottom:1px solid var(--table-border);font-size:.9rem}.prose-content td{padding:.75rem 1rem;border-bottom:1px solid var(--table-border);color:var(--text-secondary);font-size:.9rem}.prose-content tr:last-child td{border-bottom:none}.prose-content tr:hover td{background:#ffffff05}.prose-content hr{margin:2.5rem 0;border:none;border-top:1px solid rgba(148,163,184,.15)}.prose-content a{color:var(--accent-cyan);text-decoration:none;border-bottom:1px dashed rgba(0,243,255,.5);transition:border-color var(--transition-fast)}.prose-content a:hover{border-bottom-style:solid}.interview-intel-card{margin:.5rem 0 2rem;padding:1.25rem 1.5rem;background:var(--glass-bg-accent);border:var(--glass-border-cyan);border-radius:1rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.intel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}[data-theme=light] .intel-header{border-bottom-color:#0f172a14}.intel-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-cyan)}.intel-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .6rem;border-radius:9999px;background:rgba(var(--accent-cyan-rgb),.12);color:var(--accent-cyan);border:1px solid rgba(var(--accent-cyan-rgb),.25)}.intel-grid{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) 1.5fr;gap:1.25rem;align-items:start}@media(max-width:960px){.intel-grid{grid-template-columns:1fr 1fr;gap:1rem}}@media(max-width:600px){.intel-grid{grid-template-columns:1fr}}.intel-metric{display:flex;flex-direction:column;gap:.35rem}.metric-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.metric-val{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.3}.priority-val{color:var(--accent-emerald)}.freq-val{color:var(--accent-cyan)}.depth-val{color:var(--accent-violet)}.roles-metric .roles-wrapper{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.15rem}.role-pill{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:.45rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);white-space:nowrap}[data-theme=light] .role-pill{background:#0f172a0d;border-color:#0f172a1a;color:var(--text-secondary)}.table-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:.75rem;border:1px solid var(--glass-border);box-shadow:0 4px 20px #00000026}.table-scroll-wrapper table{margin:0!important;width:100%;min-width:620px;border-collapse:collapse}@media(max-width:768px){.table-scroll-wrapper table th,.table-scroll-wrapper table td{padding:.6rem .8rem;font-size:.82rem}.code-block-wrapper pre{font-size:.82rem!important;padding:1rem .85rem!important}}