*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}#root{width:100%;overflow-x:hidden}:root{--golden-hour:#f5a623;--cinnabar:#e84c3d;--midnight:#1a1a2e;--ink:#0d0d0d;--ash:#6b7280;--silver:#d1d5db;--fog:#f3f4f6;--white:#fff;--border:#e5e7eb;--radius:12px;--card-bg:#fff;--bottom-nav-height:64px}[data-theme=dark]{--ink:#f0f0f0;--ash:#9a9a9a;--fog:#141414;--white:#1e1e1e;--border:#2e2e2e;--card-bg:#1e1e1e;--silver:#3a3a3a}body{background:var(--fog);color:var(--ink);min-height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;transition:background .2s,color .2s}button{cursor:pointer;font-family:inherit}input,textarea,select{color:var(--ink);font-family:inherit}a{color:inherit;text-decoration:none}input:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0px 1000px var(--fog) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0px 1000px var(--fog) inset;transition:background-color 5000s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0px 1000px var(--fog) inset;transition:background-color 5000s ease-in-out}::placeholder{color:var(--ash);opacity:1}.bottom-nav{height:var(--bottom-nav-height);background:var(--white);border-top:1px solid var(--border);z-index:50;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-btn{cursor:pointer;color:var(--ash);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:8px 0;display:flex}.bottom-nav-btn.active{color:var(--golden-hour)}.bottom-nav-btn .icon{font-size:20px}.bottom-nav-btn .label{font-size:10px;font-weight:600}.desktop-nav-items{align-items:center;gap:8px;display:flex}@media (width<=640px){.bottom-nav{display:flex}main{padding-bottom:var(--bottom-nav-height)}.desktop-nav-items{display:none}.mobile-hidden{display:none!important}.mobile-bell{display:flex!important}.hero-sub{text-align:left!important;font-size:16px!important}.hero-headline{font-size:30px!important}.filter-advanced{display:none!important}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--fog) 50%, var(--border) 75%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite shimmer}@keyframes revealPop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.take-reveal{animation:.35s cubic-bezier(.34,1.56,.64,1) forwards revealPop}.nav-page-btn{transition:color .15s}.nav-page-btn:hover{color:#fffc!important}.rec-card{transition:border-color .15s}.rec-card:hover{border-color:#f5a6234d}.btn-golden{transition:filter .12s}.btn-golden:hover:not(:disabled){filter:brightness(1.07)}.btn-watch{transition:opacity .12s}.btn-watch:hover:not(:disabled){opacity:.88}.filter-pill{transition:border-color .12s,color .12s}.filter-pill:hover:not(.pill-active){color:var(--ink);border-color:#f5a62366}.friend-row-item{border-radius:8px;margin:0 -8px;transition:background .12s;padding-left:8px!important;padding-right:8px!important}.friend-row-item:hover{background:var(--fog)}.remove-btn{transition:border-color .12s,color .12s}.remove-btn:hover{border-color:var(--cinnabar)!important;color:var(--cinnabar)!important}.mobile-bell{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:8px;align-items:center;padding:8px;display:none;position:relative}