:root{--display: "Barlow Condensed", "Outfit", system-ui, -apple-system, sans-serif;--body: "Inter", system-ui, -apple-system, sans-serif;--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--font-display: var(--display);--font-body: var(--body);--font-mono: var(--mono);--sidebar: 256px;--sidebar-collapsed: 72px;--list: 440px;--topbar-height-desktop: 60px;--topbar-height-mobile: 52px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--r: var(--radius-md);--transition-fast: .14s cubic-bezier(.16, 1, .3, 1);--transition-normal: .22s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .35s cubic-bezier(.16, 1, .3, 1);--color-text-primary: var(--foam);--color-text-muted: var(--mist);--color-text-dim: var(--dim);--color-accent: var(--signal);--color-accent-deep: var(--signal-deep);--color-bg-primary: var(--abyss);--color-bg-card: var(--bg-card)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 18px;--spacing-xl: 24px;--spacing-2xl: 32px;--text-xs: 11px;--text-sm: 12px;--text-md: 14px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-base: var(--text-md);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--radius-full: var(--radius-pill);--shadow-ink-weak: rgba(2, 12, 24, .26);--shadow-ink: rgba(2, 12, 24, .42);--shadow-ink-strong: rgba(2, 12, 24, .68);--shadow-sm: 0 1px 2px rgba(2, 12, 24, .28);--shadow-md: 0 4px 14px rgba(2, 12, 24, .32);--shadow-lg: 0 10px 30px -10px rgba(2, 12, 24, .45);--shadow-xl: 0 18px 44px -16px rgba(2, 12, 24, .5);--shadow-2xl: 0 28px 70px -24px rgba(2, 12, 24, .6);--color-primary: var(--signal);--color-bg: var(--abyss);--color-bg-secondary: var(--deep);--color-surface: var(--bg-card);--color-border: var(--hair);--color-text: var(--foam);--color-text-secondary: var(--mist);--color-danger: var(--neon-rose);--color-success: #34d399;--color-warning: var(--ember);--color-phase-prepare: var(--phase-prep);--color-phase-hold: var(--phase-hold);--color-phase-recovery: var(--phase-rec)}:root,[data-theme=ocean-dark],[data-theme=ocean]{--abyss: #071526;--deep: #0c213d;--shelf: #123055;--ridge: #1b4578;--hair: rgba(56, 189, 248, .16);--signal: #00d2ff;--signal-deep: #0284c7;--ember: #fbbf24;--btn-primary-text: #02161d;--foam: #f0f7ff;--mist: #94b8db;--dim: #50769d;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(12, 33, 61, .75);--bg-card-hover: rgba(18, 48, 85, .9);--bg-surface: rgba(10, 27, 50, .92);--bg-glass-subtle: rgba(56, 189, 248, .04);--neon-cyan: var(--signal);--neon-cyan-glow: rgba(0, 210, 255, .45);--neon-teal: #00e5ff;--neon-teal-glow: rgba(0, 229, 255, .45);--neon-amber: var(--ember);--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #ff4d6d;--neon-rose-glow: rgba(255, 77, 109, .45);--neon-purple: #818cf8;--neon-purple-glow: rgba(129, 140, 248, .45);--phase-prep: #38bdf8;--phase-hold: #00d2ff;--phase-rec: #fbbf24;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(0, 210, 255, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(0, 210, 255, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(2, 132, 199, .22), transparent 55%), linear-gradient(180deg, #0d2744 0%, #071526 42%, #030a14 100%);--rail-bg: linear-gradient(180deg, rgba(12, 33, 61, .95), rgba(7, 21, 38, .9));--topbar-bg: rgba(7, 21, 38, .85);--library-bg: rgba(7, 21, 38, .45);--profile-bg: linear-gradient(180deg, rgba(12, 33, 61, .85), rgba(7, 21, 38, .65))}[data-theme=abyss-dark]{--abyss: #030712;--deep: #0c1322;--shelf: #111d33;--ridge: #1e293b;--hair: rgba(56, 189, 248, .14);--signal: #38bdf8;--signal-deep: #0284c7;--ember: #10b981;--btn-primary-text: #030712;--foam: #f8fafc;--mist: #94a3b8;--dim: #475569;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(12, 19, 34, .85);--bg-card-hover: rgba(17, 29, 51, .95);--bg-surface: rgba(8, 14, 26, .95);--bg-glass-subtle: rgba(56, 189, 248, .04);--neon-cyan: #38bdf8;--neon-cyan-glow: rgba(56, 189, 248, .45);--neon-teal: #10b981;--neon-teal-glow: rgba(16, 185, 129, .45);--neon-amber: #fbbf24;--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f43f5e;--neon-rose-glow: rgba(244, 63, 94, .45);--neon-purple: #818cf8;--neon-purple-glow: rgba(129, 140, 248, .45);--phase-prep: #0284c7;--phase-hold: #38bdf8;--phase-rec: #10b981;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(56, 189, 248, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(56, 189, 248, .12), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(14, 165, 233, .15), transparent 55%), linear-gradient(180deg, #090f1d 0%, #030712 50%, #02040a 100%);--rail-bg: linear-gradient(180deg, rgba(12, 19, 34, .95), rgba(3, 7, 18, .95));--topbar-bg: rgba(3, 7, 18, .88);--library-bg: rgba(3, 7, 18, .55);--profile-bg: linear-gradient(180deg, rgba(12, 19, 34, .88), rgba(3, 7, 18, .75))}[data-theme=emerald-dark]{--abyss: #041a14;--deep: #0a2e24;--shelf: #114234;--ridge: #1a5644;--hair: rgba(52, 211, 153, .18);--signal: #34d399;--signal-deep: #059669;--ember: #f59e0b;--btn-primary-text: #041a14;--foam: #f0fdf4;--mist: #a7f3d0;--dim: #34d399;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(10, 46, 36, .8);--bg-card-hover: rgba(17, 66, 52, .92);--bg-surface: rgba(6, 30, 23, .94);--bg-glass-subtle: rgba(52, 211, 153, .05);--neon-cyan: #34d399;--neon-cyan-glow: rgba(52, 211, 153, .45);--neon-teal: #10b981;--neon-teal-glow: rgba(16, 185, 129, .45);--neon-amber: #f59e0b;--neon-amber-glow: rgba(245, 158, 11, .45);--neon-rose: #f87171;--neon-rose-glow: rgba(248, 113, 113, .45);--neon-purple: #a78bfa;--neon-purple-glow: rgba(167, 139, 250, .45);--phase-prep: #2dd4bf;--phase-hold: #34d399;--phase-rec: #f59e0b;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(52, 211, 153, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(52, 211, 153, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(16, 185, 129, .2), transparent 55%), linear-gradient(180deg, #09261d 0%, #041a14 45%, #020f0b 100%);--rail-bg: linear-gradient(180deg, rgba(10, 46, 36, .95), rgba(4, 26, 20, .92));--topbar-bg: rgba(4, 26, 20, .88);--library-bg: rgba(4, 26, 20, .5);--profile-bg: linear-gradient(180deg, rgba(10, 46, 36, .88), rgba(4, 26, 20, .7))}[data-theme=volcanic-dark]{--abyss: #0e0c14;--deep: #1a1626;--shelf: #262038;--ridge: #383052;--hair: rgba(165, 180, 252, .18);--signal: #818cf8;--signal-deep: #4f46e5;--ember: #f43f5e;--btn-primary-text: #0e0c14;--foam: #faf5ff;--mist: #c4b5fd;--dim: #818cf8;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(26, 22, 38, .82);--bg-card-hover: rgba(38, 32, 56, .92);--bg-surface: rgba(18, 15, 26, .95);--bg-glass-subtle: rgba(129, 140, 248, .05);--neon-cyan: #818cf8;--neon-cyan-glow: rgba(129, 140, 248, .45);--neon-teal: #38bdf8;--neon-teal-glow: rgba(56, 189, 248, .45);--neon-amber: #fbbf24;--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f43f5e;--neon-rose-glow: rgba(244, 63, 94, .45);--neon-purple: #c084fc;--neon-purple-glow: rgba(192, 132, 252, .45);--phase-prep: #a78bfa;--phase-hold: #818cf8;--phase-rec: #f43f5e;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(129, 140, 248, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(129, 140, 248, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(244, 63, 94, .14), transparent 55%), linear-gradient(180deg, #181324 0%, #0e0c14 45%, #08060c 100%);--rail-bg: linear-gradient(180deg, rgba(26, 22, 38, .95), rgba(14, 12, 20, .92));--topbar-bg: rgba(14, 12, 20, .88);--library-bg: rgba(14, 12, 20, .5);--profile-bg: linear-gradient(180deg, rgba(26, 22, 38, .88), rgba(14, 12, 20, .7))}[data-theme=midnight-dark]{--abyss: #09111e;--deep: #132035;--shelf: #1a2d4a;--ridge: #253e63;--hair: rgba(125, 211, 252, .18);--signal: #7dd3fc;--signal-deep: #0284c7;--ember: #38bdf8;--btn-primary-text: #09111e;--foam: #f0f9ff;--mist: #bae6fd;--dim: #7dd3fc;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(19, 32, 53, .82);--bg-card-hover: rgba(26, 45, 74, .92);--bg-surface: rgba(12, 22, 38, .95);--bg-glass-subtle: rgba(125, 211, 252, .05);--neon-cyan: #7dd3fc;--neon-cyan-glow: rgba(125, 211, 252, .45);--neon-teal: #38bdf8;--neon-teal-glow: rgba(56, 189, 248, .45);--neon-amber: #fbbf24;--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f87171;--neon-rose-glow: rgba(248, 113, 113, .45);--neon-purple: #93c5fd;--neon-purple-glow: rgba(147, 197, 253, .45);--phase-prep: #38bdf8;--phase-hold: #7dd3fc;--phase-rec: #38bdf8;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(125, 211, 252, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(125, 211, 252, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(56, 189, 248, .18), transparent 55%), linear-gradient(180deg, #101c30 0%, #09111e 45%, #050a12 100%);--rail-bg: linear-gradient(180deg, rgba(19, 32, 53, .95), rgba(9, 17, 30, .92));--topbar-bg: rgba(9, 17, 30, .88);--library-bg: rgba(9, 17, 30, .5);--profile-bg: linear-gradient(180deg, rgba(19, 32, 53, .88), rgba(9, 17, 30, .7))}[data-theme=slate-mid],[data-theme=slate]{--abyss: #111d2e;--deep: #192a42;--shelf: #213958;--ridge: #2d4c75;--hair: rgba(147, 197, 253, .2);--signal: #38bdf8;--signal-deep: #0284c7;--ember: #fbbf24;--btn-primary-text: #111d2e;--foam: #ffffff;--mist: #cbd5e1;--dim: #64748b;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(25, 42, 66, .85);--bg-card-hover: rgba(33, 57, 88, .95);--bg-surface: rgba(20, 34, 54, .95);--bg-glass-subtle: rgba(56, 189, 248, .06);--neon-cyan: var(--signal);--neon-cyan-glow: rgba(56, 189, 248, .45);--neon-teal: #38bdf8;--neon-teal-glow: rgba(56, 189, 248, .45);--neon-amber: var(--ember);--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f43f5e;--neon-rose-glow: rgba(244, 63, 94, .45);--neon-purple: #a5b4fc;--neon-purple-glow: rgba(165, 180, 252, .45);--phase-prep: #7dd3fc;--phase-hold: #38bdf8;--phase-rec: #fbbf24;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(56, 189, 248, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(56, 189, 248, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(14, 116, 144, .2), transparent 55%), linear-gradient(180deg, #1e3a5f 0%, #111d2e 45%, #0a121e 100%);--rail-bg: linear-gradient(180deg, rgba(25, 42, 66, .95), rgba(17, 29, 46, .92));--topbar-bg: rgba(17, 29, 46, .88);--library-bg: rgba(17, 29, 46, .5);--profile-bg: linear-gradient(180deg, rgba(25, 42, 66, .88), rgba(17, 29, 46, .7))}[data-theme=storm-mid]{--abyss: #1e293b;--deep: #293548;--shelf: #334155;--ridge: #475569;--hair: rgba(148, 163, 184, .22);--signal: #0ea5e9;--signal-deep: #0284c7;--ember: #34d399;--btn-primary-text: #0f172a;--foam: #f8fafc;--mist: #cbd5e1;--dim: #64748b;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(41, 53, 72, .85);--bg-card-hover: rgba(51, 65, 85, .95);--bg-surface: rgba(30, 41, 59, .95);--bg-glass-subtle: rgba(14, 165, 233, .06);--neon-cyan: #0ea5e9;--neon-cyan-glow: rgba(14, 165, 233, .45);--neon-teal: #34d399;--neon-teal-glow: rgba(52, 211, 153, .45);--neon-amber: #fbbf24;--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f43f5e;--neon-rose-glow: rgba(244, 63, 94, .45);--neon-purple: #818cf8;--neon-purple-glow: rgba(129, 140, 248, .45);--phase-prep: #38bdf8;--phase-hold: #0ea5e9;--phase-rec: #34d399;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(14, 165, 233, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(14, 165, 233, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(52, 211, 153, .15), transparent 55%), linear-gradient(180deg, #27364b 0%, #1e293b 45%, #0f172a 100%);--rail-bg: linear-gradient(180deg, rgba(41, 53, 72, .95), rgba(30, 41, 59, .92));--topbar-bg: rgba(30, 41, 59, .88);--library-bg: rgba(30, 41, 59, .5);--profile-bg: linear-gradient(180deg, rgba(41, 53, 72, .88), rgba(30, 41, 59, .7))}[data-theme=teal-mid]{--abyss: #0e2a2b;--deep: #163c3d;--shelf: #1e4d4e;--ridge: #286263;--hair: rgba(45, 212, 191, .2);--signal: #14b8a6;--signal-deep: #0d9488;--ember: #f59e0b;--btn-primary-text: #042f2e;--foam: #f0fdfa;--mist: #99f6e4;--dim: #5eead4;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(22, 60, 61, .82);--bg-card-hover: rgba(30, 77, 78, .92);--bg-surface: rgba(14, 42, 43, .95);--bg-glass-subtle: rgba(20, 184, 166, .06);--neon-cyan: #14b8a6;--neon-cyan-glow: rgba(20, 184, 166, .45);--neon-teal: #2dd4bf;--neon-teal-glow: rgba(45, 212, 191, .45);--neon-amber: #f59e0b;--neon-amber-glow: rgba(245, 158, 11, .45);--neon-rose: #f87171;--neon-rose-glow: rgba(248, 113, 113, .45);--neon-purple: #818cf8;--neon-purple-glow: rgba(129, 140, 248, .45);--phase-prep: #2dd4bf;--phase-hold: #14b8a6;--phase-rec: #f59e0b;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(20, 184, 166, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(20, 184, 166, .18), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(13, 148, 136, .2), transparent 55%), linear-gradient(180deg, #13393a 0%, #0e2a2b 45%, #081819 100%);--rail-bg: linear-gradient(180deg, rgba(22, 60, 61, .95), rgba(14, 42, 43, .92));--topbar-bg: rgba(14, 42, 43, .88);--library-bg: rgba(14, 42, 43, .5);--profile-bg: linear-gradient(180deg, rgba(22, 60, 61, .88), rgba(14, 42, 43, .7))}[data-theme=cobalt-mid]{--abyss: #132238;--deep: #1c3150;--shelf: #25426b;--ridge: #325587;--hair: rgba(96, 165, 250, .22);--signal: #60a5fa;--signal-deep: #2563eb;--ember: #38bdf8;--btn-primary-text: #0b1524;--foam: #eff6ff;--mist: #bfdbfe;--dim: #60a5fa;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(28, 49, 80, .82);--bg-card-hover: rgba(37, 66, 107, .92);--bg-surface: rgba(19, 34, 56, .95);--bg-glass-subtle: rgba(96, 165, 250, .06);--neon-cyan: #60a5fa;--neon-cyan-glow: rgba(96, 165, 250, .45);--neon-teal: #38bdf8;--neon-teal-glow: rgba(56, 189, 248, .45);--neon-amber: #fbbf24;--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f43f5e;--neon-rose-glow: rgba(244, 63, 94, .45);--neon-purple: #a5b4fc;--neon-purple-glow: rgba(165, 180, 252, .45);--phase-prep: #93c5fd;--phase-hold: #60a5fa;--phase-rec: #38bdf8;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(96, 165, 250, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(96, 165, 250, .18), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(37, 99, 235, .2), transparent 55%), linear-gradient(180deg, #182d4a 0%, #132238 45%, #0b1524 100%);--rail-bg: linear-gradient(180deg, rgba(28, 49, 80, .95), rgba(19, 34, 56, .92));--topbar-bg: rgba(19, 34, 56, .88);--library-bg: rgba(19, 34, 56, .5);--profile-bg: linear-gradient(180deg, rgba(28, 49, 80, .88), rgba(19, 34, 56, .7))}[data-theme=sand-mid]{--abyss: #1c1917;--deep: #292524;--shelf: #373330;--ridge: #4a4542;--hair: rgba(245, 158, 11, .22);--signal: #f59e0b;--signal-deep: #d97706;--ember: #fbbf24;--btn-primary-text: #1c1917;--foam: #fafaf9;--mist: #e7e5e4;--dim: #a8a29e;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(41, 37, 36, .82);--bg-card-hover: rgba(55, 51, 48, .92);--bg-surface: rgba(28, 25, 23, .95);--bg-glass-subtle: rgba(245, 158, 11, .06);--neon-cyan: #f59e0b;--neon-cyan-glow: rgba(245, 158, 11, .45);--neon-teal: #38bdf8;--neon-teal-glow: rgba(56, 189, 248, .45);--neon-amber: #fbbf24;--neon-amber-glow: rgba(251, 191, 36, .45);--neon-rose: #f43f5e;--neon-rose-glow: rgba(244, 63, 94, .45);--neon-purple: #fb923c;--neon-purple-glow: rgba(251, 146, 60, .45);--phase-prep: #fcd34d;--phase-hold: #f59e0b;--phase-rec: #38bdf8;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(245, 158, 11, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(245, 158, 11, .16), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(217, 119, 6, .18), transparent 55%), linear-gradient(180deg, #25211f 0%, #1c1917 45%, #12100e 100%);--rail-bg: linear-gradient(180deg, rgba(41, 37, 36, .95), rgba(28, 25, 23, .92));--topbar-bg: rgba(28, 25, 23, .88);--library-bg: rgba(28, 25, 23, .5);--profile-bg: linear-gradient(180deg, rgba(41, 37, 36, .88), rgba(28, 25, 23, .7))}[data-theme=arctic-light],[data-theme=light]{--abyss: #f0f7ff;--deep: #e0efff;--shelf: #d0e5fc;--ridge: #b9daf9;--hair: rgba(2, 132, 199, .18);--signal: #0277b3;--signal-deep: #0369a1;--ember: #a95d05;--btn-primary-text: #ffffff;--foam: #0b1e36;--mist: #334155;--dim: #617187;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(224, 239, 255, .98);--bg-surface: rgba(255, 255, 255, .96);--bg-glass-subtle: rgba(2, 132, 199, .05);--neon-cyan: #0284c7;--neon-cyan-glow: transparent;--neon-teal: #0284c7;--neon-teal-glow: transparent;--neon-amber: #d97706;--neon-amber-glow: transparent;--neon-rose: #e11d48;--neon-rose-glow: transparent;--neon-purple: #6366f1;--neon-purple-glow: transparent;--phase-prep: #0284c7;--phase-hold: #0369a1;--phase-rec: #d97706;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(2, 132, 199, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(56, 189, 248, .25), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(14, 165, 233, .18), transparent 55%), linear-gradient(180deg, #e0f2fe 0%, #f0f7ff 45%, #f8fafc 100%);--rail-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(240, 247, 255, .95));--topbar-bg: rgba(240, 247, 255, .92);--library-bg: rgba(240, 247, 255, .65);--profile-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(240, 247, 255, .85))}[data-theme=cyan-light]{--abyss: #f0fdfa;--deep: #ccfbf1;--shelf: #99f6e4;--ridge: #5eead4;--hair: rgba(13, 148, 136, .18);--signal: #0b7f74;--signal-deep: #0f766e;--ember: #8c6b05;--btn-primary-text: #ffffff;--foam: #042f2e;--mist: #134e4a;--dim: #115e59;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(204, 251, 241, .95);--bg-surface: rgba(255, 255, 255, .96);--bg-glass-subtle: rgba(13, 148, 136, .05);--neon-cyan: #0d9488;--neon-cyan-glow: transparent;--neon-teal: #14b8a6;--neon-teal-glow: transparent;--neon-amber: #d97706;--neon-amber-glow: transparent;--neon-rose: #e11d48;--neon-rose-glow: transparent;--neon-purple: #6366f1;--neon-purple-glow: transparent;--phase-prep: #14b8a6;--phase-hold: #0f766e;--phase-rec: #d97706;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(13, 148, 136, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(45, 212, 191, .25), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(20, 184, 166, .18), transparent 55%), linear-gradient(180deg, #ccfbf1 0%, #f0fdfa 45%, #f8fafc 100%);--rail-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(240, 253, 250, .95));--topbar-bg: rgba(240, 253, 250, .92);--library-bg: rgba(240, 253, 250, .65);--profile-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(240, 253, 250, .85))}[data-theme=sand-light]{--abyss: #faf8f5;--deep: #f3ede4;--shelf: #e6dcce;--ridge: #d5c7b3;--hair: rgba(217, 119, 6, .18);--signal: #a95d05;--signal-deep: #b45309;--ember: #0277b3;--btn-primary-text: #ffffff;--foam: #292524;--mist: #44403c;--dim: #756e69;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(243, 237, 228, .95);--bg-surface: rgba(255, 255, 255, .96);--bg-glass-subtle: rgba(217, 119, 6, .05);--neon-cyan: #d97706;--neon-cyan-glow: transparent;--neon-teal: #0284c7;--neon-teal-glow: transparent;--neon-amber: #f59e0b;--neon-amber-glow: transparent;--neon-rose: #e11d48;--neon-rose-glow: transparent;--neon-purple: #ea580c;--neon-purple-glow: transparent;--phase-prep: #f59e0b;--phase-hold: #b45309;--phase-rec: #0284c7;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(217, 119, 6, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(245, 158, 11, .22), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(217, 119, 6, .18), transparent 55%), linear-gradient(180deg, #fef3c7 0%, #faf8f5 45%, #ffffff 100%);--rail-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(250, 248, 245, .95));--topbar-bg: rgba(250, 248, 245, .92);--library-bg: rgba(250, 248, 245, .65);--profile-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(250, 248, 245, .85))}[data-theme=sky-light]{--abyss: #f4f9ff;--deep: #dbeafe;--shelf: #bfdbfe;--ridge: #93c5fd;--hair: rgba(37, 99, 235, .18);--signal: #2563eb;--signal-deep: #1d4ed8;--ember: #04805a;--btn-primary-text: #ffffff;--foam: #0f172a;--mist: #334155;--dim: #617187;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(255, 255, 255, .92);--bg-card-hover: rgba(219, 234, 254, .95);--bg-surface: rgba(255, 255, 255, .96);--bg-glass-subtle: rgba(37, 99, 235, .05);--neon-cyan: #2563eb;--neon-cyan-glow: transparent;--neon-teal: #059669;--neon-teal-glow: transparent;--neon-amber: #d97706;--neon-amber-glow: transparent;--neon-rose: #dc2626;--neon-rose-glow: transparent;--neon-purple: #7c3aed;--neon-purple-glow: transparent;--phase-prep: #3b82f6;--phase-hold: #1d4ed8;--phase-rec: #059669;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(37, 99, 235, .4);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(96, 165, 250, .28), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(37, 99, 235, .18), transparent 55%), linear-gradient(180deg, #dbeafe 0%, #f4f9ff 45%, #ffffff 100%);--rail-bg: linear-gradient(180deg, rgba(255, 255, 255, .95), rgba(244, 249, 255, .95));--topbar-bg: rgba(244, 249, 255, .92);--library-bg: rgba(244, 249, 255, .65);--profile-bg: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(244, 249, 255, .85))}[data-theme=monochrome-light]{--abyss: #f8fafc;--deep: #f1f5f9;--shelf: #e2e8f0;--ridge: #cbd5e1;--hair: rgba(15, 23, 42, .14);--signal: #0f172a;--signal-deep: #020617;--ember: #0277b3;--btn-primary-text: #ffffff;--foam: #020617;--mist: #334155;--dim: #617187;--bg-abyss: var(--abyss);--bg-deep: var(--deep);--bg-card: rgba(255, 255, 255, .94);--bg-card-hover: rgba(241, 245, 249, .98);--bg-surface: rgba(255, 255, 255, .98);--bg-glass-subtle: rgba(15, 23, 42, .04);--neon-cyan: #0f172a;--neon-cyan-glow: transparent;--neon-teal: #0284c7;--neon-teal-glow: transparent;--neon-amber: #d97706;--neon-amber-glow: transparent;--neon-rose: #e11d48;--neon-rose-glow: transparent;--neon-purple: #475569;--neon-purple-glow: transparent;--phase-prep: #475569;--phase-hold: #0f172a;--phase-rec: #0284c7;--text-pure: var(--foam);--text-main: var(--foam);--text-muted: var(--mist);--text-dim: var(--dim);--border-glass: var(--hair);--border-neon: rgba(15, 23, 42, .3);--app-bg: radial-gradient(1200px 700px at 80% -10%, rgba(203, 213, 225, .4), transparent 60%), radial-gradient(900px 600px at 15% 95%, rgba(148, 163, 184, .3), transparent 55%), linear-gradient(180deg, #f1f5f9 0%, #f8fafc 45%, #ffffff 100%);--rail-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .96));--topbar-bg: rgba(248, 250, 252, .94);--library-bg: rgba(248, 250, 252, .7);--profile-bg: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(248, 250, 252, .88))}[data-theme=arctic-light],[data-theme=light],[data-theme=cyan-light],[data-theme=sand-light],[data-theme=sky-light],[data-theme=monochrome-light]{--shadow-ink-weak: rgba(15, 23, 42, .06);--shadow-ink: rgba(15, 23, 42, .1);--shadow-ink-strong: rgba(15, 23, 42, .16);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 2px 8px rgba(15, 23, 42, .08);--shadow-lg: 0 6px 18px -8px rgba(15, 23, 42, .14);--shadow-xl: 0 10px 26px -12px rgba(15, 23, 42, .16);--shadow-2xl: 0 16px 40px -18px rgba(15, 23, 42, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;height:100dvh;width:100%;overflow:hidden;overscroll-behavior-y:none;background:var(--app-bg);background-attachment:fixed;color:var(--foam);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}::selection{background:#00d2ff52;color:#fff}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#38bdf838;border-radius:999px;transition:background .16s ease}::-webkit-scrollbar-thumb:hover{background:#00d2ff80;box-shadow:0 0 8px var(--neon-cyan-glow)}*{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.22) transparent}.eyebrow{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dim)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.font-display{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase}.font-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.app,.capnia-app{display:flex;flex-direction:row;height:100vh;height:100dvh;width:100vw;overflow:hidden;position:relative}.capnia-main{flex:1;display:flex;flex-direction:column;height:100%;height:100dvh;min-width:0;overflow:hidden;background:transparent}.capnia-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0;height:calc(100vh - 56px);height:calc(100dvh - 56px)}.rail,.desktop-sidebar{display:flex;flex-direction:column;background:var(--rail-bg);border-right:1px solid var(--hair);height:100%;min-height:0;width:var(--sidebar);min-width:var(--sidebar);max-width:var(--sidebar);flex-shrink:0;z-index:10}.brand{padding:18px 16px;border-bottom:1px solid var(--hair);display:flex;align-items:center;gap:12px}.brand-logo{height:38px;max-width:175px;width:auto;object-fit:contain;filter:drop-shadow(0 0 12px rgba(0,210,255,.4))}.nav{padding:16px 14px;display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.nav button{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;color:var(--mist);font-size:14.5px;font-weight:600;position:relative;transition:color .16s,background .16s,transform .12s;text-align:left;width:100%}.nav button svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none;opacity:.9}.nav button:hover{color:var(--foam);background:#7ed6e014}.nav button:active{transform:scale(.98)}.nav button[aria-current=page]{color:var(--foam);background:#3ee0e81f;font-weight:700}.nav button[aria-current=page]:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;background:var(--signal);border-radius:0 3px 3px 0;box-shadow:0 0 10px var(--neon-cyan-glow)}.nav button[aria-current=page] svg{color:var(--signal);opacity:1;filter:drop-shadow(0 0 6px var(--neon-cyan-glow))}.rail footer{padding:14px 20px;border-top:1px solid var(--hair);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:10px;color:var(--dim);letter-spacing:.08em}.dot{width:5px;height:5px;border-radius:50%;background:var(--signal);display:inline-block;margin-right:7px;vertical-align:middle}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:0 24px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair);height:56px;flex-shrink:0;width:100%}.topbar-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1380px;height:100%;gap:16px}.topbar-left{display:flex;align-items:center;justify-self:start}.topbar-center{display:flex;align-items:center;justify-content:center;justify-self:center;text-align:center}.topbar-right{display:flex;align-items:center;gap:8px;justify-self:center}.crumb{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;text-align:center}.crumb b{font-weight:700;font-size:15px;color:var(--foam)}.crumb s{text-decoration:none;color:var(--dim);font-weight:500;font-size:15px}.status{display:flex;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--hair);font-size:11.5px;color:var(--mist);background:#ffffff08}.chip i{width:5px;height:5px;border-radius:50%;background:var(--signal);flex:none;box-shadow:0 0 8px var(--neon-cyan-glow)}.chip.off i{background:var(--dim);box-shadow:none}.train-view-container{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden}.library{display:flex;flex-direction:column;width:var(--list);min-width:320px;max-width:440px;flex-shrink:0;border-right:1px solid var(--hair);height:100%;min-height:0;background:var(--library-bg)}.library-top{padding:16px 18px 12px;display:flex;flex-direction:column;gap:10px}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-input-wrapper input{width:100%;padding:9px 12px 9px 34px;border-radius:var(--r);border:1px solid var(--hair);background:#ffffff0a;color:var(--foam);font-size:13px;outline:none;transition:border-color .16s,background .16s}.search-input-wrapper input:focus{border-color:var(--signal);background:#ffffff12}.search-input-wrapper .search-icon{position:absolute;left:11px;font-size:13px;color:var(--dim);pointer-events:none}.new-table{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;border-radius:var(--r);border:1px solid var(--hair);background:var(--bg-card);color:var(--signal);font-weight:700;font-size:13px;font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;transition:background .16s,border-color .16s,transform .12s}.new-table:hover{background:var(--bg-card-hover);border-color:var(--signal)}.filters{display:flex;gap:5px;padding:0 18px 12px;flex-wrap:wrap}.filters button{padding:5px 11px;border-radius:999px;font-size:11.5px;font-weight:500;color:var(--mist);background:#ffffff0a;border:1px solid var(--hair);transition:.16s}.filters button:hover{color:var(--foam);background:var(--bg-card-hover);border-color:var(--signal)}.filters button.on{color:var(--btn-primary-text)!important;background:var(--signal)!important;border-color:var(--signal)!important;font-weight:700;box-shadow:0 0 12px var(--neon-cyan-glow)}.list{overflow-y:auto;padding:0 14px 24px;flex:1;min-height:0;display:flex;flex-direction:column;gap:6px}.group{padding:14px 6px 6px;display:flex;align-items:center;gap:9px}.group .eyebrow{color:var(--mist)}.group i{flex:1;height:1px;background:var(--hair)}.card{width:100%;text-align:left;display:block;padding:12px 14px;border-radius:var(--r);background:#ffffff0a;border:1px solid var(--hair);position:relative;transition:background .16s,transform .16s,border-color .16s}.card:hover{background:#ffffff14;border-color:#38bdf859}.card .card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card .card-badge{font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--signal)}.card .card-badge.custom{color:var(--ember)}.card .name{font-weight:700;font-size:14px;color:var(--foam);letter-spacing:-.01em;line-height:1.3}.card .meta{margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--dim);display:flex;gap:14px}.card[aria-selected=true]{background:linear-gradient(90deg,#3ee0e829,#3ee0e80a);border-color:var(--signal);box-shadow:0 0 16px #00d2ff2e}.card[aria-selected=true]:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--signal);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--neon-cyan-glow)}.card[aria-selected=true] .meta{color:var(--mist)}main.detail,.detail{overflow-y:auto;min-height:0;display:flex;flex-direction:column;flex:1;height:100%;background:transparent}.pane{padding:24px 28px 40px;max-width:1080px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.head-info{display:flex;flex-direction:column;flex:1}.tag{display:inline-block;align-self:flex-start;padding:3px 9px;border-radius:4px;margin-bottom:8px;font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);background:#3ee0e81f;border:1px solid rgba(0,210,255,.25)}.tag.custom{color:var(--ember);background:#fbbf241f;border-color:#fbbf2440}h2.detail-title{font-family:var(--display);font-weight:800;font-size:clamp(24px,3vw,36px);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;color:var(--foam)}.head p{margin-top:8px;color:var(--mist);max-width:60ch;line-height:1.5;font-size:13.5px}.head-actions{display:flex;gap:8px;flex-shrink:0;align-items:center}.icon-btn{display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:8px;border:1px solid var(--hair);color:var(--mist);font-size:13px;font-weight:600;background:#ffffff0a;transition:.16s}.icon-btn:hover{color:var(--foam);border-color:var(--ridge);background:#ffffff17}.start{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;border-radius:12px;background:linear-gradient(100deg,var(--signal),var(--signal-deep));color:var(--btn-primary-text)!important;font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 0 0 1px var(--hair),0 16px 44px -16px var(--neon-cyan-glow);transition:transform .14s,box-shadow .2s,filter .16s}.start:hover{filter:brightness(1.08);box-shadow:0 0 0 1px var(--signal),0 22px 56px -14px var(--neon-cyan-glow)}.start:active{transform:translateY(1px)}.start svg{width:18px;height:18px;fill:currentColor;color:var(--btn-primary-text)!important}.gauges{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1.2fr;margin-top:4px;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:#ffffff08}.gauge{padding:14px 16px;border-left:1px solid var(--hair);display:flex;flex-direction:column}.gauge:first-child{border-left:0;background:#3ee0e814}.gauge b{display:block;margin-top:6px;font-family:var(--mono);font-weight:600;font-size:22px;color:var(--foam)}.gauge:first-child b{font-size:28px;color:var(--signal)}.gauge small{display:block;margin-top:4px;font-size:11px;color:var(--dim)}.profile{margin-top:6px;border-radius:14px;overflow:hidden;background:var(--profile-bg);border:1px solid var(--hair)}.profile-head{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;border-bottom:1px solid var(--hair)}.legend{display:flex;gap:16px;font-size:11px;color:var(--mist)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:14px;height:4px;border-radius:2px}.legend .prep{background:var(--phase-prep)}.legend .a{background:var(--signal)}.legend .r{background:var(--phase-rec)}.steps{margin-top:6px}.steps-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--hair);margin-bottom:8px}.steps-list{display:flex;flex-direction:column;gap:4px}.row{display:grid;grid-template-columns:34px 110px 1fr 64px;align-items:center;gap:14px;padding:8px 10px;border-radius:8px;background:#ffffff05;border:1px solid transparent;transition:background .12s,border-color .12s}.row:hover,.row.hot{background:#ffffff0f;border-color:var(--hair)}.row .idx{font-family:var(--mono);font-size:11px;color:var(--dim)}.row .kind{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.row .bar{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px var(--shadow-ink)}.row .bar i{display:block;height:100%;border-radius:999px;transition:width .22s ease}.row .t{font-family:var(--mono);font-size:13px;font-weight:700;text-align:right;color:var(--foam)}.row[data-k=hold] .kind,.row[data-k=Hold] .kind,.row[data-k=apnea] .kind{color:var(--signal)}.row[data-k=hold] .bar i,.row[data-k=Hold] .bar i,.row[data-k=apnea] .bar i{background:linear-gradient(90deg,var(--signal-deep),var(--signal));box-shadow:0 0 10px var(--neon-cyan-glow)}.row[data-k=recovery] .kind,.row[data-k=Recovery] .kind,.row[data-k=descanso] .kind{color:#34d399}.row[data-k=recovery] .bar i,.row[data-k=Recovery] .bar i,.row[data-k=descanso] .bar i{background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 10px #34d39966}.row[data-k=prepare] .kind,.row[data-k=Prepare] .kind,.row[data-k=prep] .kind{color:#38bdf8}.row[data-k=prepare] .bar i,.row[data-k=Prepare] .bar i,.row[data-k=prep] .bar i{background:linear-gradient(90deg,#0284c7,#38bdf8)}.neon-glass{background:var(--bg-card);border:1px solid var(--hair);border-radius:var(--radius-md);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.glass-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn-neon-primary{background:linear-gradient(100deg,var(--signal),var(--signal-deep));color:var(--btn-primary-text)!important;font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:12px 24px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 20px var(--neon-cyan-glow);transition:all .16s ease}.btn-neon-primary:hover{filter:brightness(1.08);box-shadow:0 0 28px #00d2ffa6}.btn-secondary{background:#ffffff0f;color:var(--foam);border:1px solid var(--hair);padding:10px 18px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:500;transition:all .16s ease}.btn-secondary:hover{background:#ffffff1f;border-color:var(--ridge);color:#fff}.mobile-hamburger{display:none}@media (max-width: 1024px){.gauges{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.rail,.desktop-sidebar{display:none!important}.mobile-hamburger{display:inline-flex!important}.mobile-bottom-nav{display:block!important}.capnia-content{padding-bottom:calc(68px + env(safe-area-inset-bottom,8px))!important}.topbar{padding:0 12px;padding-top:env(safe-area-inset-top,0px)}.topbar-container{grid-template-columns:auto 1fr auto;gap:8px}.topbar-right{justify-self:end;gap:6px}.topbar .chip span,.topbar-right .chip span{display:none}.train-catalog-page{padding:14px 12px calc(80px + env(safe-area-inset-bottom,8px))!important}.language-banner{padding:12px 14px!important;gap:10px!important}.train-view-container{flex-direction:column}.library{width:100%;max-width:100%;border-right:none;border-bottom:1px solid var(--hair)}.pane{padding:16px 14px 28px}.gauges{grid-template-columns:repeat(2,1fr)}.head{flex-direction:column;gap:14px}.head-actions{width:100%}.head-actions button{flex:1;justify-content:center}}@media (max-width: 480px){.gauges{grid-template-columns:1fr 1fr;gap:8px}.pane{padding:12px 10px 24px}.btn-neon-primary,.btn-secondary{width:100%}}.card.custom{background:linear-gradient(180deg,#fbbf2412,#fbbf2405);border:1px solid rgba(251,191,36,.35)}.card.custom:hover{background:linear-gradient(180deg,#fbbf241f,#fbbf240a);border-color:#fbbf248c}.card.custom[aria-selected=true]{background:linear-gradient(90deg,#fbbf242e,#fbbf240a);border-color:var(--ember);box-shadow:0 0 16px #fbbf2433}.card.custom[aria-selected=true]:before{background:var(--ember);box-shadow:0 0 8px var(--neon-amber-glow)}.card .meta{align-items:center;flex-wrap:wrap;gap:10px}.card-level{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--display);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.table-eq{margin-top:10px;display:flex;align-items:flex-end;justify-content:flex-start;gap:3px;width:100%;max-width:340px;padding-top:2px;border-bottom:1px solid var(--hair)}.table-eq-bar{flex:1 1 0;min-width:2px;max-width:9px;border-radius:2px 2px 0 0;transition:opacity var(--transition-fast)}.table-eq-bar.hold{background:linear-gradient(180deg,var(--signal),rgba(0,210,255,.25));opacity:.85}.table-eq-bar.rest{background:linear-gradient(180deg,#fbbf24d9,#fbbf244d);opacity:.9}.card:hover .table-eq-bar.hold,.card[aria-selected=true] .table-eq-bar.hold{opacity:1;filter:drop-shadow(0 0 4px var(--neon-cyan-glow))}@keyframes capnia-cta-pulse{0%,to{box-shadow:0 0 0 1px var(--hair),0 16px 44px -16px var(--neon-cyan-glow),0 0 10px #00d2ff1f}50%{box-shadow:0 0 0 1px var(--signal),0 16px 44px -16px var(--neon-cyan-glow),0 0 18px var(--neon-cyan-glow)}}.start{animation:capnia-cta-pulse 2.8s ease-in-out infinite}.start:hover{animation:none}@keyframes capnia-cta-pulse-soft{0%,to{box-shadow:0 0 6px #00d2ff1a}50%{box-shadow:0 0 18px var(--neon-cyan-glow)}}.btn-prebreathe{display:inline-flex;align-items:center;gap:6px;background:#00d2ff1a;border-color:#00d2ff4d;color:var(--signal);animation:capnia-cta-pulse-soft 2.8s ease-in-out infinite}.btn-prebreathe:hover{animation:none;background:#00d2ff2e;border-color:var(--signal)}@media (prefers-reduced-motion: reduce){.start,.btn-prebreathe{animation:none}}.heartbeat{position:relative;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;color:#f43f5e}.heartbeat-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid #f43f5e;opacity:0;pointer-events:none}.heartbeat.is-live svg{animation-name:capnia-systole;animation-timing-function:ease-out;animation-iteration-count:infinite;animation-duration:inherit;transform-origin:center}.heartbeat.is-live .heartbeat-ring{animation-name:capnia-heartbeat-ring;animation-timing-function:ease-out;animation-iteration-count:infinite}.heartbeat.is-live .heartbeat-ring.delayed{animation-delay:.12s;opacity:0}@keyframes capnia-systole{0%{transform:scale(1)}10%{transform:scale(1.24)}22%{transform:scale(1.02)}32%{transform:scale(1.12)}46%{transform:scale(1)}to{transform:scale(1)}}@keyframes capnia-heartbeat-ring{0%{transform:scale(.7);opacity:.6}70%{transform:scale(2.1);opacity:0}to{transform:scale(2.1);opacity:0}}@media (prefers-reduced-motion: reduce){.heartbeat.is-live svg,.heartbeat.is-live .heartbeat-ring{animation:none}}.walk-giant-num{font-family:var(--display);font-size:3.5rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.01em;color:var(--foam);text-shadow:0 2px 10px rgba(0,0,0,.55),0 0 22px rgba(0,210,255,.28)}.walk-giant-sub{font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mist);margin-top:6px}.walk-cadence{font-family:var(--display);font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--signal);text-shadow:0 0 16px var(--neon-cyan-glow)}@media (max-width: 420px){.walk-giant-num{font-size:2.9rem}.walk-cadence{font-size:1.35rem}}.pb-dial-tip{filter:drop-shadow(0 0 9px var(--neon-cyan-glow))}.pb-dial-tip circle{transition:cx .1s linear,cy .1s linear}@media (prefers-reduced-motion: reduce){.pb-dial-tip circle{transition:none}}.nav button:before{content:"";position:absolute;left:-14px;top:8px;bottom:8px;width:3px;background:var(--signal);border-radius:0 3px 3px 0;opacity:0;transform:scaleY(.35);transform-origin:center;transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav button:hover:before,.nav button:focus-visible:before{opacity:.75;transform:scaleY(1)}.nav button:hover{background:#00d2ff14}.nav button:hover svg,.nav button:focus-visible svg{color:var(--signal);opacity:1;filter:drop-shadow(0 0 6px var(--neon-cyan-glow));transition:filter var(--transition-fast),color var(--transition-fast)}.nav button[aria-current=page]:before{opacity:1;transform:scaleY(1)}@media (prefers-reduced-motion: reduce){.nav button:before{transition:none}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
