:root{--color-ink:#0d0d0d;--color-paper:#f8f6f1;--color-cream:#eae6dd;--color-gold:#c9a227;--color-gold-dark:#a68521;--color-gold-light:#d4b44a;--color-gold-subtle:rgba(201, 162, 39, 0.15);--color-gold-border:rgba(201, 162, 39, 0.3);--color-warm-white:#fdfcf9;--color-muted:#737373;--color-error:#8b2635;--color-exercise-reflection:var(--color-gold-dark);--color-exercise-practice:var(--color-ink);--color-exercise-challenge:var(--color-error);--color-exercise-timed-drill:#2d7a4f;--color-exercise-transcript:#6b4c9a;--color-exercise-dialogue:#2a7d7d;--color-exercise-position:#c75c2c;--color-exercise-peer:#2c5c9e;--color-ink-rgb:13,13,13;--color-paper-rgb:248,246,241;--color-gold-rgb:201,162,39;--color-white-rgb:255,255,255;--color-black-rgb:0,0,0;--bg-primary:var(--color-ink);--bg-secondary:var(--color-paper);--bg-tertiary:var(--color-cream);--text-primary:var(--color-paper);--text-secondary:var(--color-ink);--text-muted:#a3a3a3;--accent:var(--color-gold);--accent-hover:var(--color-gold-light);--accent-dark:var(--color-gold-dark);--toast-bg:var(--color-ink);--toast-text:var(--color-paper);--toast-border:rgba(var(--color-gold-rgb), 0.3);--font-display:'Bebas Neue',sans-serif;--font-body:'Source Serif 4',Georgia,serif;--font-mono:'IBM Plex Mono',monospace;--text-xs:0.64rem;--text-sm:0.8rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--text-5xl:4rem;--text-6xl:5rem;--text-7xl:6rem;--text-8xl:8rem;--text-display-xl:clamp(3rem, 9vw, 4.5rem);--text-display-lg:clamp(2.5rem, 7vw, 3.5rem);--text-display-md:clamp(2rem, 5vw, 2.5rem);--leading-none:1;--leading-tight:1.15;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--leading-display:1.2;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.05em;--tracking-widest:0.08em;--tracking-display:0.1em;--tracking-mono:0.12em;--tracking-caps:0.15em;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-px:1px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-xs:var(--space-2);--space-sm:var(--space-4);--space-md:var(--space-8);--space-lg:var(--space-16);--space-xl:var(--space-24);--max-w-reading:70ch;--max-w-narrow:900px;--max-w-content:1200px;--max-w-wide:1400px;--header-height:72px;--border-width:1px;--border-width-2:2px;--border-width-3:3px;--border-width-4:4px;--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.12);--shadow-xl:0 20px 25px rgba(0, 0, 0, 0.15);--shadow-glow:0 0 20px rgba(201, 162, 39, 0.15);--shadow-elevation-1:0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-elevation-2:0 4px 6px -1px rgba(0, 0, 0, 0.1),0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-elevation-3:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-elevation-4:0 20px 25px -5px rgba(0, 0, 0, 0.1),0 10px 10px -5px rgba(0, 0, 0, 0.04);--shadow-elevation-5:0 25px 50px -12px rgba(0, 0, 0, 0.25);--shadow-gold-glow:0 0 30px rgba(201, 162, 39, 0.25);--shadow-gold-glow-lg:0 0 50px rgba(201, 162, 39, 0.35);--shadow-gold-glow-sm:0 0 15px rgba(201, 162, 39, 0.2);--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-header:100;--z-progress:101;--z-max:9999;--duration-instant:0ms;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:700ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55);--ease-smooth:cubic-bezier(0.25, 0.1, 0.25, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-smooth-spring:cubic-bezier(0.43, 0.13, 0.23, 0.96);--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--transition-colors:color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);--transition-opacity:opacity var(--duration-normal) var(--ease-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-all:all var(--duration-normal) var(--ease-out);--stagger-1:0ms;--stagger-2:100ms;--stagger-3:200ms;--stagger-4:300ms;--stagger-5:400ms;--stagger-6:500ms;--stagger-7:600ms;--stagger-8:700ms;--stagger-9:800ms;--stagger-10:900ms;--opacity-0:0;--opacity-5:0.05;--opacity-10:0.1;--opacity-15:0.15;--opacity-20:0.2;--opacity-25:0.25;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1000px;--breakpoint-xl:1200px;--breakpoint-2xl:1400px;--border-subtle:rgba(var(--color-white-rgb), 0.08);--border-medium:rgba(var(--color-white-rgb), 0.1);--border-strong:rgba(var(--color-white-rgb), 0.15);--border-prominent:rgba(var(--color-white-rgb), 0.2);--bg-overlay-subtle:rgba(var(--color-white-rgb), 0.05);--bg-overlay:rgba(var(--color-white-rgb), 0.1);--bg-surface-elevated:rgba(var(--color-ink-rgb), 0.95)}[data-theme=light]{--bg-primary:var(--color-paper);--bg-secondary:var(--color-ink);--bg-tertiary:var(--color-warm-white);--text-primary:var(--color-ink);--text-secondary:var(--color-paper);--text-muted:#4a4a4a;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.15);--toast-bg:var(--color-paper);--toast-text:var(--color-ink);--toast-border:rgba(var(--color-ink-rgb), 0.15);--border-subtle:rgba(var(--color-black-rgb), 0.06);--border-medium:rgba(var(--color-black-rgb), 0.1);--border-strong:rgba(var(--color-black-rgb), 0.12);--border-prominent:rgba(var(--color-black-rgb), 0.18);--bg-overlay-subtle:rgba(var(--color-black-rgb), 0.03);--bg-overlay:rgba(var(--color-black-rgb), 0.08);--bg-surface-elevated:rgba(var(--color-paper-rgb), 0.97)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-primary:var(--color-paper);--bg-secondary:var(--color-ink);--bg-tertiary:var(--color-warm-white);--text-primary:var(--color-ink);--text-secondary:var(--color-paper);--text-muted:#4a4a4a;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 12px rgba(0, 0, 0, 0.1);--shadow-lg:0 8px 24px rgba(0, 0, 0, 0.15);--toast-bg:var(--color-paper);--toast-text:var(--color-ink);--toast-border:rgba(var(--color-ink-rgb), 0.15);--border-subtle:rgba(var(--color-black-rgb), 0.06);--border-medium:rgba(var(--color-black-rgb), 0.1);--border-strong:rgba(var(--color-black-rgb), 0.12);--border-prominent:rgba(var(--color-black-rgb), 0.18);--bg-overlay-subtle:rgba(var(--color-black-rgb), 0.03);--bg-overlay:rgba(var(--color-black-rgb), 0.08);--bg-surface-elevated:rgba(var(--color-paper-rgb), 0.97)}}[data-font-size=small]{--text-xs:0.6rem;--text-sm:0.75rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem}[data-font-size=large]{--text-xs:0.75rem;--text-sm:0.9375rem;--text-base:1.125rem;--text-md:1.25rem;--text-lg:1.375rem;--text-xl:1.625rem;--text-2xl:2.25rem}@media (max-width:1000px){:root{--space-lg:var(--space-12);--space-xl:var(--space-16)}}@media (max-width:600px){:root{--space-lg:var(--space-8);--space-xl:var(--space-12);--header-height:60px}}