:root{color-scheme:dark;--it-bg: #0f172a;--it-card: #1e293b;--it-card-elevated: #243548;--it-border: rgba(226, 232, 240, .12);--it-shadow: 0 12px 40px rgba(0, 0, 0, .35);--it-text: #e2e8f0;--it-text-muted: #94a3b8;--it-accent: #22c55e;--it-accent-dim: rgba(34, 197, 94, .15);--it-error: #ef4444;--it-warning: #eab308;--it-focus: #4ade80;--it-on-accent: #0f172a;--it-track: #334155;--it-nav-active-bg: rgba(34, 197, 94, .12);--it-timer-green: #22c55e;--it-timer-yellow: #eab308;--it-timer-red: #ef4444;--it-overlay-backdrop: rgba(0, 0, 0, .42);--it-nav-flyout-shadow: 0 14px 28px rgba(0, 0, 0, .38);--it-block-surface: rgba(15, 23, 42, .35);--it-code-block-bg: rgba(15, 23, 42, .65);--it-weak-border: rgba(239, 68, 68, .45);--it-interview-border: rgba(34, 197, 94, .55);--it-interview-inner-glow: rgba(34, 197, 94, .12);--it-study-q-bg: rgba(30, 41, 59, .45);--it-filter-banner-border: rgba(34, 197, 94, .35);--it-heat-1: rgba(34, 197, 94, .28);--it-heat-1-border: rgba(34, 197, 94, .35);--it-heat-2: rgba(34, 197, 94, .45);--it-heat-2-border: rgba(34, 197, 94, .45);--it-heat-3: rgba(34, 197, 94, .65);--it-heat-3-border: rgba(34, 197, 94, .55);--it-heatmap-backdrop: rgba(15, 23, 42, .72);--it-panel-close-hover-bg: rgba(148, 163, 184, .12);--it-notice-border: rgba(99, 102, 241, .35);--it-notice-bg: rgba(99, 102, 241, .12);--it-link-accent-hover: #a5b4fc;--it-quiz-sticky-shadow: 0 -8px 24px rgba(0, 0, 0, .35);--it-accent-glow-sm: 0 4px 14px rgba(34, 197, 94, .35);--it-accent-glow-md: 0 8px 24px rgba(34, 197, 94, .4);--it-accent-ring: 0 0 0 3px rgba(34, 197, 94, .45);--it-self-eval-border-red: rgba(239, 68, 68, .45);--it-self-eval-bg-red: rgba(239, 68, 68, .12);--it-self-eval-border-yellow: rgba(234, 179, 8, .5);--it-self-eval-bg-yellow: rgba(234, 179, 8, .1);--it-self-eval-border-green: rgba(34, 197, 94, .55);--it-feedback-bg: rgba(15, 23, 42, .4);--it-feedback-border-accent: rgba(34, 197, 94, .35);--it-interview-q-bg: rgba(148, 163, 184, .12);--it-plan-primary-shadow: 0 4px 14px rgba(34, 197, 94, .35);--it-dashboard-streak-bg: rgba(239, 68, 68, .08);--it-dashboard-streak-border: rgba(239, 68, 68, .2)}html[data-theme=light]{color-scheme:light;--it-bg: #f8fafc;--it-card: #ffffff;--it-card-elevated: #f1f5f9;--it-border: rgba(15, 23, 42, .12);--it-shadow: 0 12px 40px rgba(15, 23, 42, .08);--it-text: #0f172a;--it-text-muted: #64748b;--it-accent: #16a34a;--it-accent-dim: rgba(22, 163, 74, .12);--it-error: #dc2626;--it-warning: #ca8a04;--it-focus: #15803d;--it-on-accent: #ffffff;--it-track: #e2e8f0;--it-nav-active-bg: rgba(22, 163, 74, .12);--it-timer-green: #16a34a;--it-timer-yellow: #ca8a04;--it-timer-red: #dc2626;--it-overlay-backdrop: rgba(15, 23, 42, .35);--it-nav-flyout-shadow: 0 14px 28px rgba(15, 23, 42, .12);--it-block-surface: rgba(241, 245, 249, .98);--it-code-block-bg: #f1f5f9;--it-weak-border: rgba(220, 38, 38, .42);--it-interview-border: rgba(22, 163, 74, .45);--it-interview-inner-glow: rgba(22, 163, 74, .18);--it-study-q-bg: #ffffff;--it-filter-banner-border: rgba(22, 163, 74, .35);--it-heat-1: rgba(22, 163, 74, .22);--it-heat-1-border: rgba(22, 163, 74, .32);--it-heat-2: rgba(22, 163, 74, .4);--it-heat-2-border: rgba(22, 163, 74, .42);--it-heat-3: rgba(22, 163, 74, .58);--it-heat-3-border: rgba(22, 163, 74, .52);--it-heatmap-backdrop: rgba(15, 23, 42, .4);--it-panel-close-hover-bg: rgba(100, 116, 139, .14);--it-notice-border: rgba(79, 70, 229, .35);--it-notice-bg: rgba(79, 70, 229, .08);--it-link-accent-hover: #4f46e5;--it-quiz-sticky-shadow: 0 -8px 24px rgba(15, 23, 42, .08);--it-accent-glow-sm: 0 4px 14px rgba(22, 163, 74, .25);--it-accent-glow-md: 0 8px 24px rgba(22, 163, 74, .28);--it-accent-ring: 0 0 0 3px rgba(22, 163, 74, .35);--it-self-eval-border-red: rgba(220, 38, 38, .45);--it-self-eval-bg-red: rgba(220, 38, 38, .08);--it-self-eval-border-yellow: rgba(202, 138, 4, .45);--it-self-eval-bg-yellow: rgba(202, 138, 4, .1);--it-self-eval-border-green: rgba(22, 163, 74, .45);--it-feedback-bg: rgba(241, 245, 249, .92);--it-feedback-border-accent: rgba(22, 163, 74, .3);--it-interview-q-bg: rgba(100, 116, 139, .12);--it-plan-primary-shadow: 0 4px 14px rgba(22, 163, 74, .22);--it-dashboard-streak-bg: rgba(220, 38, 38, .08);--it-dashboard-streak-border: rgba(220, 38, 38, .22)}html,body{height:100%;min-width:0;max-width:100%}html{overflow-x:clip;background:var(--it-bg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}app-root{display:block;min-width:0;max-width:100%}app-dashboard-page,app-quiz-page,app-study-guide-page,app-about-page{display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--it-bg);color:var(--it-text)}