:root,[data-theme=ocean],[data-theme=ocean-dark]{--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;--r: 10px;--sidebar: 224px;--list: 336px;--display: "Barlow Condensed", "Outfit", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--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);--font-display: var(--display);--font-mono: var(--mono);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--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;--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;--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;--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;--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],[data-theme=slate-mid]{--abyss: #111d2e;--deep: #192a42;--shelf: #213958;--ridge: #2d4c75;--hair: rgba(147, 197, 253, .2);--signal: #38bdf8;--signal-deep: #0284c7;--ember: #fbbf24;--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;--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;--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;--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;--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=light],[data-theme=arctic-light]{--abyss: #f0f7ff;--deep: #e0efff;--shelf: #d0e5fc;--ridge: #b9daf9;--hair: rgba(2, 132, 199, .18);--signal: #0284c7;--signal-deep: #0369a1;--ember: #d97706;--btn-primary-text: #ffffff;--foam: #0b1e36;--mist: #334155;--dim: #64748b;--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: rgba(2, 132, 199, .35);--neon-teal: #0284c7;--neon-teal-glow: rgba(2, 132, 199, .35);--neon-amber: #d97706;--neon-amber-glow: rgba(217, 119, 6, .35);--neon-rose: #e11d48;--neon-rose-glow: rgba(225, 29, 72, .35);--neon-purple: #6366f1;--neon-purple-glow: rgba(99, 102, 241, .35);--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: #0d9488;--signal-deep: #0f766e;--ember: #eab308;--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: rgba(13, 148, 136, .35);--neon-teal: #14b8a6;--neon-teal-glow: rgba(20, 184, 166, .35);--neon-amber: #d97706;--neon-amber-glow: rgba(217, 119, 6, .35);--neon-rose: #e11d48;--neon-rose-glow: rgba(225, 29, 72, .35);--neon-purple: #6366f1;--neon-purple-glow: rgba(99, 102, 241, .35);--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: #d97706;--signal-deep: #b45309;--ember: #0284c7;--btn-primary-text: #ffffff;--foam: #292524;--mist: #44403c;--dim: #78716c;--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: rgba(217, 119, 6, .35);--neon-teal: #0284c7;--neon-teal-glow: rgba(2, 132, 199, .35);--neon-amber: #f59e0b;--neon-amber-glow: rgba(245, 158, 11, .35);--neon-rose: #e11d48;--neon-rose-glow: rgba(225, 29, 72, .35);--neon-purple: #ea580c;--neon-purple-glow: rgba(234, 88, 12, .35);--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: #059669;--btn-primary-text: #ffffff;--foam: #0f172a;--mist: #334155;--dim: #64748b;--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: rgba(37, 99, 235, .35);--neon-teal: #059669;--neon-teal-glow: rgba(5, 150, 105, .35);--neon-amber: #d97706;--neon-amber-glow: rgba(217, 119, 6, .35);--neon-rose: #dc2626;--neon-rose-glow: rgba(220, 38, 38, .35);--neon-purple: #7c3aed;--neon-purple-glow: rgba(124, 58, 237, .35);--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: #0284c7;--btn-primary-text: #ffffff;--foam: #020617;--mist: #334155;--dim: #64748b;--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: rgba(15, 23, 42, .25);--neon-teal: #0284c7;--neon-teal-glow: rgba(2, 132, 199, .35);--neon-amber: #d97706;--neon-amber-glow: rgba(217, 119, 6, .35);--neon-rose: #e11d48;--neon-rose-glow: rgba(225, 29, 72, .35);--neon-purple: #475569;--neon-purple-glow: rgba(71, 85, 105, .35);--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))}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden}body{background:var(--app-bg);background-attachment:fixed;color:var(--foam);font-family:var(--body);font-size:14px;-webkit-font-smoothing:antialiased}::selection{background:#00d2ff52}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:3px;border-radius:4px}.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}.app{display:grid;grid-template-columns:var(--sidebar) var(--list) 1fr;height:100vh;overflow:hidden}.app-single-view{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100vh;overflow:hidden}.rail{display:flex;flex-direction:column;background:var(--rail-bg);border-right:1px solid var(--hair);height:100%;min-height:0}.brand{padding:18px 16px;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:flex-start}.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:14px 12px;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.nav button{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:var(--mist);font-size:13.5px;font-weight:500;position:relative;transition:color .16s,background .16s;text-align:left;width:100%}.nav button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none;opacity:.85}.nav button:hover{color:var(--foam);background:#7ed6e00d}.nav button[aria-current=page]{color:var(--foam);background:#3ee0e812}.nav button[aria-current=page]:before{content:"";position:absolute;left:-12px;top:9px;bottom:9px;width:2px;background:var(--signal);border-radius:0 2px 2px 0}.nav button[aria-current=page] svg{color:var(--signal);opacity:1}.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}.library{display:flex;flex-direction:column;border-right:1px solid var(--hair);height:100%;min-height:0;background:var(--library-bg)}.library-top{padding:18px 18px 12px}.new-table{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;border-radius:var(--r);border:1px solid var(--hair);background:var(--bg-card);color:var(--signal);font-weight:700;font-size:13.5px;transition:background .16s,border-color .16s}.new-table:hover{background:var(--bg-card-hover);border-color:var(--signal)}.filters{display:flex;gap:5px;padding:0 18px 14px;flex-wrap:wrap}.filters button{padding:5px 11px;border-radius:99px;font-size:11.5px;font-weight:500;color:var(--mist);border:1px solid transparent;transition:.16s}.filters button:hover{color:var(--foam);background:var(--bg-card-hover)}.filters button.on{color:var(--btn-primary-text)!important;background:var(--signal);font-weight:700}.list{overflow-y:auto;padding:0 12px 24px;flex:1;min-height:0}.group{padding:16px 6px 8px;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:13px 14px;border-radius:var(--r);background:#ffffff06;position:relative;transition:background .16s,transform .16s}.card+.card{margin-top:6px}.card:hover{background:#ffffff0e}.card .name{font-weight:600;font-size:14px;color:var(--foam);letter-spacing:-.01em}.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,#3ee0e821,#3ee0e808)}.card[aria-selected=true]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:var(--signal);border-radius:2px}.card[aria-selected=true] .meta{color:var(--mist)}.detail{overflow-y:auto;min-height:0;display:flex;flex-direction:column;height:100%}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}.crumb{display:flex;align-items:baseline;gap:10px;font-family:var(--display);letter-spacing:.14em;text-transform:uppercase}.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}.chip{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;border:1px solid var(--hair);font-size:11.5px;color:var(--mist)}.chip i{width:5px;height:5px;border-radius:50%;background:var(--signal);flex:none}.chip.off i{background:var(--dim)}.pane{padding:28px 28px 40px;max-width:1080px;width:100%;margin:0 auto}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.tag{display:inline-block;padding:4px 10px;border-radius:4px;margin-bottom:12px;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);background:#3ee0e81a}h2.detail-title{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.4vw,42px);line-height:1.02;letter-spacing:.005em;text-transform:uppercase;color:var(--foam)}.head p{margin-top:10px;color:var(--mist);max-width:54ch;line-height:1.55;font-size:14px}.head-actions{display:flex;gap:6px;flex:none}.icon-btn{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;border:1px solid var(--hair);color:var(--mist);font-size:12.5px;transition:.16s}.icon-btn:hover{color:var(--foam);border-color:var(--ridge);background:#ffffff0a}.icon-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7}.profile{margin-top:26px;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:13px 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:3px;border-radius:2px}.legend .a{background:var(--signal)}.legend .r{background:var(--ember)}#chart,.dive-svg{display:block;width:100%;height:auto}.dive path.trace{fill:url(#water);stroke:var(--signal);stroke-width:1.6;stroke-linejoin:round}.dive .surface{stroke:#e8f6f847;stroke-width:1;stroke-dasharray:2 4}.dive .rest{stroke:var(--ember);stroke-width:4;stroke-linecap:round}.dive .tick{stroke:#e8f6f81a;stroke-width:1}.dive text{font-family:var(--mono);font-size:9px;fill:var(--dim);letter-spacing:.06em}.dive .hit{fill:transparent;cursor:default}.dive .hit.hot{fill:#ffffff0f}.dive .peak{fill:var(--foam);font-size:9.5px}.gauges{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;margin-top:18px;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:#ffffff05}.gauge{padding:16px 18px;border-left:1px solid var(--hair)}.gauge:first-child{border-left:0;background:#3ee0e80b}.gauge b{display:block;margin-top:9px;font-family:var(--mono);font-weight:500;font-size:26px;color:var(--foam)}.gauge:first-child b{font-size:34px;color:var(--signal)}.gauge small{display:block;margin-top:5px;font-size:11px;color:var(--dim)}.start{margin-top:18px;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:19px;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:19px;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.07);box-shadow:0 0 0 1px var(--signal),0 22px 56px -14px var(--neon-cyan-glow)}.start:active{transform:translateY(1px)}.start svg{width:16px;height:16px;fill:currentColor;color:var(--btn-primary-text)!important}.steps{margin-top:30px}.steps-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:10px;border-bottom:1px solid var(--hair)}.row{display:grid;grid-template-columns:34px 96px 1fr 62px;align-items:center;gap:14px;padding:9px 8px;border-radius:7px;transition:background .12s}.row:hover,.row.hot{background:#ffffff0b}.row .idx{font-family:var(--mono);font-size:11px;color:var(--dim)}.row .kind{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.row .bar{height:4px;border-radius:2px;background:#ffffff0d;overflow:hidden}.row .bar i{display:block;height:100%;border-radius:2px}.row .t{font-family:var(--mono);font-size:13px;text-align:right;color:var(--foam)}.row[data-k=Hold] .kind,.row[data-k=apnea] .kind{color:var(--signal)}.row[data-k=Hold] .bar i,.row[data-k=apnea] .bar i{background:linear-gradient(90deg,var(--signal),var(--signal-deep))}.row[data-k=Recovery] .kind,.row[data-k=descanso] .kind{color:var(--ember)}.row[data-k=Recovery] .bar i,.row[data-k=descanso] .bar i{background:var(--ember);opacity:.85}.row[data-k=Prepare] .kind,.row[data-k=prep] .kind{color:var(--mist)}.row[data-k=Prepare] .bar i,.row[data-k=prep] .bar i{background:var(--mist);opacity:.5}.neon-glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hair);border-radius:var(--radius-md)}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg)}.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 svg{fill:currentColor;color:var(--btn-primary-text)!important}.btn-neon-primary:hover{filter:brightness(1.08);box-shadow:0 0 28px #00d2ffa6}.btn-secondary{background:#ffffff0a;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:#ffffff14;border-color:var(--ridge);color:#fff}@media(prefers-reduced-motion:no-preference){.dive path.trace{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s cubic-bezier(.4,0,.2,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}.dive .rest,.dive .peak{opacity:0;animation:fade .5s ease forwards;animation-delay:1.1s}@keyframes fade{to{opacity:1}}}.capnia-layout{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;position:relative}.capnia-main{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden}.capnia-view-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:0}.desktop-sidebar{display:flex;flex-direction:column;height:100vh;width:var(--sidebar);flex-shrink:0;border-right:1px solid var(--hair);background:var(--rail-bg)}.mobile-bottom-nav,.mobile-only{display:none}.hide-on-mobile{display:inline}.show-on-mobile{display:none}.train-view-container{display:grid;grid-template-columns:var(--list) 1fr;height:100%;width:100%;overflow:hidden}.train-view-container>.library{height:100%;overflow-y:auto;border-right:1px solid var(--hair);background:var(--library-bg)}.train-view-container>main.detail{height:100%;overflow-y:auto;background:transparent}@media(min-width:768px)and (max-width:1180px){:root{--sidebar: 76px;--list: 290px}.brand{padding:16px 8px;text-align:center;align-items:center;justify-content:center}.brand-logo{height:28px;max-width:56px}.nav button span,.rail footer span:last-child{display:none}.nav button{justify-content:center;padding:12px 0}.rail footer{justify-content:center;padding:14px 0}}@media(max-width:767px){.desktop-sidebar{display:none!important}.mobile-only{display:block!important}.mobile-hidden,.hide-on-mobile{display:none!important}.show-on-mobile{display:inline!important}.capnia-layout{flex-direction:column}.capnia-view-area{padding-bottom:68px}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;background:#030e16f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--hair);z-index:9999;align-items:center;justify-content:space-around;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 20px #0009}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--mist);padding:5px 6px;border-radius:8px;cursor:pointer;flex:1;transition:all .15s ease}.mobile-nav-item .icon-wrap{display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.mobile-nav-item .nav-label{font-size:9.5px;font-weight:700;letter-spacing:.02em;font-family:var(--display);text-transform:uppercase}.mobile-nav-item.active{color:var(--neon-cyan)}.mobile-nav-item.active .icon-wrap{transform:scale(1.12);filter:drop-shadow(0 0 8px var(--neon-cyan-glow))}.train-view-container{display:flex;flex-direction:column;height:auto;width:100%;overflow:visible}.train-view-container>.library{width:100%;border-right:0;height:auto;max-height:none;overflow-y:visible}.train-view-container>main.detail{width:100%;height:auto;overflow-y:visible}.pane{padding:12px 14px 28px;max-width:100vw;box-sizing:border-box}.gauges{grid-template-columns:1fr 1fr;margin-top:14px}.gauge{padding:12px 14px}.gauge b{font-size:20px}.gauge:first-child b{font-size:24px}.row{grid-template-columns:22px 76px 1fr 48px;gap:8px;padding:8px 6px}.detail-title{font-size:1.35rem!important}.topbar{padding:8px 12px;height:48px}}