*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #09090F;--bg2: #0D0D1A;--surface: #131320;--surface2: #1C1C2E;--surface3: #232336;--card: #131320;--card2: #1C1C2E;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--inactive-border: rgba(255, 255, 255, .1);--drag-handle: rgba(255, 255, 255, .2);--modal-overlay: rgba(0, 0, 0, .75);--accent: #7C3AED;--accent-dark: #5B21B6;--accent-light: #A78BFA;--accent-dim: color-mix(in srgb, var(--accent-light) 12%, transparent);--accent-glow: color-mix(in srgb, var(--accent) 22%, transparent);--accent-wash: color-mix(in srgb, var(--accent) 16%, transparent);--accent-strong: color-mix(in srgb, var(--accent) 24%, transparent);--accent-active: color-mix(in srgb, var(--accent-light) 20%, transparent);--accent-border: color-mix(in srgb, var(--accent-light) 45%, transparent);--text: #F2F0FA;--text1: #F2F0FA;--text2: #8A879E;--text3: #46445E;--watching: #3B82F6;--completed: #10B981;--plan: #F59E0B;--dropped: #EF4444;--glass: rgba(9, 9, 15, .62);--glass-blur: blur(32px) saturate(200%);--tabbar-space: calc(env(safe-area-inset-bottom) + 116px) ;--nav-bg: rgba(28, 28, 46, .8);--nav-border: rgba(255, 255, 255, .08);--nav-active: rgba(255, 255, 255, .1);--nav-idle: #B4B1C8;--primary-bg: #F2F0FA;--primary-fg: #09090F}@media (prefers-color-scheme: light){:root{--bg: #F7F6FF;--bg2: #F0EFFE;--surface: #FFFFFF;--surface2: #F4F2FF;--surface3: #EAE7FF;--card: #FFFFFF;--card2: #F4F2FF;--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .13);--inactive-border: rgba(0, 0, 0, .1);--drag-handle: rgba(0, 0, 0, .12);--modal-overlay: rgba(0, 0, 0, .55);--text: #0F0D1E;--text1: #0F0D1E;--text2: #5C587A;--text3: #9B97B4;--glass: rgba(247, 246, 255, .72);--nav-bg: rgba(255, 255, 255, .82);--nav-border: rgba(0, 0, 0, .08);--nav-active: color-mix(in srgb, var(--accent) 10%, transparent);--nav-idle: #5C587A;--primary-bg: #0F0D1E;--primary-fg: #F7F6FF;--accent-light: #6D28D9}}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{background:var(--bg)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;color:inherit;background:none;border:none;outline:none}a{text-decoration:none;color:inherit}img{display:block}::-webkit-scrollbar{display:none}*{-webkit-tap-highlight-color:transparent;scrollbar-width:none}.app-shell{max-width:480px;margin:0 auto}.content-capped{max-width:100%;margin:0 auto}.grid-2up{grid-template-columns:1fr 1fr}@media (min-width: 900px) and (pointer: fine){.app-shell{max-width:760px}.content-capped{max-width:640px}.grid-2up{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px) and (pointer: fine) and (prefers-color-scheme: light){:root{--accent-glow: color-mix(in srgb, var(--accent) 10%, transparent);--accent-dim: color-mix(in srgb, var(--accent-light) 7%, transparent)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:none;opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes badgeFloat{0%{transform:translateY(0) rotate(-4deg)}30%{transform:translateY(-10px) rotate(2deg)}60%{transform:translateY(-6px) rotate(4deg)}to{transform:translateY(0) rotate(-4deg)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}