:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Code","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Code","Droid Sans Mono","Courier New",monospace;--brand-purple:#972ffa;--selection-share:#3885f8;--primary-color:#6366f1;--primary-hover:#5855eb;--primary-dark:#4f46e5;--secondary-color:#64748b;--accent-color:#8b5cf6;--accent-dark:#7c3aed;--success-color:#10b981;--success-dark:#059669;--warning-color:#f59e0b;--warning-dark:#d97706;--error-color:#ef4444;--error-dark:#dc2626;--info-color:#6366f1;--info-dark:#5855eb;--white:#fff;--black:#000;--transparent:transparent;--background-primary:#0f172a;--background-secondary:#1e293b;--background-tertiary:#334155;--surface-dark:#1e293b;--surface-light:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-hint:#475569;--text-on-primary:#fff;--text-on-dark:#fff;--text-on-light:#000;--border-primary:#334155;--border-secondary:#475569;--border-accent:#6366f1;--overlay-dark:#000c;--overlay-light:#ffffff1a;--overlay-medium:#fff3;--backdrop-header:#1e293bf2;--gradient-overlay-primary:#6366f11a;--gradient-overlay-auth:#6366f10d;--hover-overlay:#ffffff1a;--active-overlay:#fff3;--focus-outline:#6366f1;--disabled-opacity:.6;--error-background:#ef44441a;--error-shadow:#ef44444d;--shadow-color:#0000004d;--shadow-color-md:#0006;--shadow-color-lg:#00000080;--shadow-color-xl:#0009;--shadow-sm:0 1px 2px 0 var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color-md),0 2px 4px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color-lg),0 4px 6px -2px var(--shadow-color-md);--shadow-xl:0 20px 25px -5px var(--shadow-color-xl),0 10px 10px -5px var(--shadow-color-md);--foreground-rgb:241,245,249;--background-start-rgb:15,23,42;--background-end-rgb:30,41,59;--playlist-item-background-color:var(--surface-dark);--playlist-item-background-color-hover:var(--surface-light);--playlist-item-background-color-active:var(--primary-dark);--playlist-item-text-color:var(--text-secondary);--playlist-item-text-hover-color:var(--text-primary);--playlist-item-text-active-color:var(--text-on-primary);--playlist-item-icon-color:var(--text-muted);--playlist-item-icon-hover-color:var(--text-secondary);--playlist-item-icon-active-color:var(--text-on-primary);--phone-bezel-color:var(--surface-dark);--phone-mockup-glow:#6366f126;--hero-background-image:url(/images/hero-default.png);--mono-btn-bg:#00000073;--mono-btn-bg-hover:#000000a6;--mono-btn-bg-active:var(--white);--mono-btn-border:#ffffff40;--mono-btn-border-hover:#ffffff80;--mono-btn-border-active:#ffffffe6;--mono-btn-icon:#ffffffb3;--mono-btn-icon-hover:var(--white);--mono-btn-icon-active:var(--black);--mono-arrow:#ffffff40;--mono-arrow-hover:#ffffff80;--mono-arrow-active:#ffffffe6;--mono-popover-bg:#0a0a0ae6;--mono-popover-border:#ffffff21;--mono-popover-shadow:0 8px 32px #0000008c;--mono-popover-text:var(--white);--mono-title-color:#ffffff73;--mono-close-bg:#ffffff14;--mono-close-bg-hover:#ffffff2e;--mono-close-icon:#ffffff80;--mono-close-icon-hover:var(--white)}[data-theme=light]{--brand-purple:#972ffa;--selection-share:#3885f8;--primary-color:#6366f1;--primary-hover:#5855eb;--primary-dark:#4f46e5;--secondary-color:#64748b;--accent-color:#8b5cf6;--accent-dark:#7c3aed;--success-color:#10b981;--success-dark:#059669;--warning-color:#f59e0b;--warning-dark:#d97706;--error-color:#ef4444;--error-dark:#dc2626;--info-color:#6366f1;--info-dark:#5855eb;--background-primary:#fff;--background-secondary:#f8fafc;--background-tertiary:#f1f5f9;--surface-dark:#f1f5f9;--surface-light:#fff;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-hint:#94a3b8;--text-on-primary:#fff;--text-on-dark:#fff;--text-on-light:#0f172a;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-accent:#6366f1;--overlay-dark:#00000080;--overlay-light:#0000000d;--overlay-medium:#0000001a;--backdrop-header:#f8fafcf2;--gradient-overlay-primary:#6366f10d;--gradient-overlay-auth:#6366f105;--hover-overlay:#0000000d;--active-overlay:#0000001a;--focus-outline:#6366f1;--disabled-opacity:.5;--error-background:#ef444414;--error-shadow:#ef444433;--shadow-color:#00000014;--shadow-color-md:#0000001f;--shadow-color-lg:#00000029;--shadow-color-xl:#0003;--shadow-sm:0 1px 3px 0 var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color-md),0 2px 4px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color-lg),0 4px 6px -2px var(--shadow-color-md);--shadow-xl:0 20px 25px -5px var(--shadow-color-xl),0 10px 10px -5px var(--shadow-color-md);--foreground-rgb:15,23,42;--background-start-rgb:255,255,255;--background-end-rgb:248,250,252;--playlist-item-background-color:var(--surface-dark);--playlist-item-background-color-hover:var(--background-tertiary);--playlist-item-background-color-active:var(--primary-dark);--playlist-item-text-color:var(--text-secondary);--playlist-item-text-hover-color:var(--text-primary);--playlist-item-text-active-color:var(--text-on-primary);--playlist-item-icon-color:var(--text-muted);--playlist-item-icon-hover-color:var(--text-secondary);--playlist-item-icon-active-color:var(--text-on-primary);--phone-bezel-color:var(--background-tertiary);--phone-mockup-glow:#6366f133;--hero-background-image:url(/images/hero-light.png)}[data-theme=monochrome]{--brand-purple:#972ffa;--selection-share:#3885f8;--primary-color:#fff;--primary-hover:#d4d4d4;--primary-dark:#a3a3a3;--secondary-color:#737373;--accent-color:#a78bfa;--accent-dark:#8b5cf6;--success-color:#22c55e;--success-dark:#16a34a;--warning-color:#f5a623;--warning-dark:#d97706;--error-color:#ef4444;--error-dark:#dc2626;--info-color:#60a5fa;--info-dark:#3b82f6;--background-primary:#000;--background-secondary:#0a0a0a;--background-tertiary:#141414;--surface-dark:#0d0d0d;--surface-light:#1a1a1a;--text-primary:#fff;--text-secondary:#a3a3a3;--text-muted:#666;--text-hint:#525252;--text-on-primary:#000;--text-on-dark:#fff;--text-on-light:#000;--border-primary:#262626;--border-secondary:#404040;--border-accent:#fff;--overlay-dark:#000000d9;--overlay-light:#ffffff14;--overlay-medium:#ffffff1f;--backdrop-header:#000000eb;--gradient-overlay-primary:#ffffff0a;--gradient-overlay-auth:#ffffff05;--hover-overlay:#ffffff14;--active-overlay:#ffffff24;--focus-outline:#a78bfa;--disabled-opacity:.4;--error-background:#ef44441a;--error-shadow:#ef44444d;--shadow-color:#0009;--shadow-color-md:#000000b3;--shadow-color-lg:#000c;--shadow-color-xl:#000000e6;--shadow-sm:0 2px 4px #0009;--shadow-md:0 4px 8px #000000b3;--shadow-lg:0 8px 16px #000c;--shadow-xl:0 12px 24px #000000e6;--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:10,10,10;--playlist-item-background-color:var(--surface-dark);--playlist-item-background-color-hover:var(--surface-light);--playlist-item-background-color-active:var(--surface-light);--playlist-item-text-color:var(--text-secondary);--playlist-item-text-hover-color:var(--text-primary);--playlist-item-text-active-color:var(--text-primary);--playlist-item-icon-color:var(--text-muted);--playlist-item-icon-hover-color:var(--text-secondary);--playlist-item-icon-active-color:var(--text-primary);--phone-bezel-color:#0d0d0d;--phone-mockup-glow:#ffffff14;--hero-background-image:url(/images/hero-monochrome.png)}[data-theme=custom]{--theme-placeholder:custom}[data-theme=dark]{--brand-purple:#972ffa;--selection-share:#3885f8;--primary-color:#6366f1;--primary-hover:#818cf8;--primary-dark:#4f46e5;--secondary-color:#64748b;--accent-color:#a78bfa;--accent-dark:#8b5cf6;--success-color:#22c55e;--success-dark:#16a34a;--warning-color:#fbbf24;--warning-dark:#f59e0b;--error-color:#f87171;--error-dark:#ef4444;--info-color:#60a5fa;--info-dark:#3b82f6;--background-primary:#000;--background-secondary:#0d1117;--background-tertiary:#161b22;--surface-dark:#0d1117;--surface-light:#21262d;--text-primary:#fff;--text-secondary:#8b949e;--text-muted:#586069;--text-hint:#3d444d;--text-on-primary:#fff;--text-on-dark:#fff;--text-on-light:#000;--border-primary:#21262d;--border-secondary:#30363d;--border-accent:#6366f1;--overlay-dark:#000000e6;--overlay-light:#ffffff26;--overlay-medium:#ffffff40;--backdrop-header:#0d1117fa;--gradient-overlay-primary:#6366f11f;--gradient-overlay-auth:#6366f114;--hover-overlay:#ffffff1f;--active-overlay:#fff3;--focus-outline:#818cf8;--disabled-opacity:.4;--error-background:#f871711f;--error-shadow:#f8717159;--shadow-color:#0009;--shadow-color-md:#000000b3;--shadow-color-lg:#000c;--shadow-color-xl:#000000e6;--shadow-sm:0 1px 2px 0 var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color-md),0 2px 4px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color-lg),0 4px 6px -2px var(--shadow-color-md);--shadow-xl:0 20px 25px -5px var(--shadow-color-xl),0 10px 10px -5px var(--shadow-color-md);--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:13,17,23;--playlist-item-background-color:var(--surface-dark);--playlist-item-background-color-hover:var(--surface-light);--playlist-item-background-color-active:var(--primary-dark);--playlist-item-text-color:var(--text-secondary);--playlist-item-text-hover-color:var(--text-primary);--playlist-item-text-active-color:var(--text-on-primary);--playlist-item-icon-color:var(--text-muted);--playlist-item-icon-hover-color:var(--text-secondary);--playlist-item-icon-active-color:var(--text-on-primary);--phone-bezel-color:var(--surface-dark);--phone-mockup-glow:#6366f133;--hero-background-image:url(/images/hero-dark.png)}[data-theme=default]{--brand-purple:#972ffa;--selection-share:#3885f8;--primary-color:#6366f1;--primary-hover:#5855eb;--primary-dark:#4f46e5;--secondary-color:#64748b;--accent-color:#8b5cf6;--accent-dark:#7c3aed;--success-color:#10b981;--success-dark:#059669;--warning-color:#f59e0b;--warning-dark:#d97706;--error-color:#ef4444;--error-dark:#dc2626;--info-color:#6366f1;--info-dark:#5855eb;--white:#fff;--black:#000;--transparent:transparent;--background-primary:#0f172a;--background-secondary:#1e293b;--background-tertiary:#334155;--surface-dark:#1e293b;--surface-light:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-hint:#475569;--text-on-primary:#fff;--text-on-dark:#fff;--text-on-light:#000;--border-primary:#334155;--border-secondary:#475569;--border-accent:#6366f1;--overlay-dark:#000c;--overlay-light:#ffffff1a;--overlay-medium:#fff3;--backdrop-header:#1e293bf2;--gradient-overlay-primary:#6366f11a;--gradient-overlay-auth:#6366f10d;--hover-overlay:#ffffff1a;--active-overlay:#fff3;--focus-outline:#6366f1;--disabled-opacity:.6;--error-background:#ef44441a;--error-shadow:#ef44444d;--shadow-color:#0000004d;--shadow-color-md:#0006;--shadow-color-lg:#00000080;--shadow-color-xl:#0009;--shadow-sm:0 1px 2px 0 var(--shadow-color);--shadow-md:0 4px 6px -1px var(--shadow-color-md),0 2px 4px -1px var(--shadow-color);--shadow-lg:0 10px 15px -3px var(--shadow-color-lg),0 4px 6px -2px var(--shadow-color-md);--shadow-xl:0 20px 25px -5px var(--shadow-color-xl),0 10px 10px -5px var(--shadow-color-md);--foreground-rgb:241,245,249;--background-start-rgb:15,23,42;--background-end-rgb:30,41,59;--phone-bezel-color:var(--surface-dark);--phone-mockup-glow:#6366f126;--playlist-item-background-color:var(--surface-dark);--playlist-item-background-color-hover:var(--surface-light);--playlist-item-background-color-active:var(--primary-dark);--playlist-item-text-color:var(--text-secondary);--playlist-item-text-hover-color:var(--text-primary);--playlist-item-text-active-color:var(--text-on-primary);--playlist-item-icon-color:var(--text-muted);--playlist-item-icon-hover-color:var(--text-secondary);--playlist-item-icon-active-color:var(--text-on-primary);--hero-background-image:url(/images/hero-default.png)}@media (prefers-color-scheme:light){:root{--foreground-rgb:241,245,249;--background-start-rgb:15,23,42;--background-end-rgb:30,41,59}}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--background-primary);overflow-x:clip}body{max-width:100vw;font-family:var(--font-geist-sans),Roboto,sans-serif;color:rgb(var(--foreground-rgb));background:linear-gradient(135deg,var(--background-primary)0%,var(--background-secondary)100%);min-height:100dvh;line-height:1.6;overflow-x:clip}a{color:inherit;text-decoration:none}*{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}@media (pointer:fine) and (hover:hover){::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}}@media (pointer:coarse),(hover:none){*{scrollbar-width:thin;scrollbar-color:var(--border-secondary)transparent}::-webkit-scrollbar{background:0 0;width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-hint);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}