:root{--color-bg-base: #0a0a0f;--color-bg-surface: #111118;--color-bg-elevated: #1a1a24;--color-bg-overlay: #22222e;--color-border-subtle: #2a2a38;--color-border-default: #3d3d52;--color-border-strong: #5a5a78;--color-text-primary: #e8e8f0;--color-text-secondary: #8888a8;--color-text-muted: #4a4a62;--color-text-inverse: #0a0a0f;--color-intel: #3b82f6;--color-intel-dim: #1e3a5f;--color-intel-glow: #60a5fa;--color-wisdom: #a855f7;--color-wisdom-dim: #3b1a5f;--color-wisdom-glow: #c084fc;--color-vigor: #22c55e;--color-vigor-dim: #14382a;--color-vigor-glow: #4ade80;--color-charisma: #f97316;--color-charisma-dim: #3d1e0a;--color-charisma-glow: #fb923c;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--color-xp-gold: #f59e0b;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-display: 700 28px / 1.2 var(--font-ui);--text-heading-1: 600 22px / 1.3 var(--font-ui);--text-heading-2: 600 18px / 1.4 var(--font-ui);--text-heading-3: 600 15px / 1.4 var(--font-ui);--text-body: 400 14px / 1.5 var(--font-ui);--text-caption: 400 12px / 1.4 var(--font-ui);--text-label: 600 11px / 1.2 var(--font-ui);--text-mono-lg: 700 24px / 1 var(--font-mono);--text-mono-md: 600 16px / 1 var(--font-mono);--text-mono-sm: 400 12px / 1 var(--font-mono);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--quest-theory-bg: #1e3a5f;--quest-theory-border: #3b82f6;--quest-practice-bg: #3b1a5f;--quest-practice-border: #a855f7;--xp-bar-height: 6px;--xp-bar-radius: 3px;--xp-bar-track: #2a2a38;--bottom-nav-height: 64px;--bottom-nav-bg: #111118;--bottom-nav-border-top: 1px solid #2a2a38;--duration-fast: .15s;--duration-normal: .28s;--duration-slow: .35s;--duration-xp-float: .8s;--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overscroll-behavior:none}body{height:100%;font:var(--text-body);color:var(--color-text-primary);background-color:var(--color-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}@media (display-mode: standalone){body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}}h1{font:var(--text-heading-1)}h2{font:var(--text-heading-2)}h3{font:var(--text-heading-3)}code,.mono{font-family:var(--font-mono)}.safe-top{padding-top:env(safe-area-inset-top,0px)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg-surface)}::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-full)}:focus-visible{outline:2px solid var(--color-intel);outline-offset:2px}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.bottom-nav.svelte-qzbt73{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px));background-color:var(--bottom-nav-bg);border-top:var(--bottom-nav-border-top);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-tab.svelte-qzbt73{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);transition:color var(--duration-fast) var(--easing-ease-out);min-width:44px;position:relative;padding-bottom:var(--space-1)}.nav-tab--active.svelte-qzbt73{color:var(--color-intel)}.nav-tab.svelte-qzbt73:active{transform:scale(.93)}.nav-tab__icon.svelte-qzbt73{display:flex;align-items:center;justify-content:center}.nav-tab__label.svelte-qzbt73{font:var(--text-label);font-size:10px;letter-spacing:.04em;color:var(--color-intel);line-height:1}.nav-tab__dot.svelte-qzbt73{width:4px;height:4px;border-radius:var(--radius-full);background-color:var(--color-intel);position:absolute;bottom:calc(4px + env(safe-area-inset-bottom,0px))}