*,:after,:before{box-sizing:border-box}html{font-family:Segoe UI,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;color-scheme:light}body{background:var(--shell-background);color:var(--text-primary);margin:0;min-height:100vh;transition:background-color .18s ease,color .18s ease}:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-secondary:#0f172a;--color-secondary-dark:#020617;--color-neutral:#64748b;--color-neutral-dark:#475569;--color-accent:#d97706;--color-accent-soft:#fff7ed;--color-background:#f3f7fb;--color-surface:#fff;--color-surface-alt:#e9eff7;--color-text:#0f172a;--color-text-muted:#526074;--color-border:#d7e1ee;--color-hover:#eef4fb;--color-disabled-surface:#e9eff7;--color-code-bg:#e9eff7;--color-info:#0284c7;--color-info-surface:#e0f2fe;--color-info-text:#0b6998;--color-warning:#d97706;--color-warning-surface:#fff4e5;--color-warning-text:#9a5a06;--color-warning-border:#f1c27d;--color-error:#dc2626;--color-error-dark:#b91c1c;--color-danger-surface:#fef2f2;--color-danger-text:#b42318;--color-success:#16a34a;--color-success-dark:#15803d;--color-success-surface:#e9f8ef;--color-success-text:#17603d;--color-primary-soft:rgba(37,99,235,.12);--color-primary-soft-weak:rgba(37,99,235,.06);--color-primary-shadow:rgba(37,99,235,.22);--color-primary-shadow-strong:rgba(37,99,235,.32);--color-danger-shadow:rgba(220,38,38,.28);--color-danger-shadow-strong:rgba(220,38,38,.4);--color-focus-ring-primary:rgba(37,99,235,.16);--color-focus-ring-danger:rgba(220,38,38,.16);--color-loading-overlay:hsla(0,0%,100%,.74);--hero-gradient:linear-gradient(135deg,#0f172a,#2563eb);--hero-contrast-surface:#fff;--hero-contrast-accent:#2563eb;--metric-accent-gradient:linear-gradient(145deg,#1d4ed8,#60a5fa);--metric-accent-shadow:rgba(96,165,250,.18);--metric-success-gradient:linear-gradient(145deg,#0f766e,#14b8a6);--metric-info-gradient:linear-gradient(145deg,#1d4ed8,#60a5fa);--metric-warning-gradient:linear-gradient(145deg,#b45309,#f59e0b);--metric-warning-shadow:rgba(180,83,9,.14);--shell-background:linear-gradient(180deg,#f8fbff,#eef4fb);--shell-header-bg:hsla(0,0%,100%,.92);--shell-sidebar-bg:linear-gradient(180deg,#0f172a,#162337);--shell-sidebar-border:rgba(148,163,184,.14);--shell-sidebar-text:hsla(0,0%,100%,.82);--shell-sidebar-muted:hsla(0,0%,100%,.52);--shell-sidebar-hover:hsla(0,0%,100%,.08);--shell-sidebar-active:rgba(96,165,250,.18);--shell-sidebar-active-border:rgba(96,165,250,.42);--shell-topbar-shadow:0 10px 30px rgba(15,23,42,.08);--theme-toggle-bg:rgba(15,23,42,.04);--theme-toggle-hover:rgba(37,99,235,.1);--theme-toggle-icon:#0f172a;--text-inverse:#fff;--text-inverse-muted:hsla(0,0%,100%,.72);--surface-raised:hsla(0,0%,100%,.94);--surface-raised-strong:#fff;--surface-soft:#f8fafc;--surface-soft-strong:#eef4fb;--surface-panel-gradient:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,251,255,.96));--surface-panel-hero:radial-gradient(circle at top right,rgba(16,185,129,.14),transparent 35%),radial-gradient(circle at bottom left,rgba(59,130,246,.12),transparent 40%),linear-gradient(145deg,#fff,#f4f8ff);--surface-accent-muted:rgba(15,23,42,.06);--surface-accent-soft:rgba(15,23,42,.04);--surface-accent-strong:rgba(15,23,42,.08);--surface-selection:var(--color-primary-soft);--surface-selection-strong:rgba(37,99,235,.16);--surface-overlay:rgba(15,23,42,.38);--surface-backdrop:rgba(15,23,42,.56);--border-soft:rgba(148,163,184,.16);--border-strong:rgba(148,163,184,.35);--border-accent:rgba(59,130,246,.22);--border-success:#a7f3d0;--border-info:#93c5fd;--border-complete:#86efac;--shadow-card:0 12px 30px rgba(15,23,42,.06);--shadow-card-hover:0 16px 34px rgba(15,23,42,.1);--shadow-floating:0 16px 40px rgba(15,23,42,.08);--shadow-dialog:0 20px 25px -5px rgba(15,23,42,.14),0 10px 10px -5px rgba(15,23,42,.08);--shadow-soft:0 1px 3px rgba(15,23,42,.1);--shadow-soft-hover:0 4px 12px rgba(15,23,42,.15);--field-bg:#fff;--field-border:rgba(148,163,184,.24);--field-border-strong:rgba(148,163,184,.35);--field-focus-shadow:0 0 0 3px rgba(37,99,235,.15);--status-info-bg:#e0f2fe;--status-info-text:#075985;--status-success-bg:rgba(16,185,129,.14);--status-success-text:#047857;--status-warning-bg:rgba(245,158,11,.14);--status-warning-text:#b45309;--status-danger-bg:rgba(239,68,68,.12);--status-danger-text:#b91c1c;--status-neutral-bg:#e2e8f0;--status-neutral-text:#475569;--status-violet-bg:#ede9fe;--status-violet-text:#6d28d9;--status-teal-bg:#ccfbf1;--status-teal-text:#0f766e;--status-cognitive-bg:#dbeafe;--status-cognitive-text:#1e40af;--status-social-bg:#fce7f3;--status-social-text:#be185d;--status-methodical-bg:#d1fae5;--status-methodical-text:#065f46;--callout-info-bg:linear-gradient(135deg,#f0f9ff,#e0f2fe);--callout-info-border:#0ea5e9;--callout-info-text:#0c4a6e;--callout-info-title:#0369a1;--callout-success-bg:#ecfdf5;--callout-success-border:#10b981;--callout-success-text:#065f46;--callout-warning-bg:#fef3c7;--callout-warning-text:#92400e;--callout-danger-bg:#fef2f2;--callout-danger-border:#fecaca;--callout-danger-text:#b91c1c;--progress-track:rgba(148,163,184,.18);--progress-fill:linear-gradient(90deg,#22c55e,#38bdf8);--mission-card-bg:linear-gradient(180deg,#fff,#f8fafc);--mission-hud-bg:linear-gradient(180deg,#f8fafc,#eff6ff);--mission-complete-bg:linear-gradient(180deg,#f0fdf4,#dcfce7);--mission-active-bg:linear-gradient(180deg,#eff6ff,#dbeafe);--tool-surface:var(--callout-success-bg);--tool-surface-border:var(--callout-success-border);--tool-header-bg:var(--surface-accent-soft);--tool-chip-bg:var(--surface-accent-strong);--tool-raw-bg:var(--surface-accent-soft);--markdown-code-inline-bg:rgba(15,23,42,.08);--markdown-code-block-bg:rgba(15,23,42,.94);--markdown-code-block-text:#e2e8f0;--markdown-quote-border:rgba(148,163,184,.6);--markdown-link-underline:rgba(59,130,246,.55);--divider-color:rgba(148,163,184,.35);--login-header-gradient:linear-gradient(135deg,#0f172a,#1e3a8a);--login-footer-bg:rgba(248,250,252,.92);--login-footer-border:#e5e7eb;--hero-muted:hsla(0,0%,100%,.35);--primary-color:var(--color-primary);--primary-color-dark:var(--color-primary-dark);--primary-hover:var(--color-primary-dark);--secondary-color:var(--color-neutral);--secondary-hover:var(--color-neutral-dark);--primary:var(--color-primary);--primary-bg:var(--color-accent-soft);--primary-soft:var(--color-primary-soft);--primary-soft-weak:var(--color-primary-soft-weak);--background-color:var(--color-background);--surface-color:var(--color-surface);--surface-alt:var(--color-surface-alt);--disabled-bg:var(--color-disabled-surface);--text-primary:var(--color-text);--text-secondary:var(--color-text-muted);--text-muted:var(--color-text-muted);--border-color:var(--color-border);--hover-color:var(--color-hover);--code-bg:var(--color-code-bg);--info-color:var(--color-info);--info-surface:var(--color-info-surface);--info-text:var(--color-info-text);--warning-color:var(--color-warning);--warning-surface:var(--color-warning-surface);--warning-text:var(--color-warning-text);--warning-border:var(--color-warning-border);--success-color:var(--color-success);--success-hover:var(--color-success-dark);--success-surface:var(--color-success-surface);--success-text:var(--color-success-text);--danger-color:var(--color-error);--danger-hover:var(--color-error-dark);--danger-surface:var(--color-danger-surface);--danger-text:var(--color-danger-text);--error:var(--color-error);--disabled-color:var(--color-text-muted);--focus-ring-primary:var(--color-focus-ring-primary);--focus-ring-danger:var(--color-focus-ring-danger);--primary-shadow:var(--color-primary-shadow);--primary-shadow-strong:var(--color-primary-shadow-strong);--danger-shadow:var(--color-danger-shadow);--danger-shadow-strong:var(--color-danger-shadow-strong);--loading-overlay:var(--color-loading-overlay);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1)}:root[data-theme=dark]{color-scheme:dark;--color-primary:#60a5fa;--color-primary-dark:#3b82f6;--color-secondary:#e2e8f0;--color-secondary-dark:#cbd5e1;--color-neutral:#94a3b8;--color-neutral-dark:#64748b;--color-accent:#f59e0b;--color-accent-soft:rgba(245,158,11,.12);--color-background:#07111f;--color-surface:#0f1b2d;--color-surface-alt:#13253d;--color-text:#f8fafc;--color-text-muted:#aebdd0;--color-border:#223552;--color-hover:rgba(148,163,184,.14);--color-disabled-surface:#13253d;--color-code-bg:#13253d;--color-info:#38bdf8;--color-info-surface:rgba(56,189,248,.18);--color-info-text:#bae6fd;--color-warning:#fbbf24;--color-warning-surface:rgba(251,191,36,.16);--color-warning-text:#fde68a;--color-warning-border:rgba(251,191,36,.3);--color-error:#f87171;--color-error-dark:#ef4444;--color-danger-surface:hsla(0,91%,71%,.18);--color-danger-text:#fecaca;--color-success:#4ade80;--color-success-dark:#22c55e;--color-success-surface:rgba(74,222,128,.18);--color-success-text:#bbf7d0;--color-primary-soft:rgba(96,165,250,.18);--color-primary-soft-weak:rgba(96,165,250,.1);--color-primary-shadow:rgba(96,165,250,.26);--color-primary-shadow-strong:rgba(96,165,250,.38);--color-danger-shadow:hsla(0,91%,71%,.28);--color-danger-shadow-strong:hsla(0,91%,71%,.42);--color-focus-ring-primary:rgba(96,165,250,.24);--color-focus-ring-danger:hsla(0,91%,71%,.22);--color-loading-overlay:rgba(7,17,31,.72);--hero-gradient:linear-gradient(135deg,#07111f,#1d4ed8);--hero-contrast-surface:#f8fafc;--hero-contrast-accent:#60a5fa;--metric-accent-gradient:linear-gradient(145deg,#1d4ed8,#60a5fa);--metric-accent-shadow:rgba(96,165,250,.18);--metric-success-gradient:linear-gradient(145deg,#0f766e,#14b8a6);--metric-info-gradient:linear-gradient(145deg,#2563eb,#60a5fa);--metric-warning-gradient:linear-gradient(145deg,#b45309,#f59e0b);--metric-warning-shadow:rgba(245,158,11,.18);--shell-background:linear-gradient(180deg,#07111f,#0b1627);--shell-header-bg:rgba(10,20,35,.9);--shell-sidebar-bg:linear-gradient(180deg,#040b16,#0a1527);--shell-sidebar-border:rgba(96,165,250,.12);--shell-sidebar-text:rgba(241,245,249,.86);--shell-sidebar-muted:rgba(174,189,208,.55);--shell-sidebar-hover:rgba(96,165,250,.1);--shell-sidebar-active:rgba(96,165,250,.16);--shell-sidebar-active-border:rgba(96,165,250,.36);--shell-topbar-shadow:0 10px 30px rgba(2,6,23,.34);--theme-toggle-bg:rgba(148,163,184,.12);--theme-toggle-hover:rgba(96,165,250,.18);--theme-toggle-icon:#f8fafc;--text-inverse:#f8fafc;--text-inverse-muted:rgba(226,232,240,.72);--surface-raised:rgba(15,27,45,.92);--surface-raised-strong:#15253b;--surface-soft:#13253d;--surface-soft-strong:#17314d;--surface-panel-gradient:linear-gradient(180deg,rgba(18,33,53,.96),rgba(13,25,40,.98));--surface-panel-hero:radial-gradient(circle at top right,rgba(56,189,248,.16),transparent 38%),radial-gradient(circle at bottom left,rgba(74,222,128,.12),transparent 42%),linear-gradient(145deg,rgba(15,27,45,.98),rgba(12,21,35,.98));--surface-accent-muted:rgba(148,163,184,.08);--surface-accent-soft:rgba(148,163,184,.06);--surface-accent-strong:rgba(148,163,184,.14);--surface-selection:rgba(96,165,250,.14);--surface-selection-strong:rgba(96,165,250,.22);--surface-overlay:rgba(2,6,23,.52);--surface-backdrop:rgba(2,6,23,.72);--border-soft:rgba(148,163,184,.16);--border-strong:rgba(148,163,184,.28);--border-accent:rgba(96,165,250,.28);--border-success:rgba(74,222,128,.45);--border-info:rgba(96,165,250,.44);--border-complete:rgba(134,239,172,.44);--shadow-card:0 12px 30px rgba(2,6,23,.24);--shadow-card-hover:0 18px 36px rgba(2,6,23,.3);--shadow-floating:0 16px 40px rgba(2,6,23,.34);--shadow-dialog:0 24px 32px -8px rgba(2,6,23,.48),0 10px 14px -8px rgba(2,6,23,.3);--shadow-soft:0 1px 3px rgba(2,6,23,.28);--shadow-soft-hover:0 6px 18px rgba(2,6,23,.32);--field-bg:#0f1b2d;--field-border:rgba(148,163,184,.2);--field-border-strong:rgba(148,163,184,.32);--field-focus-shadow:0 0 0 3px rgba(96,165,250,.16);--status-info-bg:rgba(56,189,248,.18);--status-info-text:#bae6fd;--status-success-bg:rgba(74,222,128,.18);--status-success-text:#bbf7d0;--status-warning-bg:rgba(251,191,36,.18);--status-warning-text:#fde68a;--status-danger-bg:hsla(0,91%,71%,.18);--status-danger-text:#fecaca;--status-neutral-bg:rgba(148,163,184,.18);--status-neutral-text:#cbd5e1;--status-violet-bg:rgba(167,139,250,.18);--status-violet-text:#ddd6fe;--status-teal-bg:rgba(45,212,191,.18);--status-teal-text:#99f6e4;--status-cognitive-bg:rgba(96,165,250,.18);--status-cognitive-text:#dbeafe;--status-social-bg:rgba(244,114,182,.2);--status-social-text:#fbcfe8;--status-methodical-bg:rgba(74,222,128,.18);--status-methodical-text:#bbf7d0;--callout-info-bg:linear-gradient(135deg,rgba(14,165,233,.16),rgba(37,99,235,.18));--callout-info-border:#38bdf8;--callout-info-text:#dbeafe;--callout-info-title:#e0f2fe;--callout-success-bg:rgba(34,197,94,.16);--callout-success-border:#4ade80;--callout-success-text:#dcfce7;--callout-warning-bg:rgba(245,158,11,.16);--callout-warning-text:#fde68a;--callout-danger-bg:hsla(0,91%,71%,.16);--callout-danger-border:hsla(0,91%,71%,.4);--callout-danger-text:#fecaca;--progress-track:rgba(148,163,184,.24);--progress-fill:linear-gradient(90deg,#22c55e,#38bdf8);--mission-card-bg:linear-gradient(180deg,rgba(21,37,59,.96),rgba(15,27,45,.98));--mission-hud-bg:linear-gradient(180deg,rgba(19,37,61,.98),rgba(17,40,66,.98));--mission-complete-bg:linear-gradient(180deg,rgba(20,83,45,.34),rgba(21,128,61,.22));--mission-active-bg:linear-gradient(180deg,rgba(30,64,175,.34),rgba(37,99,235,.22));--tool-surface:rgba(34,197,94,.16);--tool-surface-border:#4ade80;--tool-header-bg:rgba(148,163,184,.08);--tool-chip-bg:rgba(148,163,184,.14);--tool-raw-bg:rgba(2,6,23,.24);--markdown-code-inline-bg:rgba(148,163,184,.16);--markdown-code-block-bg:rgba(2,6,23,.82);--markdown-code-block-text:#e2e8f0;--markdown-quote-border:rgba(148,163,184,.45);--markdown-link-underline:rgba(96,165,250,.52);--divider-color:rgba(148,163,184,.24);--login-header-gradient:linear-gradient(135deg,#020617,#1d4ed8);--login-footer-bg:rgba(15,27,45,.84);--login-footer-border:rgba(148,163,184,.18);--hero-muted:rgba(226,232,240,.4)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}#app{min-height:100vh}