@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&family=Press+Start+2P&family=VT323&family=Orbitron:wght@500;700;900&display=swap";:root,[data-theme=dark]{--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Plus Jakarta Sans", "Inter", sans-serif;--bg-primary: #09090b;--bg-secondary: #121215;--bg-tertiary: #1c1c21;--bg-elevated: rgba(24, 24, 27, .75);--bg-glass: rgba(18, 18, 21, .65);--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(255, 255, 255, .22);--border-focus: rgba(255, 255, 255, .45);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--accent-glow: rgba(255, 255, 255, .15);--accent-primary: #ffffff;--accent-text: #000000;--badge-high-bg: rgba(239, 68, 68, .15);--badge-high-text: #fca5a5;--badge-med-bg: rgba(234, 179, 8, .15);--badge-med-text: #fde047;--badge-low-bg: rgba(34, 197, 94, .15);--badge-low-text: #86efac;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 25px rgba(255, 255, 255, .08)}[data-theme=retro-pixel]{--font-sans: "VT323", monospace;--font-mono: "Press Start 2P", monospace;--font-display: "Press Start 2P", monospace;--bg-primary: #0e0720;--bg-secondary: #1a0e38;--bg-tertiary: #271654;--bg-elevated: rgba(39, 22, 84, .9);--bg-glass: rgba(26, 14, 56, .85);--border-subtle: #ffd700;--border-active: #00ffff;--border-focus: #ff007f;--text-primary: #ffffff;--text-secondary: #a78bfa;--text-tertiary: #c084fc;--text-muted: #7c3aed;--accent-glow: rgba(0, 255, 255, .3);--accent-primary: #ffd700;--accent-text: #0e0720;--badge-high-bg: #ff0055;--badge-high-text: #ffffff;--badge-med-bg: #ffd700;--badge-med-text: #0e0720;--badge-low-bg: #00ff66;--badge-low-text: #0e0720;--radius-sm: 0px;--radius-md: 4px;--radius-lg: 6px;--radius-full: 0px;--shadow-sm: 3px 3px 0px #000000;--shadow-md: 4px 4px 0px #000000;--shadow-lg: 6px 6px 0px #000000;--shadow-glow: 0 0 15px rgba(255, 215, 0, .35)}[data-theme=haunted]{--font-sans: "Urbanist", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Creepster", cursive, sans-serif;--bg-primary: #070102;--bg-secondary: #120306;--bg-tertiary: #20060c;--bg-elevated: rgba(32, 6, 12, .85);--bg-glass: rgba(18, 3, 6, .75);--border-subtle: rgba(239, 68, 68, .2);--border-active: rgba(239, 68, 68, .5);--border-focus: #ef4444;--text-primary: #fecdd3;--text-secondary: #fda4af;--text-tertiary: #fb7185;--text-muted: #9f1239;--accent-glow: rgba(239, 68, 68, .35);--accent-primary: #ef4444;--accent-text: #ffffff;--badge-high-bg: #991b1b;--badge-high-text: #fecaca;--badge-med-bg: #831843;--badge-med-text: #fbcfe8;--badge-low-bg: #374151;--badge-low-text: #d1d5db;--shadow-sm: 0 2px 8px rgba(239, 68, 68, .15);--shadow-md: 0 8px 24px rgba(239, 68, 68, .25);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px rgba(239, 68, 68, .2)}[data-theme=cyberpunk]{--font-sans: "Space Grotesk", "Orbitron", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--font-display: "Orbitron", sans-serif;--bg-primary: #080114;--bg-secondary: #130429;--bg-tertiary: #200845;--bg-elevated: rgba(32, 8, 69, .85);--bg-glass: rgba(19, 4, 41, .75);--border-subtle: rgba(0, 240, 255, .25);--border-active: rgba(255, 0, 127, .6);--border-focus: #00f0ff;--text-primary: #ffffff;--text-secondary: #67e8f9;--text-tertiary: #f472b6;--text-muted: #818cf8;--accent-glow: rgba(255, 0, 127, .4);--accent-primary: #00f0ff;--accent-text: #080114;--badge-high-bg: rgba(255, 0, 127, .25);--badge-high-text: #ff007f;--badge-med-bg: rgba(254, 240, 138, .25);--badge-med-text: #fef08a;--badge-low-bg: rgba(0, 240, 255, .25);--badge-low-text: #00f0ff;--shadow-sm: 0 0 10px rgba(0, 240, 255, .2);--shadow-md: 0 0 20px rgba(255, 0, 127, .25);--shadow-lg: 0 0 35px rgba(0, 240, 255, .35);--shadow-glow: 0 0 30px rgba(255, 0, 127, .3)}[data-theme=scifi-hud]{--font-sans: "Orbitron", "Space Grotesk", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--font-display: "Orbitron", sans-serif;--bg-primary: #030a14;--bg-secondary: #071529;--bg-tertiary: #0c2240;--bg-elevated: rgba(12, 34, 64, .85);--bg-glass: rgba(7, 21, 41, .75);--border-subtle: rgba(56, 189, 248, .2);--border-active: rgba(34, 197, 94, .6);--border-focus: #38bdf8;--text-primary: #f0fdf4;--text-secondary: #38bdf8;--text-tertiary: #86efac;--text-muted: #0284c7;--accent-glow: rgba(34, 197, 94, .35);--accent-primary: #22c55e;--accent-text: #030a14;--badge-high-bg: rgba(239, 68, 68, .2);--badge-high-text: #f87171;--badge-med-bg: rgba(245, 158, 11, .2);--badge-med-text: #fbbf24;--badge-low-bg: rgba(34, 197, 94, .2);--badge-low-text: #4ade80;--shadow-sm: 0 0 10px rgba(56, 189, 248, .15);--shadow-md: 0 0 20px rgba(34, 197, 94, .2);--shadow-lg: 0 0 35px rgba(56, 189, 248, .3);--shadow-glow: 0 0 25px rgba(34, 197, 94, .25)}[data-theme=light]{--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Inter", sans-serif;--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-elevated: rgba(255, 255, 255, .85);--bg-glass: rgba(255, 255, 255, .75);--border-subtle: rgba(0, 0, 0, .08);--border-active: rgba(0, 0, 0, .18);--border-focus: rgba(0, 0, 0, .35);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--accent-glow: rgba(0, 0, 0, .08);--accent-primary: #0f172a;--accent-text: #ffffff;--badge-high-bg: #fee2e2;--badge-high-text: #b91c1c;--badge-med-bg: #fef3c7;--badge-med-text: #b45309;--badge-low-bg: #dcfce7;--badge-low-text: #15803d;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--shadow-glow: 0 0 25px rgba(0, 0, 0, .04)}[data-theme=matcha-forest]{--font-sans: "Plus Jakarta Sans", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Plus Jakarta Sans", sans-serif;--bg-primary: #0d1f12;--bg-secondary: #142e1b;--bg-tertiary: #1e4228;--bg-elevated: rgba(20, 46, 27, .85);--bg-glass: rgba(13, 31, 18, .75);--border-subtle: rgba(74, 222, 128, .18);--border-active: rgba(74, 222, 128, .45);--border-focus: #4ade80;--text-primary: #f0fdf4;--text-secondary: #bbf7d0;--text-tertiary: #86efac;--text-muted: #22c55e;--accent-glow: rgba(74, 222, 128, .3);--accent-primary: #4ade80;--accent-text: #0d1f12;--badge-high-bg: rgba(239, 68, 68, .2);--badge-high-text: #fca5a5;--badge-med-bg: rgba(250, 204, 21, .2);--badge-med-text: #fef08a;--badge-low-bg: rgba(74, 222, 128, .2);--badge-low-text: #86efac;--shadow-sm: 0 2px 8px rgba(13, 31, 18, .4);--shadow-md: 0 8px 24px rgba(13, 31, 18, .6);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(74, 222, 128, .2)}[data-theme=coffee-lofi]{--font-sans: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Outfit", sans-serif;--bg-primary: #180d08;--bg-secondary: #26150d;--bg-tertiary: #381e13;--bg-elevated: rgba(38, 21, 13, .85);--bg-glass: rgba(24, 13, 8, .75);--border-subtle: rgba(217, 119, 6, .2);--border-active: rgba(245, 158, 11, .45);--border-focus: #f59e0b;--text-primary: #fffbeb;--text-secondary: #fde68a;--text-tertiary: #d97706;--text-muted: #92400e;--accent-glow: rgba(245, 158, 11, .3);--accent-primary: #f59e0b;--accent-text: #180d08;--badge-high-bg: rgba(220, 38, 38, .25);--badge-high-text: #fca5a5;--badge-med-bg: rgba(217, 119, 6, .25);--badge-med-text: #fde68a;--badge-low-bg: rgba(16, 185, 129, .25);--badge-low-text: #6ee7b7;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(245, 158, 11, .25)}[data-theme=tokyo-drift]{--font-sans: "Space Grotesk", "Orbitron", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--font-display: "Orbitron", sans-serif;--bg-primary: #0f001a;--bg-secondary: #1a002c;--bg-tertiary: #2a0047;--bg-elevated: rgba(26, 0, 44, .85);--bg-glass: rgba(15, 0, 26, .75);--border-subtle: rgba(255, 19, 97, .3);--border-active: rgba(0, 255, 240, .6);--border-focus: #ff1361;--text-primary: #ffffff;--text-secondary: #ff70a6;--text-tertiary: #70d6ff;--text-muted: #a06cd5;--accent-glow: rgba(255, 19, 97, .45);--accent-primary: #ff1361;--accent-text: #ffffff;--badge-high-bg: rgba(255, 19, 97, .3);--badge-high-text: #ff70a6;--badge-med-bg: rgba(255, 151, 0, .3);--badge-med-text: #ffd166;--badge-low-bg: rgba(0, 255, 240, .3);--badge-low-text: #70d6ff;--shadow-sm: 0 0 10px rgba(255, 19, 97, .25);--shadow-md: 0 0 22px rgba(0, 255, 240, .3);--shadow-lg: 0 0 40px rgba(255, 19, 97, .4);--shadow-glow: 0 0 30px rgba(255, 19, 97, .35)}[data-theme=ocean-biolum]{--font-sans: "Urbanist", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Urbanist", sans-serif;--bg-primary: #020617;--bg-secondary: #08162e;--bg-tertiary: #0e2752;--bg-elevated: rgba(8, 22, 46, .85);--bg-glass: rgba(2, 6, 23, .75);--border-subtle: rgba(56, 189, 248, .25);--border-active: rgba(0, 245, 212, .55);--border-focus: #00f5d4;--text-primary: #f0fdfa;--text-secondary: #5eead4;--text-tertiary: #38bdf8;--text-muted: #0284c7;--accent-glow: rgba(0, 245, 212, .35);--accent-primary: #00f5d4;--accent-text: #020617;--badge-high-bg: rgba(244, 63, 94, .25);--badge-high-text: #fda4af;--badge-med-bg: rgba(234, 179, 8, .25);--badge-med-text: #fde047;--badge-low-bg: rgba(0, 245, 212, .25);--badge-low-text: #5eead4;--shadow-sm: 0 0 10px rgba(0, 245, 212, .2);--shadow-md: 0 0 20px rgba(56, 189, 248, .25);--shadow-lg: 0 0 35px rgba(0, 245, 212, .35);--shadow-glow: 0 0 25px rgba(0, 245, 212, .25)}[data-theme=solar-saiyan]{--font-sans: "Urbanist", sans-serif;--font-mono: "Fira Code", monospace;--font-display: "Orbitron", sans-serif;--bg-primary: #0a0802;--bg-secondary: #1a1405;--bg-tertiary: #2c2209;--bg-elevated: rgba(26, 20, 5, .85);--bg-glass: rgba(10, 8, 2, .75);--border-subtle: rgba(250, 204, 21, .25);--border-active: rgba(249, 115, 22, .55);--border-focus: #facc15;--text-primary: #fefce8;--text-secondary: #fde047;--text-tertiary: #fb923c;--text-muted: #ca8a04;--accent-glow: rgba(250, 204, 21, .45);--accent-primary: #facc15;--accent-text: #0a0802;--badge-high-bg: rgba(239, 68, 68, .3);--badge-high-text: #fca5a5;--badge-med-bg: rgba(249, 115, 22, .3);--badge-med-text: #fed7aa;--badge-low-bg: rgba(250, 204, 21, .3);--badge-low-text: #fef08a;--shadow-sm: 0 0 12px rgba(250, 204, 21, .25);--shadow-md: 0 0 24px rgba(249, 115, 22, .3);--shadow-lg: 0 0 45px rgba(250, 204, 21, .4);--shadow-glow: 0 0 35px rgba(250, 204, 21, .35)}[data-theme=matrix-code]{--font-sans: "Fira Code", monospace;--font-mono: "Fira Code", monospace;--font-display: "Fira Code", monospace;--bg-primary: #020803;--bg-secondary: #051408;--bg-tertiary: #09240e;--bg-elevated: rgba(5, 20, 8, .9);--bg-glass: rgba(2, 8, 3, .85);--border-subtle: rgba(34, 197, 94, .3);--border-active: rgba(34, 197, 94, .7);--border-focus: #00ff66;--text-primary: #00ff66;--text-secondary: #4ade80;--text-tertiary: #86efac;--text-muted: #166534;--accent-glow: rgba(0, 255, 102, .45);--accent-primary: #00ff66;--accent-text: #020803;--badge-high-bg: rgba(239, 68, 68, .25);--badge-high-text: #fca5a5;--badge-med-bg: rgba(234, 179, 8, .25);--badge-med-text: #fde047;--badge-low-bg: rgba(0, 255, 102, .25);--badge-low-text: #00ff66;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 4px;--radius-full: 4px;--shadow-sm: 0 0 8px rgba(0, 255, 102, .2);--shadow-md: 0 0 16px rgba(0, 255, 102, .3);--shadow-lg: 0 0 30px rgba(0, 255, 102, .4);--shadow-glow: 0 0 25px rgba(0, 255, 102, .35)}[data-theme=cobalt-cream]{--font-sans: "Plus Jakarta Sans", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Plus Jakarta Sans", sans-serif;--bg-primary: #0a192f;--bg-secondary: #112240;--bg-tertiary: #1d3557;--bg-elevated: rgba(17, 34, 64, .9);--bg-glass: rgba(10, 25, 47, .85);--border-subtle: rgba(251, 247, 238, .15);--border-active: rgba(251, 247, 238, .4);--border-focus: #fbf7ee;--text-primary: #fdfbf7;--text-secondary: #e2ded4;--text-tertiary: #a8b2d1;--text-muted: #64748b;--accent-glow: rgba(251, 247, 238, .25);--accent-primary: #fbf7ee;--accent-text: #0a192f;--badge-high-bg: rgba(239, 68, 68, .2);--badge-high-text: #fca5a5;--badge-med-bg: rgba(251, 247, 238, .2);--badge-med-text: #fbf7ee;--badge-low-bg: rgba(56, 189, 248, .2);--badge-low-text: #7dd3fc;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(251, 247, 238, .15)}[data-theme=brutalist-tangerine]{--font-sans: "Space Grotesk", sans-serif;--font-mono: "Fira Code", monospace;--font-display: "Space Grotesk", sans-serif;--bg-primary: #0a0a0c;--bg-secondary: #141418;--bg-tertiary: #1f1f26;--bg-elevated: rgba(20, 20, 24, .95);--bg-glass: rgba(10, 10, 12, .88);--border-subtle: rgba(255, 85, 0, .25);--border-active: rgba(255, 85, 0, .6);--border-focus: #ff5500;--text-primary: #ffffff;--text-secondary: #ffb594;--text-tertiary: #ff854d;--text-muted: #8c360b;--accent-glow: rgba(255, 85, 0, .4);--accent-primary: #ff5500;--accent-text: #0a0a0c;--badge-high-bg: rgba(239, 68, 68, .3);--badge-high-text: #ffffff;--badge-med-bg: rgba(255, 85, 0, .3);--badge-med-text: #ffb594;--badge-low-bg: rgba(255, 255, 255, .15);--badge-low-text: #ffffff;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .7);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .85);--shadow-glow: 0 0 25px rgba(255, 85, 0, .25)}[data-theme=sage-linen]{--font-sans: "Plus Jakarta Sans", "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Plus Jakarta Sans", sans-serif;--bg-primary: #151e12;--bg-secondary: #1f2b1b;--bg-tertiary: #2d3d27;--bg-elevated: rgba(31, 43, 27, .9);--bg-glass: rgba(21, 30, 18, .85);--border-subtle: rgba(247, 243, 233, .18);--border-active: rgba(247, 243, 233, .45);--border-focus: #f7f3e9;--text-primary: #fcf9f2;--text-secondary: #ded6c3;--text-tertiary: #b0a894;--text-muted: #6b6659;--accent-glow: rgba(247, 243, 233, .25);--accent-primary: #f7f3e9;--accent-text: #151e12;--badge-high-bg: rgba(220, 38, 38, .25);--badge-high-text: #fca5a5;--badge-med-bg: rgba(247, 243, 233, .2);--badge-med-text: #fcf9f2;--badge-low-bg: rgba(134, 239, 172, .2);--badge-low-text: #bbf7d0;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(247, 243, 233, .15)}[data-theme=swiss-scarlet]{--font-sans: "Inter", "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Inter", sans-serif;--bg-primary: #0f1319;--bg-secondary: #171d26;--bg-tertiary: #232c3a;--bg-elevated: rgba(23, 29, 38, .92);--bg-glass: rgba(15, 19, 25, .85);--border-subtle: rgba(225, 29, 72, .25);--border-active: rgba(225, 29, 72, .55);--border-focus: #e11d48;--text-primary: #ffffff;--text-secondary: #fda4af;--text-tertiary: #cbd5e1;--text-muted: #64748b;--accent-glow: rgba(225, 29, 72, .35);--accent-primary: #e11d48;--accent-text: #ffffff;--badge-high-bg: rgba(225, 29, 72, .3);--badge-high-text: #ffffff;--badge-med-bg: rgba(251, 146, 60, .25);--badge-med-text: #fed7aa;--badge-low-bg: rgba(148, 163, 184, .2);--badge-low-text: #e2e8f0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .55);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .75);--shadow-glow: 0 0 25px rgba(225, 29, 72, .2)}[data-theme=velvet-plum]{--font-sans: "Urbanist", "Plus Jakarta Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Urbanist", sans-serif;--bg-primary: #170726;--bg-secondary: #240b3c;--bg-tertiary: #351257;--bg-elevated: rgba(36, 11, 60, .9);--bg-glass: rgba(23, 7, 38, .85);--border-subtle: rgba(254, 240, 138, .2);--border-active: rgba(254, 240, 138, .5);--border-focus: #fef08a;--text-primary: #fefce8;--text-secondary: #fef08a;--text-tertiary: #d8b4fe;--text-muted: #7e22ce;--accent-glow: rgba(254, 240, 138, .35);--accent-primary: #fef08a;--accent-text: #170726;--badge-high-bg: rgba(239, 68, 68, .25);--badge-high-text: #fca5a5;--badge-med-bg: rgba(254, 240, 138, .25);--badge-med-text: #fef08a;--badge-low-bg: rgba(192, 132, 252, .25);--badge-low-text: #e9d5ff;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .75);--shadow-glow: 0 0 25px rgba(254, 240, 138, .2)}[data-theme=klein-chalk]{--font-sans: "Space Grotesk", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Space Grotesk", sans-serif;--bg-primary: #00227a;--bg-secondary: #002fa7;--bg-tertiary: #003cc2;--bg-elevated: rgba(0, 47, 167, .95);--bg-glass: rgba(0, 34, 122, .88);--border-subtle: rgba(255, 255, 255, .2);--border-active: rgba(255, 255, 255, .5);--border-focus: #ffffff;--text-primary: #ffffff;--text-secondary: #dbeafe;--text-tertiary: #93c5fd;--text-muted: #3b82f6;--accent-glow: rgba(255, 255, 255, .4);--accent-primary: #ffffff;--accent-text: #002fa7;--badge-high-bg: rgba(239, 68, 68, .35);--badge-high-text: #ffffff;--badge-med-bg: rgba(254, 240, 138, .3);--badge-med-text: #ffffff;--badge-low-bg: rgba(255, 255, 255, .25);--badge-low-text: #ffffff;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .65);--shadow-glow: 0 0 25px rgba(255, 255, 255, .25)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;line-height:1.5;-webkit-font-smoothing:antialiased}.crt-scanlines-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 4px,6px 100%;z-index:998;opacity:.7}.particles-background,.click-spark-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.click-spark-canvas{z-index:999}.app-layout{position:relative;min-height:100vh;display:flex;flex-direction:column;z-index:1}.app-content-container{flex:1;max-width:960px;width:100%;margin:0 auto;padding:20px 20px 120px}.app-header{position:sticky;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:50}.header-left,.header-right{display:flex;align-items:center;gap:8px}.theme-dropdown-container{position:relative}.theme-mode-trigger-btn{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-tertiary);border:1px solid var(--border-active);border-radius:var(--radius-full);color:var(--text-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.theme-mode-trigger-btn:hover{background:var(--bg-secondary);border-color:var(--border-focus)}.theme-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-secondary);border:1px solid var(--border-active);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:8px;width:250px;z-index:100;display:flex;flex-direction:column;gap:4px}.theme-menu-title{font-size:.7rem;font-weight:700;letter-spacing:.08em;color:var(--text-tertiary);padding:4px 8px}.theme-menu-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s ease;width:100%}.theme-menu-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-menu-option.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.mode-opt-info{flex:1;display:flex;flex-direction:column}.mode-opt-name{font-size:.85rem;font-weight:600}.mode-opt-desc{font-size:.7rem;color:var(--text-muted)}.active-check{color:var(--accent-primary)}.crt-toggle-btn.active-crt{color:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ff6}.icon-btn{width:38px;height:38px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s cubic-bezier(.34,1.56,.64,1);cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.icon-btn:hover{color:var(--text-primary);border-color:var(--border-active);background:var(--bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.icon-btn:active{transform:translateY(1px)}[data-theme=retro-pixel] .icon-btn,[data-theme=retro-pixel] .theme-mode-trigger-btn{border-radius:0!important;border:2px solid #ffd700!important;background:#0e0720!important;color:gold!important;box-shadow:2px 2px #000!important;font-family:"Press Start 2P",monospace}[data-theme=retro-pixel] .icon-btn:hover,[data-theme=retro-pixel] .theme-mode-trigger-btn:hover{background:#1a0e38!important;color:#0ff!important;border-color:#0ff!important;box-shadow:3px 3px #000,0 0 10px #0ff6!important;transform:translate(-1px,-1px)}[data-theme=retro-pixel] .icon-btn:active,[data-theme=retro-pixel] .theme-mode-trigger-btn:active{transform:translate(2px,2px);box-shadow:0 0 #000!important}[data-theme=cyberpunk] .icon-btn,[data-theme=cyberpunk] .theme-mode-trigger-btn{border-radius:0!important;background:#12121cd9!important;border:1px solid rgba(0,240,255,.45)!important;color:#00f0ff!important;box-shadow:2px 2px #ff007f59!important;clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px)}[data-theme=cyberpunk] .icon-btn:hover,[data-theme=cyberpunk] .theme-mode-trigger-btn:hover{background:#00f0ff26!important;border-color:#00f0ff!important;color:#fff!important;box-shadow:3px 3px #ff007f,0 0 15px #00f0ff66!important;transform:translate(-1px,-1px)}[data-theme=scifi-hud] .icon-btn,[data-theme=scifi-hud] .theme-mode-trigger-btn{border-radius:3px!important;background:#041209e6!important;border:1px solid rgba(34,197,94,.4)!important;color:#86efac!important;box-shadow:inset 0 0 8px #22c55e1f!important}[data-theme=scifi-hud] .icon-btn:hover,[data-theme=scifi-hud] .theme-mode-trigger-btn:hover{background:#22c55e33!important;border-color:#22c55e!important;color:#fff!important;box-shadow:0 0 15px #22c55e66!important;transform:translateY(-1px)}[data-theme=matcha-forest] .icon-btn,[data-theme=matcha-forest] .theme-mode-trigger-btn{border-radius:12px 4px!important;background:#14301dbf!important;border:1px solid rgba(74,222,128,.25)!important;color:#86efac!important}[data-theme=matcha-forest] .icon-btn:hover,[data-theme=matcha-forest] .theme-mode-trigger-btn:hover{background:#4ade8040!important;border-color:#4ade80!important;color:#fff!important;box-shadow:0 4px 12px #052e1633}[data-theme=haunted] .icon-btn,[data-theme=haunted] .theme-mode-trigger-btn{border-radius:6px!important;background:#1a070ad9!important;border:1px solid rgba(239,68,68,.35)!important;color:#fca5a5!important}[data-theme=haunted] .icon-btn:hover,[data-theme=haunted] .theme-mode-trigger-btn:hover{background:#ef444433!important;border-color:#ef4444!important;color:#fff!important;box-shadow:0 0 15px #ef444466!important}.brand-container{display:flex;align-items:center;justify-content:center;gap:8px;cursor:default}.brand-container.symbol-only{padding:4px}.brand-logo-icon{color:var(--accent-primary);flex-shrink:0;filter:drop-shadow(0 0 8px var(--accent-glow));transition:transform .45s cubic-bezier(.34,1.56,.64,1),color .3s ease;cursor:pointer}.brand-container:hover .brand-logo-icon{transform:rotate(90deg) scale(1.18)}.focus-companion-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin:4px 0 10px}.companion-speech-bubble{position:relative;background:var(--bg-secondary);border:1px solid var(--border-active);padding:8px 16px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-width:420px;text-align:center}.companion-text{font-size:.85rem;color:var(--text-primary);font-weight:500}.speech-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-secondary);border-right:1px solid var(--border-active);border-bottom:1px solid var(--border-active)}.companion-mascot{cursor:pointer;position:relative}.pixel-dino-sprite{width:36px;height:36px;background-color:#22c55e;border-radius:6px;position:relative;box-shadow:0 0 14px #22c55e66}.pixel-dino-sprite.retro-palette{background-color:gold;box-shadow:0 0 14px #ffd70099;border:2px solid #000;border-radius:0}.pixel-dino-sprite.jogging{animation:dinoBounce .4s infinite alternate ease-in-out}@keyframes dinoBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.dino-eye{position:absolute;top:7px;right:8px;width:4px;height:4px;background:#000}.dino-snout{position:absolute;top:6px;right:-5px;width:6px;height:8px;background:#16a34a}.dino-spikes{position:absolute;top:4px;left:-4px;width:4px;height:12px;background:#15803d}.dino-legs{position:absolute;bottom:-5px;left:8px;display:flex;gap:8px}.dino-leg{width:4px;height:6px;background:#15803d}.spooky-ghost-sprite{width:36px;height:40px;background:#fecdd3;border-radius:18px 18px 4px 4px;position:relative;box-shadow:0 0 20px #ef444480;animation:ghostFloat 2s infinite alternate ease-in-out}@keyframes ghostFloat{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.ghost-eyes{position:absolute;top:12px;left:8px;display:flex;gap:8px}.ghost-eye{width:5px;height:7px;background:#991b1b;border-radius:50%}.ghost-tail{position:absolute;bottom:-4px;left:0;right:0;height:6px;background:radial-gradient(circle,#fecdd3 40%,transparent 60%)}.cyber-bot-sprite{width:38px;height:34px;background:#130429;border:2px solid #00f0ff;border-radius:4px;position:relative;box-shadow:0 0 15px #00f0ff99}.bot-visor{position:absolute;top:8px;left:6px;right:6px;height:8px;background:#ff007f;box-shadow:0 0 10px #ff007f}.bot-antenna{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:3px;height:8px;background:#00f0ff}.bot-core{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:#fef08a;border-radius:50%}.scifi-core-sprite{width:38px;height:38px;border:2px dashed #22c55e;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;animation:coreSpin 8s linear infinite}@keyframes coreSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-inner-ring{width:20px;height:20px;border:2px solid #38bdf8;border-radius:50%}.core-dot{position:absolute;width:6px;height:6px;background:#f59e0b;border-radius:50%;box-shadow:0 0 8px #f59e0b}.pixel-cat-sprite{width:36px;height:34px;background:#f472b6;border-radius:8px 8px 12px 12px;position:relative;box-shadow:0 0 16px #f472b673}.pixel-cat-sprite.focused{animation:catPurr .6s infinite alternate ease-in-out}@keyframes catPurr{0%{transform:translateY(0) scale(1)}to{transform:translateY(-2px) scale(1.02)}}.cat-ears{position:absolute;top:-6px;left:3px;right:3px;display:flex;justify-content:space-between}.cat-ear{width:9px;height:9px;background:#db2777;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.cat-eyes{position:absolute;top:10px;left:6px;right:6px;display:flex;justify-content:space-between}.cat-eye{width:5px;height:6px;background:#0f172a;border-radius:50%}.cat-tail{position:absolute;bottom:4px;right:-8px;width:10px;height:14px;border-right:4px solid #db2777;border-top:4px solid #db2777;border-radius:0 10px 0 0;animation:tailSwish 1.4s infinite ease-in-out;transform-origin:bottom left}@keyframes tailSwish{0%,to{transform:rotate(0)}50%{transform:rotate(18deg)}}.wise-owl-sprite{width:36px;height:36px;background:#d97706;border-radius:14px 14px 10px 10px;position:relative;box-shadow:0 0 14px #d9770673}.wise-owl-sprite.bobbing{animation:owlBob 1.6s infinite ease-in-out}@keyframes owlBob{0%,to{transform:rotate(0)}35%{transform:rotate(-6deg)}70%{transform:rotate(6deg)}}.owl-glasses{position:absolute;top:8px;left:4px;right:4px;display:flex;justify-content:center;gap:3px}.owl-lens{width:11px;height:11px;border:2px solid #fef08a;background:#fef08a33;border-radius:50%}.owl-beak{position:absolute;top:18px;left:50%;transform:translate(-50%);width:6px;height:5px;background:#78350f;clip-path:polygon(50% 100%,0% 0%,100% 0%)}.baby-dragon-sprite{width:36px;height:36px;background:#ef4444;border-radius:8px 8px 12px 12px;position:relative;box-shadow:0 0 18px #ef44448c}.baby-dragon-sprite.flapping{animation:dragonHover .8s infinite alternate ease-in-out}@keyframes dragonHover{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.dragon-horns{position:absolute;top:-5px;left:2px;right:2px;display:flex;justify-content:space-between}.dragon-horns:before,.dragon-horns:after{content:"";width:6px;height:8px;background:#facc15;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.dragon-eyes{position:absolute;top:10px;left:7px;right:7px;display:flex;justify-content:space-between}.dragon-eyes:before,.dragon-eyes:after{content:"";width:5px;height:5px;background:#fef08a;border-radius:50%}.dragon-wings{position:absolute;top:8px;left:-8px;right:-8px;display:flex;justify-content:space-between}.dragon-wings:before,.dragon-wings:after{content:"";width:10px;height:14px;background:#f87171;border-radius:4px;animation:wingFlap .4s infinite alternate ease-in-out}@keyframes wingFlap{0%{transform:rotate(0)}to{transform:rotate(25deg)}}.space-astronaut-sprite{width:36px;height:38px;background:#e2e8f0;border-radius:14px 14px 8px 8px;position:relative;box-shadow:0 0 16px #38bdf866}.space-astronaut-sprite.floating{animation:astroFloat 2.5s infinite alternate ease-in-out}@keyframes astroFloat{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-6px) rotate(4deg)}}.helmet-visor{position:absolute;top:8px;left:6px;right:6px;height:14px;background:linear-gradient(135deg,#0284c7,#38bdf8 60%,#fff);border-radius:8px;box-shadow:0 0 8px #38bdf8}.companion-interactive-row{display:flex;align-items:center;gap:12px}.switch-pet-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;font-weight:500}.switch-pet-btn:hover{color:var(--text-primary);border-color:var(--border-active);background:var(--bg-secondary)}.companion-picker-card{max-width:680px}.companion-header-title{display:flex;flex-direction:column}.companion-header-sub{font-size:.8rem;color:var(--text-tertiary)}.companion-grid-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;padding:20px;max-height:65vh;overflow-y:auto}.companion-select-card{cursor:pointer;border:1px solid var(--border-subtle);transition:all .2s ease}.companion-select-card.selected{border-color:var(--accent-primary);box-shadow:0 0 15px var(--accent-glow)}.companion-card-inner{padding:16px;display:flex;flex-direction:column;gap:10px}.companion-card-top{display:flex;align-items:center;justify-content:space-between}.comp-avatar-icon{font-size:1.8rem}.comp-specialty-badge{font-size:.7rem;font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-full)}.comp-name{font-size:.95rem;font-weight:700;color:var(--text-primary)}.comp-title{font-size:.8rem;font-weight:400;color:var(--text-tertiary)}.comp-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-top:2px}.companion-card-bottom{display:flex;justify-content:flex-end;margin-top:4px}.comp-active-pill{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:#22c55e}.comp-select-prompt{font-size:.75rem;color:var(--text-muted)}.timer-top-xp-row{width:100%;max-width:480px;display:flex;justify-content:center}.streak-badge-container{display:flex;flex-direction:column;gap:6px;background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:6px 14px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:default}.streak-rank-pill{display:flex;align-items:center;gap:8px;font-size:.8rem}.xp-lightning-icon{color:#f59e0b}.rank-level-tag{font-family:var(--font-mono);font-weight:700;background:#f59e0b;color:#000;padding:0 5px;border-radius:4px;font-size:.7rem}.rank-name{font-weight:600;color:var(--text-primary)}.xp-number{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary);margin-left:auto}.xp-progress-track{width:100%;height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.xp-progress-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#10b981);transition:width .4s ease}.ambient-soundscape-bar{display:flex;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:8px 16px;border-radius:var(--radius-full);margin-top:4px;flex-wrap:wrap;justify-content:center}.ambient-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-tertiary);font-weight:500}.ambient-buttons-group{display:flex;gap:6px}.ambient-btn{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.ambient-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.ambient-btn.active{background:var(--accent-primary);color:var(--accent-text);border-color:var(--accent-primary);font-weight:600}.ambient-volume-slider-wrapper{display:flex;align-items:center;gap:6px}.vol-icon{color:var(--text-tertiary)}.ambient-vol-slider{width:60px;height:4px;accent-color:var(--accent-primary);cursor:pointer}.dock-nav-container{position:fixed;bottom:24px;left:0;right:0;display:flex;justify-content:center;z-index:50;pointer-events:none}.dock-nav{pointer-events:auto;display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-lg),var(--shadow-glow)}.dock-tab{position:relative;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .2s ease;outline:none}.dock-tab:hover,.dock-tab.active{color:var(--text-primary)}.dock-indicator{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-tertiary);border:1px solid var(--border-active);border-radius:var(--radius-full);z-index:-1}.dock-badge{font-size:.75rem;font-family:var(--font-mono);background:var(--border-active);color:var(--text-primary);padding:1px 7px;border-radius:var(--radius-full)}.timer-view{display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:6px}.mode-selector{display:flex;gap:6px;background:var(--bg-secondary);padding:5px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all .2s ease}.mode-btn{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.mode-btn:hover{color:var(--text-primary);background:#ffffff0a}.mode-btn.active{background:var(--accent-primary);color:var(--accent-text);box-shadow:var(--shadow-sm),0 0 15px var(--accent-glow);font-weight:600}.preset-pills{display:flex;gap:8px}.preset-pill{padding:5px 15px;border-radius:var(--radius-full);background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.preset-pill:hover,.preset-pill.active{border-color:var(--border-active);color:var(--text-primary);background:var(--bg-secondary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}[data-theme=retro-pixel] .mode-selector{border-radius:0!important;border:2px solid #ffd700;background:#0e0720;box-shadow:3px 3px #000;padding:3px;gap:4px}[data-theme=retro-pixel] .mode-btn{border-radius:0!important;font-family:"Press Start 2P",monospace;font-size:.6rem;letter-spacing:.5px;text-transform:uppercase;padding:8px 12px;transition:all .08s ease}[data-theme=retro-pixel] .mode-btn.active{background:gold;color:#0e0720;border:2px solid #ffffff;box-shadow:0 3px #000,0 0 10px #ffd70080;transform:translateY(-1px)}[data-theme=retro-pixel] .preset-pill{border-radius:0!important;border:2px solid #00ffff;background:#1a0e38;color:#0ff;font-family:"Press Start 2P",monospace;font-size:.62rem;box-shadow:2px 2px #000}[data-theme=retro-pixel] .preset-pill.active{background:#0ff;color:#0e0720;box-shadow:2px 2px #000,0 0 12px #00ffff80}[data-theme=cyberpunk] .mode-selector{border-radius:0!important;background:#0a0a10e6;border:1px solid rgba(0,240,255,.4);box-shadow:3px 3px #ff007f59;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}[data-theme=cyberpunk] .mode-btn{border-radius:0!important;font-family:JetBrains Mono,monospace;font-weight:700;text-transform:uppercase;font-size:.78rem}[data-theme=cyberpunk] .mode-btn.active{background:#00f0ff;color:#050508;box-shadow:0 0 15px #00f0ff99,2px 2px #ff007f}[data-theme=cyberpunk] .preset-pill{border-radius:0!important;border:1px solid rgba(0,240,255,.35);background:#12121ad9;color:#00f0ff;clip-path:polygon(6px 0%,100% 0%,100% calc(100% - 6px),calc(100% - 6px) 100%,0% 100%,0% 6px)}[data-theme=cyberpunk] .preset-pill.active{background:#ff007f;color:#fff;border-color:#ff007f;box-shadow:0 0 15px #ff007f80}[data-theme=scifi-hud] .mode-selector{border-radius:4px;background:#030d06e6;border:1px solid rgba(34,197,94,.4);box-shadow:inset 0 0 12px #22c55e26}[data-theme=scifi-hud] .mode-btn{border-radius:3px;font-family:Orbitron,monospace;font-size:.72rem;letter-spacing:.8px;text-transform:uppercase;color:#86efac}[data-theme=scifi-hud] .mode-btn.active{background:#22c55e;color:#030d06;box-shadow:0 0 15px #22c55e80,inset 0 0 8px #fff6}[data-theme=scifi-hud] .preset-pill{border-radius:3px;border:1px solid rgba(34,197,94,.3);background:#0d2818b3;color:#86efac;font-family:Orbitron,monospace;font-size:.72rem}[data-theme=scifi-hud] .preset-pill.active{background:#22c55e;color:#030d06;border-color:#86efac;box-shadow:0 0 12px #22c55e66}[data-theme=matcha-forest] .mode-selector{border-radius:20px;background:#122a19bf;border:1px solid rgba(74,222,128,.2)}[data-theme=matcha-forest] .mode-btn{border-radius:16px;font-weight:600}[data-theme=matcha-forest] .mode-btn.active{background:#4ade80;color:#052e16;box-shadow:0 4px 14px #052e1640,inset 0 2px 3px #fff9}[data-theme=matcha-forest] .preset-pill{border-radius:14px;background:#14301da6;border:1px solid rgba(74,222,128,.2);color:#86efac}[data-theme=matcha-forest] .preset-pill.active{background:#86efac;color:#052e16;border-color:#86efac}[data-theme=haunted] .mode-selector{border-radius:8px;background:#120306e6;border:1px solid rgba(239,68,68,.3);box-shadow:0 0 15px #ef444426}[data-theme=haunted] .mode-btn{border-radius:6px;font-family:Creepster,cursive,sans-serif;letter-spacing:.5px}[data-theme=haunted] .mode-btn.active{background:radial-gradient(circle,#dc2626,#7f1d1d);color:#fff;box-shadow:0 0 15px #ef444480}[data-theme=haunted] .preset-pill{border-radius:6px;background:#1a070ad9;border:1px solid rgba(239,68,68,.3);color:#fca5a5}[data-theme=haunted] .preset-pill.active{background:#dc2626;color:#fff;border-color:#ef4444;box-shadow:0 0 12px #ef444480}.timer-visualizer-container{position:relative;width:270px;height:270px;display:flex;align-items:center;justify-content:center;margin:6px 0}.timer-dial-wrapper{position:relative;width:100%;height:100%;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-subtle);box-shadow:inset 0 2px 8px #0006,var(--shadow-md);overflow:hidden}.timer-dial-wrapper.running{box-shadow:inset 0 2px 8px #0006,0 0 30px var(--accent-glow)}.water-tank-circle{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;border-radius:50%;z-index:1}.water-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#ffffff14,#ffffff05)}.water-wave{position:absolute;top:-12px;left:-50%;width:200%;height:24px;background:radial-gradient(circle,rgba(255,255,255,.15) 30%,transparent 70%);animation:waveMotion 6s linear infinite}.water-wave.wave-2{animation:waveMotion 4s linear infinite reverse;opacity:.5}@keyframes waveMotion{0%{transform:translate(0)}to{transform:translate(50%)}}.timer-svg-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);z-index:2;pointer-events:none}.ring-bg{fill:none;stroke:var(--border-subtle)}.ring-progress{fill:none;stroke:var(--accent-primary);stroke-linecap:round;transition:stroke-dashoffset .8s ease}.timer-inner-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3}.mode-badge{font-size:.75rem;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:4px}.timer-digits{font-family:var(--font-mono);font-size:3.3rem;font-weight:700;color:var(--text-primary);cursor:pointer;letter-spacing:-.02em;line-height:1}.timer-digits:hover{opacity:.85}.timer-subtext{font-size:.75rem;color:var(--text-tertiary);margin-top:6px}[data-theme=retro-pixel] .timer-dial-wrapper{border-radius:0!important;border:4px solid #ffd700!important;background:#0e0720!important;box-shadow:0 0 0 4px #000,6px 6px #000,0 0 25px #ffd70066!important}[data-theme=retro-pixel] .timer-dial-wrapper.running{box-shadow:0 0 0 4px #000,8px 8px #000,0 0 40px #ffd700b3!important}[data-theme=retro-pixel] .ring-progress{stroke:#0ff!important;stroke-linecap:square!important;filter:drop-shadow(0 0 8px #00ffff) drop-shadow(0 0 14px #ffd700)}[data-theme=retro-pixel] .timer-digits{font-family:"Press Start 2P",monospace!important;font-size:2.1rem!important;color:gold!important;text-shadow:3px 3px 0 #000000,0 0 15px rgba(255,215,0,.6)!important;letter-spacing:1px}[data-theme=cyberpunk] .timer-dial-wrapper{border:2px solid #00f0ff!important;background:radial-gradient(circle,#00f0ff1f,#05050cf2)!important;box-shadow:0 0 30px #00f0ff73,inset 0 0 25px #ff007f4d!important}[data-theme=cyberpunk] .timer-dial-wrapper.running{box-shadow:0 0 45px #00f0ffb3,inset 0 0 35px #ff007f80!important}[data-theme=cyberpunk] .ring-progress{stroke:#00f0ff!important;filter:drop-shadow(0 0 10px #00f0ff) drop-shadow(0 0 18px #ff007f)}[data-theme=cyberpunk] .timer-digits{font-family:JetBrains Mono,monospace!important;font-weight:800;color:#fff!important;text-shadow:0 0 15px #00f0ff,0 0 30px #ff007f!important}[data-theme=scifi-hud] .timer-dial-wrapper{border-radius:6px!important;border:2px solid #22c55e!important;background:radial-gradient(circle,#22c55e26,#030d06f5)!important;box-shadow:0 0 25px #22c55e59,inset 0 0 20px #22c55e26!important}[data-theme=scifi-hud] .timer-dial-wrapper.running{box-shadow:0 0 40px #22c55ea6,inset 0 0 30px #22c55e4d!important}[data-theme=scifi-hud] .ring-progress{stroke:#22c55e!important;filter:drop-shadow(0 0 10px #22c55e) drop-shadow(0 0 20px rgba(34,197,94,.8))}[data-theme=scifi-hud] .timer-digits{font-family:Orbitron,monospace!important;color:#86efac!important;text-shadow:0 0 15px rgba(34,197,94,.8)!important;letter-spacing:2px}[data-theme=matcha-forest] .timer-dial-wrapper{border:2px solid rgba(74,222,128,.35)!important;background:radial-gradient(circle,#4ade802e,#0a2012f2)!important;box-shadow:0 15px 35px #052e1666,inset 0 2px 6px #ffffff4d!important}[data-theme=matcha-forest] .timer-dial-wrapper.running{box-shadow:0 20px 45px #052e1699,0 0 30px #4ade8066!important}[data-theme=matcha-forest] .ring-progress{stroke:#4ade80!important;filter:drop-shadow(0 0 10px rgba(74,222,128,.6))}[data-theme=matcha-forest] .timer-digits{color:#f0fdf4!important;text-shadow:0 0 15px rgba(74,222,128,.4)!important}[data-theme=haunted] .timer-dial-wrapper{border:2px solid #ef4444!important;background:radial-gradient(circle,#ef444438,#0a0103fa)!important;box-shadow:0 0 35px #ef444480,inset 0 0 25px #000000e6!important}[data-theme=haunted] .timer-dial-wrapper.running{box-shadow:0 0 50px #ef4444cc,inset 0 0 35px #f006!important}[data-theme=haunted] .ring-progress{stroke:#ef4444!important;filter:drop-shadow(0 0 12px #ef4444) drop-shadow(0 0 25px rgba(239,68,68,.8))}[data-theme=haunted] .timer-digits{font-family:Creepster,cursive!important;color:#fff!important;text-shadow:0 0 18px rgba(239,68,68,.9),0 0 30px rgba(255,0,0,.6)!important;font-size:3.5rem!important;letter-spacing:2px}.timer-edit-form{display:flex;align-items:center;gap:4px}.timer-edit-input{width:90px;background:var(--bg-tertiary);border:1px solid var(--border-focus);color:var(--text-primary);font-family:var(--font-mono);font-size:2.5rem;font-weight:700;text-align:center;border-radius:var(--radius-sm);outline:none}.timer-edit-label{font-size:.9rem;color:var(--text-secondary)}.timer-controls{display:flex;align-items:center;gap:12px}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 26px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;cursor:pointer;position:relative;overflow:hidden;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.btn-action.primary{background:var(--accent-primary);color:var(--accent-text);box-shadow:var(--shadow-md),var(--shadow-glow);border:1px solid transparent}.btn-action.primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 25px var(--accent-glow)}.btn-action.primary:active{transform:translateY(1px)}.btn-action.primary.btn-running{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-active);box-shadow:0 0 15px #ffffff0d}.btn-action.secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.btn-action.secondary:hover{color:var(--text-primary);border-color:var(--border-active);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-action.secondary:active{transform:translateY(1px)}[data-theme=retro-pixel] .btn-action{font-family:"Press Start 2P",monospace;font-size:.72rem;letter-spacing:.5px;border-radius:0!important;text-transform:uppercase;padding:14px 22px;transition:transform .08s ease,box-shadow .08s ease}[data-theme=retro-pixel] .btn-action.primary{background:gold;color:#0e0720;border:3px solid #ffffff;box-shadow:0 6px #000,0 8px #1a0e38,0 0 20px #ffd70066}[data-theme=retro-pixel] .btn-action.primary:hover{background:#ffe234;transform:translateY(-2px);box-shadow:0 8px #000,0 10px #1a0e38,0 0 25px #ffd70099}[data-theme=retro-pixel] .btn-action.primary:active{transform:translateY(4px);box-shadow:0 2px #000,0 3px #1a0e38}[data-theme=retro-pixel] .btn-action.primary.btn-running{background:#f05;color:#fff;border-color:#fff;box-shadow:0 6px #000,0 8px #4a001a,0 0 20px #f056}[data-theme=retro-pixel] .btn-action.secondary{background:#1a0e38;color:#0ff;border:3px solid #00ffff;box-shadow:0 5px #000,0 7px #070312}[data-theme=retro-pixel] .btn-action.secondary:hover{background:#271654;color:#fff;transform:translateY(-2px);box-shadow:0 7px #000,0 0 15px #0ff6}[data-theme=retro-pixel] .btn-action.secondary:active{transform:translateY(3px);box-shadow:0 2px #000}[data-theme=cyberpunk] .btn-action{font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:0!important;clip-path:polygon(12px 0%,100% 0%,100% calc(100% - 12px),calc(100% - 12px) 100%,0% 100%,0% 12px)}[data-theme=cyberpunk] .btn-action.primary{background:#00f0ff;color:#050508;border:1px solid #ffffff;box-shadow:4px 4px #ff007f,0 0 25px #00f0ff80}[data-theme=cyberpunk] .btn-action.primary:hover{background:#fff;color:#050508;transform:translate(-2px,-2px);box-shadow:6px 6px #ff007f,0 0 35px #00f0ffcc}[data-theme=cyberpunk] .btn-action.primary:active{transform:translate(2px,2px);box-shadow:2px 2px #ff007f}[data-theme=cyberpunk] .btn-action.primary.btn-running{background:#ff007f;color:#fff;box-shadow:4px 4px #00f0ff,0 0 25px #ff007f80}[data-theme=cyberpunk] .btn-action.secondary{background:#12121ad9;color:#00f0ff;border:1px solid rgba(0,240,255,.4);box-shadow:3px 3px #ff007f66}[data-theme=cyberpunk] .btn-action.secondary:hover{background:#00f0ff26;border-color:#00f0ff;color:#fff;box-shadow:4px 4px #ff007f,0 0 15px #00f0ff4d}[data-theme=scifi-hud] .btn-action{font-family:Orbitron,monospace;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:4px;font-size:.82rem}[data-theme=scifi-hud] .btn-action.primary{background:#22c55e;color:#030d06;border:1px solid #86efac;box-shadow:0 0 20px #22c55e73,inset 0 0 10px #ffffff4d}[data-theme=scifi-hud] .btn-action.primary:hover{background:#4ade80;box-shadow:0 0 30px #22c55ebf,inset 0 0 15px #ffffff80;transform:translateY(-2px)}[data-theme=scifi-hud] .btn-action.primary.btn-running{background:#0d2818;color:#22c55e;border-color:#22c55e;box-shadow:0 0 15px #22c55e4d}[data-theme=scifi-hud] .btn-action.secondary{background:#0d2818b3;color:#86efac;border:1px solid rgba(34,197,94,.35);box-shadow:inset 0 0 8px #22c55e1a}[data-theme=scifi-hud] .btn-action.secondary:hover{background:#22c55e33;border-color:#22c55e;color:#fff;box-shadow:0 0 15px #22c55e66}[data-theme=haunted] .btn-action{font-family:Creepster,cursive,sans-serif;letter-spacing:1px;border-radius:8px}[data-theme=haunted] .btn-action.primary{background:radial-gradient(circle,#dc2626,#7f1d1d);color:#fff;border:1px solid #ef4444;box-shadow:0 0 25px #ef444473,inset 0 0 12px #0009;text-shadow:0 0 8px rgba(255,255,255,.6)}[data-theme=haunted] .btn-action.primary:hover{background:radial-gradient(circle,#ef4444,#991b1b);box-shadow:0 0 35px #ef4444bf,inset 0 0 15px #f006;transform:translateY(-2px) scale(1.02)}[data-theme=haunted] .btn-action.secondary{background:#1a070ad9;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}[data-theme=haunted] .btn-action.secondary:hover{background:#ef444426;border-color:#ef4444;color:#fff;box-shadow:0 0 15px #ef44444d}[data-theme=matcha-forest] .btn-action{border-radius:24px 8px;font-weight:700}[data-theme=matcha-forest] .btn-action.primary{background:#4ade80;color:#052e16;border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 20px #052e1640,inset 0 2px 4px #fff9}[data-theme=matcha-forest] .btn-action.primary:hover{background:#86efac;transform:translateY(-2px);box-shadow:0 12px 24px #052e164d,inset 0 3px 6px #fffc}[data-theme=matcha-forest] .btn-action.secondary{background:#14301d99;color:#86efac;border:1px solid rgba(74,222,128,.25);box-shadow:0 4px 12px #00000026}[data-theme=matcha-forest] .btn-action.secondary:hover{background:#4ade8033;border-color:#4ade80;color:#fff}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:500px}.stat-card{padding:16px 20px}.stat-header{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500}.stat-value{font-family:var(--font-mono);font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-top:6px}.stat-unit{font-size:.9rem;font-weight:400;color:var(--text-tertiary)}.notes-hub-layout{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.folder-sidebar{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:10px}.folder-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px}.sidebar-title{font-size:.85rem;font-weight:700;letter-spacing:.06em;color:var(--text-tertiary)}.folder-add-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:2px}.folder-add-btn:hover{color:var(--text-primary)}.new-folder-form{display:flex;gap:4px;margin:4px 0}.new-folder-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border-active);color:var(--text-primary);font-size:.8rem;padding:4px 8px;border-radius:var(--radius-sm);outline:none}.new-folder-submit{background:var(--accent-primary);color:var(--accent-text);border:none;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer}.folder-list{display:flex;flex-direction:column;gap:3px}.folder-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .15s ease;text-align:left}.folder-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-item.active{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.folder-item.trash-item{color:var(--text-muted);margin-top:6px;border-top:1px solid var(--border-subtle);padding-top:10px}.folder-item-left{display:flex;align-items:center;gap:8px}.folder-count{font-family:var(--font-mono);font-size:.75rem;color:var(--text-tertiary)}.notes-main-area{display:flex;flex-direction:column;gap:18px}.notes-controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-bar-wrapper{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:8px 16px;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.search-bar-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 16px var(--accent-glow);background:var(--bg-tertiary)}.search-bar-wrapper .search-icon{color:var(--text-tertiary);flex-shrink:0;transition:color .2s ease}.search-bar-wrapper:focus-within .search-icon{color:var(--text-primary)}.notes-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.88rem;font-family:var(--font-sans)}.notes-search-input::placeholder{color:var(--text-muted)}.search-clear-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0}.search-clear-btn:hover{background:var(--accent-primary);color:var(--accent-text);border-color:var(--accent-primary);transform:scale(1.08)}.active-search-indicator{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px dashed var(--border-active);padding:8px 14px;border-radius:var(--radius-md);font-size:.82rem;color:var(--text-secondary);animation:fadeIn .2s ease}.active-search-indicator strong{color:var(--text-primary)}.active-search-indicator em{color:var(--accent-primary);font-style:normal;font-weight:600}.search-indicator-clear{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s ease}.search-indicator-clear:hover{background:var(--accent-primary);color:var(--accent-text)}.smart-tags-row{display:flex;gap:6px;flex-wrap:wrap}.smart-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.75rem;font-family:var(--font-mono);cursor:pointer;transition:all .2s ease}.smart-tag-pill:hover,.smart-tag-pill.active{border-color:var(--border-active);color:var(--text-primary);background:var(--bg-tertiary)}.spotlight-card,.note-card,.task-item-card,.stat-card{position:relative;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.spotlight-card:hover,.note-card:hover,.task-item-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.note-card{cursor:pointer;height:180px}.note-card.pinned{border-color:var(--border-active);box-shadow:0 0 15px var(--accent-glow)}.note-card.locked{border-color:#eab30866}[data-theme=retro-pixel] .spotlight-card,[data-theme=retro-pixel] .note-card,[data-theme=retro-pixel] .task-item-card,[data-theme=retro-pixel] .stat-card{border-radius:0!important;background:#1a0e38!important;border:2px solid #ffd700!important;box-shadow:4px 4px #000,6px 6px #070312!important;transition:transform .08s ease,box-shadow .08s ease}[data-theme=retro-pixel] .spotlight-card:hover,[data-theme=retro-pixel] .note-card:hover,[data-theme=retro-pixel] .task-item-card:hover{transform:translate(-2px,-2px);border-color:#0ff!important;box-shadow:6px 6px #000,0 0 15px #00ffff4d!important}[data-theme=retro-pixel] .note-card.pinned{border-color:#ff007f!important;box-shadow:4px 4px #ff007f,6px 6px #000!important}[data-theme=cyberpunk] .spotlight-card,[data-theme=cyberpunk] .note-card,[data-theme=cyberpunk] .task-item-card,[data-theme=cyberpunk] .stat-card{border-radius:0!important;background:#12121ce0!important;border:1px solid rgba(0,240,255,.4)!important;box-shadow:3px 3px #ff007f59,inset 0 0 15px #00f0ff0a!important;clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px)}[data-theme=cyberpunk] .spotlight-card:hover,[data-theme=cyberpunk] .note-card:hover,[data-theme=cyberpunk] .task-item-card:hover{border-color:#00f0ff!important;box-shadow:5px 5px #ff007f,0 0 20px #00f0ff66!important;transform:translate(-2px,-2px)}[data-theme=cyberpunk] .note-card.pinned{border-color:#ff007f!important;box-shadow:4px 4px #00f0ff,0 0 15px #ff007f80!important}[data-theme=scifi-hud] .spotlight-card,[data-theme=scifi-hud] .note-card,[data-theme=scifi-hud] .task-item-card,[data-theme=scifi-hud] .stat-card{border-radius:4px!important;background:#041209e6!important;border:1px solid rgba(34,197,94,.35)!important;box-shadow:inset 0 0 15px #22c55e14,0 4px 12px #0006!important}[data-theme=scifi-hud] .spotlight-card:hover,[data-theme=scifi-hud] .note-card:hover,[data-theme=scifi-hud] .task-item-card:hover{border-color:#22c55e!important;box-shadow:0 0 20px #22c55e59,inset 0 0 15px #22c55e26!important;transform:translateY(-2px)}[data-theme=scifi-hud] .note-card.pinned{border-color:#86efac!important;box-shadow:0 0 15px #22c55e80!important}[data-theme=matcha-forest] .spotlight-card,[data-theme=matcha-forest] .note-card,[data-theme=matcha-forest] .task-item-card,[data-theme=matcha-forest] .stat-card{border-radius:20px 8px!important;background:#122a19c7!important;border:1px solid rgba(74,222,128,.22)!important;box-shadow:0 8px 25px #052e1633,inset 0 1px 2px #ffffff40!important}[data-theme=matcha-forest] .spotlight-card:hover,[data-theme=matcha-forest] .note-card:hover,[data-theme=matcha-forest] .task-item-card:hover{border-color:#4ade80!important;box-shadow:0 12px 30px #052e164d,inset 0 2px 4px #fff6!important;transform:translateY(-2px)}[data-theme=haunted] .spotlight-card,[data-theme=haunted] .note-card,[data-theme=haunted] .task-item-card,[data-theme=haunted] .stat-card{border-radius:8px!important;background:#120306eb!important;border:1px solid rgba(239,68,68,.3)!important;box-shadow:0 0 20px #ef44441f,inset 0 0 15px #000c!important}[data-theme=haunted] .spotlight-card:hover,[data-theme=haunted] .note-card:hover,[data-theme=haunted] .task-item-card:hover{border-color:#ef4444!important;box-shadow:0 0 25px #ef444459,inset 0 0 20px #ff00001a!important;transform:translateY(-2px)}.note-card-inner{padding:16px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.note-title-wrapper{display:flex;align-items:center;gap:6px;overflow:hidden}.note-lock-badge{color:#eab308;flex-shrink:0}.note-card-title{font-size:.95rem;font-weight:600;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pin-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer}.pin-btn.active{color:var(--text-primary)}.note-card-snippet{font-size:.85rem;color:var(--text-secondary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.locked-note-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 0;color:var(--text-tertiary);font-size:.8rem;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.note-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--border-subtle)}.note-footer-meta{display:flex;align-items:center;gap:6px}.note-folder-tag{display:flex;align-items:center;gap:3px;font-size:.7rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 6px;border-radius:var(--radius-full)}.note-has-image-indicator{color:var(--text-tertiary);display:flex;align-items:center}.note-date{font-size:.7rem;color:var(--text-muted)}.note-footer-actions{display:flex;gap:4px}.note-icon-action{background:transparent;border:none;color:var(--text-muted);padding:4px;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s ease}.note-icon-action:hover{color:var(--text-primary);background:var(--bg-tertiary)}.note-icon-action.delete:hover{color:#ef4444}.note-icon-action.restore:hover{color:#22c55e}.sketch-modal-card{max-width:800px;height:640px}.sketch-header-left{display:flex;flex-direction:column}.sketch-subtitle{font-size:.75rem;color:var(--text-tertiary)}.sketch-canvas-container{flex:1;background:#18181b;position:relative;overflow:hidden;cursor:crosshair}[data-theme=light] .sketch-canvas-container{background:#f1f5f9}.sketch-canvas{width:100%;height:100%;display:block}.sketch-toolbar{display:flex;align-items:center;gap:8px;padding:10px 18px;background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.sketch-tool-group{display:flex;gap:4px}.sketch-tool-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer}.sketch-tool-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.sketch-tool-btn.active{background:var(--accent-primary);color:var(--accent-text);font-weight:600}.color-swatches{display:flex;gap:6px}.color-swatch-btn{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.color-swatch-btn.selected{border-color:var(--accent-primary);transform:scale(1.18)}.brush-slider-group{display:flex;align-items:center;gap:6px}.brush-label{font-size:.75rem;color:var(--text-tertiary)}.brush-range-slider{width:70px;height:4px;accent-color:var(--accent-primary);cursor:pointer}.sketch-actions-group{display:flex;gap:6px}.sketch-icon-btn,.sketch-text-btn{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:5px 8px;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer}.sketch-hint{font-size:.75rem;color:var(--text-tertiary)}.pin-modal-card{max-width:340px}.pin-modal-body{padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.pin-title{font-size:1.15rem;font-weight:700;text-align:center}.pin-subtitle{font-size:.8rem;color:var(--text-tertiary);text-align:center}.pin-dots-container{display:flex;gap:12px;margin:12px 0}.pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-focus);transition:all .2s ease}.pin-dot.filled{background-color:var(--accent-primary);border-color:var(--accent-primary)}.pin-dot.error{border-color:#ef4444;background-color:#ef4444}.pin-error-text{font-size:.8rem;color:#ef4444}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:6px}.keypad-btn{height:52px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.keypad-btn:hover{background:var(--border-active)}.keypad-btn.empty{background:transparent;border:none;cursor:default}.keypad-btn.backspace{font-size:1rem}.tasks-view,.notes-view{display:flex;flex-direction:column;gap:20px}.view-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.view-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--text-primary)}.view-subtitle{font-size:.85rem;color:var(--text-secondary);margin-top:2px}.task-counter-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:.8rem;font-family:var(--font-mono);color:var(--text-secondary)}.task-input-bar{display:flex;gap:10px;background:var(--bg-secondary);padding:8px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);flex-wrap:wrap}.input-group-main{flex:1;display:flex;align-items:center;gap:10px;min-width:280px}.task-main-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;padding:8px 12px;outline:none}.task-meta-selectors{display:flex;gap:6px}.task-select{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.8rem;padding:6px 10px;border-radius:var(--radius-sm);outline:none;cursor:pointer}.add-task-btn{padding:8px 18px}.task-filters-row,.notes-controls-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.status-tabs,.category-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tab,.cat-tab{padding:5px 12px;border-radius:var(--radius-full);background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s ease}.filter-tab:hover,.cat-tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-tab.active,.cat-tab.active{background:var(--bg-tertiary);border-color:var(--border-active);color:var(--text-primary);font-weight:500}.task-animated-list{display:flex;flex-direction:column;gap:10px}.task-item-card{padding:14px 18px}.task-item-card.completed{opacity:.55}.task-item-content{display:flex;align-items:center;gap:14px}.task-checkbox{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);padding:2px}.task-checkbox:hover{transform:scale(1.15);color:var(--text-primary)}.task-checkbox.checked{color:#22c55e}[data-theme=retro-pixel] .task-checkbox{color:gold}[data-theme=retro-pixel] .task-checkbox.checked{color:#0f6;filter:drop-shadow(0 0 6px #00ff66)}[data-theme=cyberpunk] .task-checkbox{color:#00f0ff80}[data-theme=cyberpunk] .task-checkbox.checked{color:#00f0ff;filter:drop-shadow(0 0 8px #00f0ff) drop-shadow(0 0 12px #ff007f)}[data-theme=scifi-hud] .task-checkbox{color:#22c55e66}[data-theme=scifi-hud] .task-checkbox.checked{color:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.6))}[data-theme=matcha-forest] .task-checkbox{color:#4ade8066}[data-theme=matcha-forest] .task-checkbox.checked{color:#4ade80;filter:drop-shadow(0 0 6px rgba(74,222,128,.5))}[data-theme=haunted] .task-checkbox{color:#ef444466}[data-theme=haunted] .task-checkbox.checked{color:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.7))}.task-main{flex:1;display:flex;flex-direction:column;gap:4px}.task-text{font-size:.95rem;color:var(--text-primary);cursor:text}.task-item-card.completed .task-text{text-decoration:line-through;color:var(--text-secondary)}.task-edit-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-focus);color:var(--text-primary);padding:4px 8px;font-size:.95rem;border-radius:var(--radius-sm);outline:none}.task-badges{display:flex;gap:6px;align-items:center}.priority-badge{font-size:.7rem;padding:1px 7px;border-radius:var(--radius-full);font-weight:500}.badge-high{background:var(--badge-high-bg);color:var(--badge-high-text)}.badge-medium{background:var(--badge-med-bg);color:var(--badge-med-text)}.badge-low{background:var(--badge-low-bg);color:var(--badge-low-text)}.category-badge{font-size:.7rem;color:var(--text-tertiary);background:var(--bg-tertiary);padding:1px 7px;border-radius:var(--radius-full)}.task-actions{display:flex;gap:4px}.task-action-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .2s ease}.task-action-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.task-action-btn.delete-btn:hover{color:#ef4444}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-active);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.note-modal-card{max-width:720px;height:600px}.settings-modal{max-width:520px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle);gap:12px}.modal-title{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.note-title-modal-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1.25rem;font-weight:700;outline:none}.modal-header-actions{display:flex;align-items:center;gap:8px}.editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px 16px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.toolbar-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.toolbar-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.toolbar-separator{width:1px;height:18px;background:var(--border-subtle);margin:0 4px}.rich-note-editor{flex:1;padding:20px;color:var(--text-primary);font-size:.95rem;line-height:1.6;outline:none;overflow-y:auto}.rich-note-editor:empty:before{content:attr(data-placeholder);color:var(--text-muted)}.checklist-row{display:flex;align-items:center;gap:8px;margin:4px 0}.note-table{width:100%;border-collapse:collapse;margin:12px 0;border:1px solid var(--border-subtle)}.note-table th,.note-table td{border:1px solid var(--border-subtle);padding:8px 12px;font-size:.85rem}.note-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.embedded-drawing,.embedded-image{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin:10px 0;display:block}.note-live-stats{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-tertiary);font-family:var(--font-mono)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.footer-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;margin-right:8px}.footer-btn:hover{color:var(--text-primary);border-color:var(--border-active)}.footer-btn.delete:hover{color:#ef4444;border-color:#ef444466}.fullscreen-zen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:200;display:flex;flex-direction:column;justify-content:space-between;padding:32px}.fullscreen-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:50}.zen-brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;letter-spacing:.15em;line-height:1;-webkit-user-select:none;user-select:none}.zen-symbol-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0}.zen-persistent-symbol{color:var(--accent-primary);filter:drop-shadow(0 0 10px var(--accent-glow));transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease;will-change:opacity,transform,filter}.zen-brand-text{display:flex;align-items:center;line-height:1}.fullscreen-center-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:600px;margin:0 auto;width:100%;position:relative;z-index:25}.zen-mode-tag{font-size:.85rem;font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-tertiary)}.zen-digits{font-family:var(--font-mono);font-size:5.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.04em;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease}.zen-digits:hover{transform:scale(1.02)}.zen-minimal-bar-container{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:10px;margin:14px 0 10px}.zen-minimal-bar-track{width:100%;height:6px;background:var(--border-subtle);border-radius:var(--radius-full);overflow:hidden;position:relative;box-shadow:inset 0 1px 3px #0006}.zen-minimal-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-hover, #38bdf8));border-radius:var(--radius-full);box-shadow:0 0 14px var(--accent-glow);transition:width .3s cubic-bezier(.16,1,.3,1)}.zen-minimal-bar-meta{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--text-muted);letter-spacing:.08em;opacity:.75}.zen-nasa-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.24;filter:saturate(1.35) brightness(.65);z-index:1;pointer-events:none;transition:opacity 1.2s ease;animation:nasaSubtleDrift 90s linear infinite alternate}@keyframes nasaSubtleDrift{0%{transform:scale(1) translate(0)}to{transform:scale(1.06) translate(-1%,-1%)}}.zen-weather-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-family:var(--font-mono);font-size:.76rem;color:var(--text-secondary);box-shadow:0 4px 16px #0000004d;transition:all .25s ease;-webkit-user-select:none;user-select:none}.zen-weather-pill:hover{background:#ffffff17;border-color:#ffffff38;color:var(--text-primary);transform:translateY(-1px)}.zen-weather-icon{font-size:.95rem;line-height:1}.zen-weather-temp{font-weight:700;color:var(--accent-primary)}.zen-weather-city{opacity:.75;font-size:.72rem;letter-spacing:.02em}.zen-quote-pill{display:flex;align-items:center;justify-content:center;gap:8px;max-width:520px;margin:6px auto 14px;padding:8px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-full);font-size:.8rem;font-style:italic;color:var(--text-secondary);text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 18px #00000040;line-height:1.4;-webkit-user-select:none;user-select:none}.zen-quote-spark{font-style:normal;font-size:.75rem;color:#facc15}.ambient-tiny-bubble.fact-bubble{border-color:#38bdf866;box-shadow:0 4px 20px #38bdf826}.tiny-topic-tag.fact-tag{background:#38bdf82e;color:#38bdf8;border:1px solid rgba(56,189,248,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.joke-bubble{border-color:#fbbf2473;box-shadow:0 4px 20px #fbbf242e}.tiny-topic-tag.joke-tag{background:#fbbf242e;color:#fbbf24;border:1px solid rgba(251,191,36,.38);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.wiki-bubble{border-color:#81d88f73;box-shadow:0 4px 20px #81d88f26}.tiny-topic-tag.wiki-tag{background:#81d88f26;color:#86efac;border:1px solid rgba(129,216,143,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.useless-bubble{border-color:#c494fb73;box-shadow:0 4px 20px #c494fb26}.tiny-topic-tag.useless-tag{background:#c494fb29;color:#c084fc;border:1px solid rgba(196,148,251,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.dadjoke-bubble{border-color:#fb923c73;box-shadow:0 4px 20px #fb923c26}.tiny-topic-tag.dadjoke-tag{background:#fb923c29;color:#fb923c;border:1px solid rgba(251,146,60,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.chuck-bubble{border-color:#f8717173;box-shadow:0 4px 20px #f8717126}.tiny-topic-tag.chuck-tag{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.trivia-bubble{border-color:#6366f173;box-shadow:0 4px 20px #6366f126}.tiny-topic-tag.trivia-tag{background:#6366f129;color:#818cf8;border:1px solid rgba(99,102,241,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.affirm-bubble{border-color:#f472b673;box-shadow:0 4px 20px #f472b626}.tiny-topic-tag.affirm-tag{background:#f472b626;color:#f472b6;border:1px solid rgba(244,114,182,.35);font-weight:700;letter-spacing:.06em}.ambient-tiny-bubble.zenq-bubble{border-color:#14b8a673;box-shadow:0 4px 20px #14b8a626}.tiny-topic-tag.zenq-tag{background:#14b8a626;color:#2dd4bf;border:1px solid rgba(20,184,166,.35);font-weight:700;letter-spacing:.06em}.auto-hide-element{transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.fullscreen-zen-overlay.zen-idle{cursor:none}.fullscreen-zen-overlay.zen-idle .auto-hide-element,.fullscreen-zen-overlay.zen-idle .ambient-status-badge,.fullscreen-zen-overlay.zen-idle.mode-work .ambient-universe-stage,.fullscreen-zen-overlay.zen-idle.mode-work .ambient-cluster-node{opacity:0!important;pointer-events:none!important;transform:translateY(6px)}.fullscreen-zen-overlay.zen-idle:not(.mode-work) .ambient-cluster-node{opacity:1!important;pointer-events:auto!important;transform:none!important}.fullscreen-zen-overlay.zen-idle .zen-controls{transform:translateY(8px)}.fullscreen-zen-overlay.zen-idle .zen-persistent-symbol{opacity:.22!important;filter:drop-shadow(0 0 16px var(--accent-glow)) brightness(.85);transform:scale(.95);pointer-events:none}.zen-subtle-scene-container{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:center;gap:12px;margin:12px 0 6px}.zen-subtle-bubble{position:relative;display:inline-flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:6px 14px 6px 10px;box-shadow:0 4px 16px #00000059;cursor:pointer;width:auto;min-width:90px;max-width:fit-content;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.zen-subtle-bubble:hover{border-color:var(--accent-primary);transform:translateY(-1px)}.bubble-speaker-avatar{font-size:1.1rem;line-height:1;flex-shrink:0}.bubble-text{font-size:.8rem;font-weight:500;line-height:1.35;color:var(--text-primary);letter-spacing:.01em}.zen-subtle-track-stage{position:relative;width:100%;height:44px;display:flex;align-items:center}.zen-progress-bar-container{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);box-shadow:inset 0 1px 3px #0009;position:relative;overflow:visible}.zen-progress-bar-fill{height:100%;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow);border-radius:var(--radius-full);transition:width 1s linear}.track-subtle-tick{position:absolute;top:28px;transform:translate(-50%);font-family:var(--font-mono);font-size:.6rem;font-weight:600;color:var(--text-muted);pointer-events:none;opacity:.7}.tick-25{left:25%}.tick-50{left:50%}.tick-75{left:75%}.zen-duo-companions{position:absolute;top:-16px;transform:translate(-50%);display:flex;align-items:center;gap:3px;cursor:pointer;z-index:10;transition:left 1s linear;-webkit-user-select:none;user-select:none}.duo-sprite{position:relative;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.duo-icon{font-size:1.65rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.talking-dot{position:absolute;top:-3px;right:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 6px var(--accent-primary);animation:talkPulse 1.2s infinite ease-in-out}@keyframes talkPulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.4)}}.track-finish-flag{position:absolute;right:-4px;top:10px;font-size:1.15rem;pointer-events:none;opacity:.85}.zen-subtle-crew-dots{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:2px}.subtle-dot-btn{width:24px;height:24px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-secondary);font-size:.85rem;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.65;transition:all .2s ease}.subtle-dot-btn:hover{opacity:1;border-color:var(--border-active);transform:scale(1.15)}.subtle-dot-btn.active{opacity:1;border-color:var(--accent-primary);background:var(--bg-elevated);transform:scale(1.2);box-shadow:0 0 8px var(--accent-glow)}.zen-quote-container{min-height:50px;text-align:center;margin:10px 0}.zen-quote-text{font-size:1.1rem;color:var(--text-secondary);font-style:italic;justify-content:center}.zen-controls{display:flex;gap:12px;margin-top:10px}.zen-main-btn{padding:14px 32px}.zen-reset-btn{padding:14px 18px}.mini-timer-pill{position:fixed;bottom:84px;right:24px;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-active);box-shadow:var(--shadow-md);border-radius:var(--radius-full);padding:6px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;z-index:45;transition:transform .2s ease}.mini-timer-pill:hover{transform:translateY(-2px)}.mini-timer-dot{width:7px;height:7px;border-radius:50%;background-color:#22c55e}.mini-timer-dot.pulse{animation:pulseGreen 1.5s infinite}@keyframes pulseGreen{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.mini-timer-mode{font-size:.75rem;color:var(--text-secondary);font-weight:500}.mini-timer-digits{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--text-primary)}.mini-timer-toggle{background:var(--bg-tertiary);border:none;color:var(--text-primary);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.settings-body{padding:20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.04em}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-field{display:flex;flex-direction:column;gap:4px}.setting-field label{font-size:.75rem;color:var(--text-tertiary)}.setting-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);font-size:.9rem;padding:8px 10px;border-radius:var(--radius-sm);outline:none}.settings-actions-group{display:flex;gap:8px;flex-wrap:wrap}.btn-setting-action{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:all .2s ease}.btn-setting-action:hover{border-color:var(--border-active)}.btn-setting-action.danger{color:#ef4444}.btn-setting-action.danger:hover{border-color:#ef444466}.about-text{font-size:.85rem;color:var(--text-secondary)}.about-version{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted)}.settings-footer{display:flex;justify-content:flex-end;padding-top:10px}.empty-state-card{padding:48px 24px;text-align:center;background:var(--bg-secondary);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{color:var(--text-muted)}.empty-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.empty-desc{font-size:.85rem;color:var(--text-secondary);max-width:360px}@media(max-width:768px){.notes-hub-layout{grid-template-columns:1fr}.folder-sidebar{display:none}.app-header{padding:12px 16px}.app-content-container{padding:16px 14px 110px}.timer-visualizer-container{width:240px;height:240px}.timer-digits{font-size:2.8rem}.zen-digits{font-size:3.8rem}.stats-row,.settings-grid{grid-template-columns:1fr}.dock-tab{padding:8px 12px;font-size:.8rem}.dock-label{display:none}}.notes-companion-banner{margin-bottom:8px;display:flex;justify-content:center}.editor-cognitive-bar{display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);padding:6px 16px;font-size:.8rem;color:var(--text-secondary)}.cognitive-badge{font-family:var(--font-mono);font-weight:700;color:#f59e0b}.cognitive-text strong{color:var(--text-primary)}.dynamic-island-dock-container{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:90;pointer-events:auto}.dynamic-island-island{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-md),var(--shadow-glow);transition:border-color .25s ease,box-shadow .25s ease;overflow:hidden}.dynamic-island-dock-container.is-expanded .dynamic-island-island{border-radius:var(--radius-lg);border-color:var(--border-active);background:var(--bg-elevated);box-shadow:var(--shadow-lg),0 0 35px var(--accent-glow)}.dynamic-island-collapsed{display:flex;align-items:center;gap:10px;padding:8px 14px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-sans);cursor:pointer;white-space:nowrap}.island-active-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary);animation:islandPulse 2.5s infinite ease-in-out;flex-shrink:0}@keyframes islandPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:1}}.island-collapsed-label{font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}.island-badge-hint{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.08em;background:var(--border-subtle);color:var(--text-tertiary);padding:2px 6px;border-radius:var(--radius-full)}.dynamic-island-expanded{width:210px;padding:12px;display:flex;flex-direction:column;gap:8px}.dynamic-island-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px 4px;border-bottom:1px solid var(--border-subtle)}.island-header-title{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--text-tertiary)}.island-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:2px;line-height:1;transition:color .15s ease}.island-close-btn:hover{color:var(--text-primary)}.dynamic-island-scroll-list{display:flex;flex-direction:column;gap:3px;max-height:55vh;overflow-y:auto;padding-right:2px}.dynamic-island-scroll-list::-webkit-scrollbar{width:4px}.dynamic-island-scroll-list::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:4px}.island-category-label{font-family:var(--font-mono);font-size:.63rem;font-weight:700;letter-spacing:.1em;color:var(--text-muted);padding:6px 8px 2px;text-transform:uppercase}.island-mode-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:.82rem;font-weight:500;cursor:pointer;text-align:left;transition:color .15s ease,transform .15s ease;-webkit-user-select:none;user-select:none;width:100%}.island-mode-item:hover{color:var(--text-primary);transform:translate(2px)}.island-mode-item.active-mode{color:var(--accent-text);font-weight:600}.island-mode-highlight{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-primary);border-radius:var(--radius-sm);z-index:0}.island-mode-dot{position:relative;z-index:1;width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:all .2s ease;flex-shrink:0}.island-mode-item:hover .island-mode-dot{background:var(--text-primary)}.island-mode-item.active-mode .island-mode-dot{background:var(--accent-text);box-shadow:0 0 6px var(--accent-text)}.island-mode-name{position:relative;z-index:1;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.dynamic-island-dock-container{right:14px;top:auto;bottom:84px;transform:none}.dynamic-island-expanded{width:190px}}.ambient-universe-stage{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.ambient-starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ambient-star{position:absolute;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffe6}.ambient-status-badge{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.64rem;font-weight:700;letter-spacing:.12em;color:var(--text-muted);background:var(--bg-elevated);padding:4px 14px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;box-shadow:0 4px 16px #0006}.ambient-pulse-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:islandPulse 2s infinite ease-in-out}.ambient-cluster-node{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;width:auto;max-width:230px;z-index:2;transition:transform .25s ease}.ambient-cluster-node:hover{transform:scale(1.05);z-index:5}.ambient-tiny-bubble{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;padding:6px 10px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 14px #00000073;width:fit-content;min-width:80px;max-width:260px;position:relative;text-align:left;box-sizing:border-box}.ambient-tiny-bubble:hover{border-color:var(--accent-primary)}.tiny-bubble-header{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:2px}.tiny-speaker-name{font-family:var(--font-display);font-size:.64rem;font-weight:700;color:var(--text-primary)}.tiny-topic-tag{font-family:var(--font-mono);font-size:.46rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);background:var(--border-subtle);padding:1px 3px;border-radius:var(--radius-full)}.tiny-topic-tag.trending-tag{color:#f59e0b;background:#f59e0b26;border:1px solid rgba(245,158,11,.35);font-weight:800}.ambient-tiny-bubble.trending-bubble{border-color:#f59e0b66;box-shadow:0 4px 18px #f59e0b33}.tiny-bubble-text{font-size:.67rem;line-height:1.35;color:var(--text-secondary);margin:0;white-space:normal;overflow:visible;word-break:break-word}.tiny-bubble-tail{position:absolute;bottom:-5px;width:8px;height:8px;background:var(--bg-elevated);border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);transform:rotate(45deg);transition:left .3s ease}.tiny-bubble-tail.tail-left{left:32%}.tiny-bubble-tail.tail-right{left:68%}.ambient-cluster-sprites{display:flex;align-items:center;gap:8px;margin-top:2px}.ambient-cluster-sprites.facing-pair{display:flex;align-items:center;justify-content:center;gap:6px}.sprite-icon.face-right{display:inline-block;transform:scaleX(1)}.sprite-icon.face-left{display:inline-block;transform:scaleX(-1)}.facing-gap-spark{font-size:.78rem;opacity:.6;animation:sparkPulse 2s infinite ease-in-out}@keyframes sparkPulse{0%,to{transform:scale(.9);opacity:.4}50%{transform:scale(1.25);opacity:.95}}.ambient-sprite{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px}.sprite-icon{font-size:1.25rem;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}.sprite-mini-badge{font-family:var(--font-mono);font-size:.52rem;font-weight:700;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 3px;border-radius:var(--radius-full)}.ambient-talking-flare{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary);animation:islandPulse 1.5s infinite ease-in-out}.zen-top-actions{display:flex;align-items:center;gap:8px}.zen-universe-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:700;cursor:pointer;transition:all .2s ease}.zen-universe-toggle-btn:hover{border-color:var(--border-active);color:var(--text-primary);transform:translateY(-1px)}.zen-universe-toggle-btn.active-universe{background:var(--accent-primary);color:var(--accent-text);border-color:var(--accent-primary);box-shadow:0 0 14px var(--accent-glow)}.fullscreen-zen-overlay{transition:background .6s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.zen-mode-aurora-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.85;transition:all .8s ease-in-out;z-index:0}.fullscreen-zen-overlay.zen-bg-auto.mode-work,.fullscreen-zen-overlay.mode-work:not([class*=zen-bg-]):not(.zen-bg-space):not(.zen-bg-forest):not(.zen-bg-sunset):not(.zen-bg-cafe):not(.zen-bg-oled){background:radial-gradient(circle at 50% 45%,#090e1a,#030712 65%,#02040a)!important}.fullscreen-zen-overlay.zen-bg-auto.mode-work .zen-mode-aurora-layer,.fullscreen-zen-overlay.mode-work .zen-mode-aurora-layer{background:radial-gradient(circle at 50% 50%,rgba(56,189,248,.09) 0%,rgba(14,165,233,.03) 45%,transparent 70%)}.fullscreen-zen-overlay.zen-bg-auto.mode-shortBreak,.fullscreen-zen-overlay.mode-shortBreak:not([class*=zen-bg-]):not(.zen-bg-space):not(.zen-bg-forest):not(.zen-bg-sunset):not(.zen-bg-cafe):not(.zen-bg-oled){background:radial-gradient(circle at 50% 40%,#06231a,#02140e 65%,#010b08)!important}.fullscreen-zen-overlay.zen-bg-auto.mode-shortBreak .zen-mode-aurora-layer,.fullscreen-zen-overlay.mode-shortBreak .zen-mode-aurora-layer{background:radial-gradient(circle at 50% 30%,rgba(52,211,153,.16) 0%,rgba(16,185,129,.06) 45%,transparent 75%)}.fullscreen-zen-overlay.zen-bg-auto.mode-longBreak,.fullscreen-zen-overlay.mode-longBreak:not([class*=zen-bg-]):not(.zen-bg-space):not(.zen-bg-forest):not(.zen-bg-sunset):not(.zen-bg-cafe):not(.zen-bg-oled){background:radial-gradient(circle at 50% 35%,#1e102d,#11071c 65%,#0a0312)!important}.fullscreen-zen-overlay.zen-bg-auto.mode-longBreak .zen-mode-aurora-layer,.fullscreen-zen-overlay.mode-longBreak .zen-mode-aurora-layer{background:radial-gradient(circle at 50% 45%,rgba(245,158,11,.12) 0%,rgba(168,85,247,.14) 40%,transparent 75%)}.fullscreen-zen-overlay.zen-bg-auto.mode-chill,.fullscreen-zen-overlay.mode-chill:not([class*=zen-bg-]):not(.zen-bg-space):not(.zen-bg-forest):not(.zen-bg-sunset):not(.zen-bg-cafe):not(.zen-bg-oled){background:radial-gradient(circle at 50% 30%,#160e29,#0d0a1c 55%,#04030a)!important}.fullscreen-zen-overlay.zen-bg-auto.mode-chill .zen-mode-aurora-layer,.fullscreen-zen-overlay.mode-chill .zen-mode-aurora-layer{background:radial-gradient(circle at 40% 30%,rgba(168,85,247,.2) 0%,rgba(56,189,248,.12) 40%,transparent 75%),radial-gradient(circle at 70% 60%,rgba(236,72,153,.12) 0%,transparent 60%)}.fullscreen-zen-overlay.zen-bg-space{background:radial-gradient(circle at 50% 25%,#180d2e,#0c0817 60%,#030206)!important}.fullscreen-zen-overlay.zen-bg-space .zen-mode-aurora-layer{background:radial-gradient(circle at 35% 35%,rgba(147,51,234,.25) 0%,rgba(59,130,246,.15) 50%,transparent 80%)}.fullscreen-zen-overlay.zen-bg-forest{background:radial-gradient(circle at 50% 30%,#0a2618,#05170e 60%,#020a06)!important}.fullscreen-zen-overlay.zen-bg-forest .zen-mode-aurora-layer{background:radial-gradient(circle at 50% 30%,rgba(34,197,94,.2) 0%,rgba(16,185,129,.08) 50%,transparent 80%)}.fullscreen-zen-overlay.zen-bg-sunset{background:radial-gradient(circle at 50% 35%,#2a101f,#170712 60%,#0a0208)!important}.fullscreen-zen-overlay.zen-bg-sunset .zen-mode-aurora-layer{background:radial-gradient(circle at 50% 40%,rgba(249,115,22,.2) 0%,rgba(236,72,153,.15) 50%,transparent 80%)}.fullscreen-zen-overlay.zen-bg-cafe{background:radial-gradient(circle at 50% 40%,#24140c,#150b06 60%,#0a0502)!important}.fullscreen-zen-overlay.zen-bg-cafe .zen-mode-aurora-layer{background:radial-gradient(circle at 50% 35%,rgba(217,119,6,.18) 0%,rgba(180,83,9,.08) 50%,transparent 80%)}.fullscreen-zen-overlay.zen-bg-oled{background:#000!important}.fullscreen-zen-overlay.zen-bg-oled .zen-mode-aurora-layer{display:none!important}.app-layout[data-timer-mode=shortBreak]{background:radial-gradient(circle at 50% 0%,rgba(16,185,129,.06) 0%,transparent 60%),var(--bg-primary)}.app-layout[data-timer-mode=longBreak]{background:radial-gradient(circle at 50% 0%,rgba(245,158,11,.06) 0%,rgba(168,85,247,.04) 40%,transparent 70%),var(--bg-primary)}.app-layout[data-timer-mode=chill]{background:radial-gradient(circle at 50% 0%,rgba(168,85,247,.08) 0%,rgba(56,189,248,.05) 40%,transparent 70%),var(--bg-primary)}.zen-top-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:50}.zen-control-pill-group{display:inline-flex;align-items:center;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:3px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 16px #00000059;gap:2px}.zen-top-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-mono);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.zen-top-pill-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.zen-top-pill-btn.custom-active{color:var(--accent-text);background:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow)}.zen-switch-pill-item{display:inline-flex;align-items:center;gap:8px;padding:2px 4px 2px 10px;border-radius:var(--radius-full)}.zen-switch-mini-label{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.zen-sparkle-icon{color:#38bdf8}.zen-top-pill-btn.active-universe{color:var(--accent-text);background:var(--accent-primary);box-shadow:0 0 12px var(--accent-glow)}.zen-active-dot{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;margin-left:2px}.zen-pill-divider{width:1px;height:16px;background:var(--border-subtle);margin:0 1px}.zen-close-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .2s ease}.zen-close-btn:hover{color:var(--text-primary);border-color:var(--border-active);transform:scale(1.05)}.retro-arcade-stage{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden;-webkit-user-select:none;user-select:none}.arcade-sprite-runner{position:absolute;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6));transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.arcade-sprite-runner:hover{transform:scale(1.25);filter:drop-shadow(0 0 12px #ffd700)}.pixel-chopper-wrapper{position:relative;display:inline-block}.chopper-rotor-blade{position:absolute;top:-2px;left:6px;width:38px;height:2px;background:#f8fafc;transform-origin:center;animation:rotorSpin .08s linear infinite}@keyframes rotorSpin{0%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.1);opacity:.4}to{transform:scaleX(1);opacity:.9}}.chopper-tail-rotor{animation:tailBlink .2s ease-in-out infinite alternate}@keyframes tailBlink{0%{opacity:.4}to{opacity:1}}.pixel-pacman-duo{display:flex;align-items:center;gap:8px}.pacman-jaw{transform-origin:8px 8px;animation:chompJaw .22s steps(2) infinite alternate}@keyframes chompJaw{0%{transform:scale(1)}to{transform:scale(0)}}.pacman-dot-stream{display:flex;gap:8px;margin-left:6px}.pacman-dot-stream .p-dot{width:4px;height:4px;background:#fde047;box-shadow:0 0 4px #fde047;animation:dotBlink .3s steps(2) infinite alternate}@keyframes dotBlink{0%{opacity:.3}to{opacity:1}}.contra-commando-container{position:relative;display:inline-block;transform:scaleX(-1)}.contra-muzzle-flash{animation:muzzleFlash .18s steps(2) infinite}@keyframes muzzleFlash{0%,to{opacity:0}50%{opacity:1;fill:#facc15}}.contra-laser-pellet{position:absolute;top:17px;right:-25px;width:14px;height:3px;background:#ef4444;box-shadow:0 0 8px #ef4444,0 0 14px #f59e0b;animation:laserPulse .6s linear infinite}@keyframes laserPulse{0%{transform:translate(0);opacity:1}to{transform:translate(80px);opacity:0}}.duck-wing{transform-origin:top center;animation:duckFlap .16s steps(2) infinite alternate}@keyframes duckFlap{0%{transform:scaleY(1)}to{transform:scaleY(-.7) translateY(-3px)}}.flappy-wing{transform-origin:top left;animation:birdFlap .18s steps(2) infinite alternate}@keyframes birdFlap{0%{transform:scaleY(1)}to{transform:scaleY(-.8) translateY(-2px)}}.kong-arm-left{transform-origin:top center;animation:kongLeftPound .4s steps(2) infinite alternate}.kong-arm-right{transform-origin:top center;animation:kongRightPound .4s steps(2) infinite alternate-reverse}@keyframes kongLeftPound{0%{transform:translateY(0)}to{transform:translateY(3px)}}@keyframes kongRightPound{0%{transform:translateY(0)}to{transform:translateY(3px)}}.dino-leg-left{animation:dinoLegA .16s steps(2) infinite alternate}.dino-leg-right{animation:dinoLegB .16s steps(2) infinite alternate}@keyframes dinoLegA{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes dinoLegB{0%{transform:translateY(-3px)}to{transform:translateY(0)}}.witty-fly-switch-container{display:inline-flex;align-items:center;justify-content:center;--hue: 220deg;--width: 4.8rem;--accent-hue: 22deg;--duration: .5s;--easing: cubic-bezier(.34, 1.56, .64, 1);-webkit-user-select:none;user-select:none}.witty-togglesw{display:none!important}.witty-switch{--shadow-offset: calc(var(--width) / 20);position:relative;cursor:pointer;display:flex;align-items:center;width:var(--width);height:calc(var(--width) / 2.3);border-radius:var(--width);box-shadow:inset 5px 5px 8px hsl(var(--hue) 20% 40% / 50%),inset -5px -5px 8px hsl(var(--hue) 20% 90% / 30%),0 2px 8px #0006;background:hsl(var(--hue) 20% 25%);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}.witty-indicator{position:absolute;width:38%;height:60%;transition:all var(--duration) var(--easing);box-shadow:inset 0 0 2px hsl(var(--hue) 20% 15% / 60%),inset 0 0 3px 2px hsl(var(--hue) 20% 15% / 60%),inset 0 0 5px 2px hsl(var(--hue) 20% 45% / 60%)}.witty-indicator.left{--hue: var(--accent-hue);overflow:hidden;left:8%;border-radius:100px 0 0 100px;background:linear-gradient(180deg,hsl(calc(var(--accent-hue) + 20deg) 95% 80%) 10%,hsl(calc(var(--accent-hue) + 20deg) 100% 60%) 30%,hsl(var(--accent-hue) 90% 50%) 60%,hsl(var(--accent-hue) 90% 60%) 75%,hsl(var(--accent-hue) 90% 50%))}.witty-indicator.left:after{content:"";position:absolute;opacity:.6;width:100%;height:100%}.witty-indicator.right{right:8%;border-radius:0 100px 100px 0;background-image:linear-gradient(180deg,hsl(var(--hue) 20% 95%),hsl(var(--hue) 20% 65%) 60%,hsl(var(--hue) 20% 70%) 70%,hsl(var(--hue) 20% 65%))}.witty-button{position:absolute;z-index:2;width:50%;height:80%;left:6%;border-radius:100px;background-image:linear-gradient(160deg,hsl(var(--hue) 20% 95%) 40%,hsl(var(--hue) 20% 65%) 70%);transition:all var(--duration) var(--easing);box-shadow:2px 2px 3px hsl(var(--hue) 18% 30% / 80%),2px 2px 6px hsl(var(--hue) 18% 30% / 40%),4px 8px 10px hsl(var(--hue) 18% 20% / 40%)}.witty-button:before,.witty-button:after{content:"";position:absolute;top:10%;width:41%;height:80%;border-radius:100%}.witty-button:before{left:5%;box-shadow:inset 1px 1px 2px hsl(var(--hue) 20% 85%);background-image:linear-gradient(-50deg,hsl(var(--hue) 20% 95%) 20%,hsl(var(--hue) 20% 85%) 80%)}.witty-button:after{right:5%;box-shadow:inset 1px 1px 3px hsl(var(--hue) 20% 70%);background-image:linear-gradient(-50deg,hsl(var(--hue) 20% 95%) 20%,hsl(var(--hue) 20% 75%) 80%)}.witty-togglesw:checked~.witty-button{left:44%}.witty-togglesw:not(:checked)~.witty-indicator.left,.witty-togglesw:checked~.witty-indicator.right{box-shadow:inset 0 0 5px hsl(var(--hue) 20% 15% / 100%),inset 10px 10px 8px hsl(var(--hue) 20% 15% / 100%),inset 10px 10px 12px hsl(var(--hue) 20% 45% / 100%);filter:brightness(.65)}.witty-togglesw:checked~.witty-indicator.left{filter:brightness(1.2);box-shadow:0 0 12px hsl(var(--accent-hue) 100% 60% / 80%),inset 0 0 4px #fff}.animated-checkbox-container{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;padding:2px}.animated-checkbox-container input{display:none!important}.animated-checkbox-svg{overflow:visible;display:block;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.animated-checkbox-container:hover .animated-checkbox-svg{transform:scale(1.12)}.animated-checkbox-container:active .animated-checkbox-svg{transform:scale(.95)}.animated-checkbox-path{fill:none;stroke:var(--text-tertiary);stroke-width:6.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke-dasharray .48s cubic-bezier(.34,1.56,.64,1),stroke-dashoffset .48s cubic-bezier(.34,1.56,.64,1),stroke .25s ease,filter .25s ease;stroke-dasharray:241 9999999;stroke-dashoffset:0}.animated-checkbox-container:hover .animated-checkbox-path{stroke:var(--text-primary)}.animated-checkbox-container input:checked~svg .animated-checkbox-path{stroke:#22c55e;stroke-dasharray:70.5096664428711 9999999;stroke-dashoffset:-262.2723388671875;filter:drop-shadow(0 0 6px rgba(34,197,94,.6))}[data-theme=retro-pixel] .animated-checkbox-path{stroke:gold;stroke-width:8}[data-theme=retro-pixel] .animated-checkbox-container input:checked~svg .animated-checkbox-path{stroke:#0f6;filter:drop-shadow(0 0 8px #00ff66) drop-shadow(0 0 14px #ffd700)}[data-theme=cyberpunk] .animated-checkbox-path{stroke:#00f0ff80}[data-theme=cyberpunk] .animated-checkbox-container input:checked~svg .animated-checkbox-path{stroke:#00f0ff;filter:drop-shadow(0 0 8px #00f0ff) drop-shadow(0 0 14px #ff007f)}[data-theme=scifi-hud] .animated-checkbox-path{stroke:#22c55e73}[data-theme=scifi-hud] .animated-checkbox-container input:checked~svg .animated-checkbox-path{stroke:#22c55e;filter:drop-shadow(0 0 8px rgba(34,197,94,.7))}[data-theme=matcha-forest] .animated-checkbox-path{stroke:#4ade8073}[data-theme=matcha-forest] .animated-checkbox-container input:checked~svg .animated-checkbox-path{stroke:#4ade80;filter:drop-shadow(0 0 8px rgba(74,222,128,.6))}[data-theme=haunted] .animated-checkbox-path{stroke:#ef444473}[data-theme=haunted] .animated-checkbox-container input:checked~svg .animated-checkbox-path{stroke:#ef4444;filter:drop-shadow(0 0 10px rgba(239,68,68,.8))}.tokyo-drift-matrix-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background-color:#05050a}.jp-matrix{width:100%;height:100%;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));grid-auto-rows:36px;font-size:26px;color:#0096ff4d;font-family:Courier New,Courier,monospace;justify-content:center;align-content:center;opacity:.85}.jp-matrix>span{text-align:center;text-shadow:0 0 5px rgba(0,150,255,.5);-webkit-user-select:none;user-select:none;transition:color .5s,text-shadow .5s;line-height:1}.jp-matrix>span:nth-child(19n+2){animation:jp-smooth-pulse 3.5s ease-in-out infinite .2s}.jp-matrix>span:nth-child(29n+1){animation:jp-smooth-pulse 4.1s ease-in-out infinite .7s}.jp-matrix>span:nth-child(11n){color:#64c8ffb3;animation:jp-smooth-pulse 2.9s ease-in-out infinite 1.1s}.jp-matrix>span:nth-child(37n+10){animation:jp-smooth-pulse 5.3s ease-in-out infinite 1.5s}.jp-matrix>span:nth-child(41n+1){animation:jp-smooth-pulse 3.9s ease-in-out infinite .4s}.jp-matrix>span:nth-child(17n+9){animation:jp-smooth-pulse 2.8s ease-in-out infinite .9s}.jp-matrix>span:nth-child(23n+18){animation:jp-smooth-pulse 4.3s ease-in-out infinite 1.3s}.jp-matrix>span:nth-child(31n+4){animation:jp-smooth-pulse 5.6s ease-in-out infinite .1s}.jp-matrix>span:nth-child(43n+20){animation:jp-smooth-pulse 3.6s ease-in-out infinite 1.8s}.jp-matrix>span:nth-child(13n+6){animation:jp-smooth-pulse 3.2s ease-in-out infinite 1.2s}.jp-matrix>span:nth-child(53n+5){animation:jp-smooth-pulse 4.9s ease-in-out infinite .5s}.jp-matrix>span:nth-child(47n+15){animation:jp-smooth-pulse 5.9s ease-in-out infinite 1s}@keyframes jp-smooth-pulse{0%,to{color:#0096ff59;text-shadow:0 0 5px rgba(0,150,255,.5)}30%{color:#64c8ff;text-shadow:0 0 10px rgba(100,200,255,1),0 0 15px rgba(100,200,255,1)}50%{color:#ff69b4;text-shadow:0 0 12px rgba(255,105,180,1),0 0 20px rgba(255,105,180,1)}70%{color:#fff;text-shadow:0 0 10px #fff,0 0 18px #00f0ff,0 0 24px #ff007f}}