*,*: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: rgba(167, 139, 250, .12);--accent-glow: rgba(124, 58, 237, .22);--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) + 92px) }@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)}}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:radial-gradient(circle 220px at 88% 6%,rgba(124,58,237,.13) 0%,transparent 100%),radial-gradient(circle 300px at -5% 82%,rgba(124,58,237,.1) 0%,transparent 100%),radial-gradient(circle 160px at 95% 52%,rgba(167,139,250,.08) 0%,transparent 100%),radial-gradient(circle 140px at 18% 38%,rgba(124,58,237,.06) 0%,transparent 100%),radial-gradient(circle 180px at 60% 90%,rgba(124,58,237,.07) 0%,transparent 100%),radial-gradient(ellipse 80% 40% at 50% -10%,rgba(124,58,237,.09) 0%,transparent 70%),var(--bg)}@media (prefers-color-scheme: light){#root{background:radial-gradient(circle 220px at 88% 6%,rgba(124,58,237,.07) 0%,transparent 100%),radial-gradient(circle 300px at -5% 82%,rgba(124,58,237,.06) 0%,transparent 100%),radial-gradient(circle 160px at 95% 52%,rgba(167,139,250,.05) 0%,transparent 100%),radial-gradient(ellipse 80% 40% at 50% -10%,rgba(124,58,237,.05) 0%,transparent 70%),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: rgba(124, 58, 237, .1);--accent-dim: rgba(167, 139, 250, .07)}}@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}}