:root{--c-movies: #ff3b30;--c-shows: #0a84ff;--c-youtube: #ff2d55;--c-music: #32d75a;--c-favorites: #ff9500;--c-videos: #5e5ce6;--c-playlists: #af52de;--c-books: #ff9f0a;--c-generic: #8e8e93;--pro-gold: #ffce29;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--maxw: 1280px;--shadow-tile: 0 3px 8px rgba(0, 0, 0, .14);--shadow-card: 0 12px 26px rgba(0, 0, 0, .12);--shadow-elevated: 0 10px 30px rgba(0, 0, 0, .2)}html[data-theme=jelly]{--brand: #6c5ce7;--brand-2: #e84393;--surface-base: #fafaf8;--surface-elevated: #fdfdfb;--surface-inset: #f4f5f8;--ink: #1c1c22;--ink-secondary: rgba(28, 28, 34, .56);--stroke-soft: rgba(0, 0, 0, .06);--stroke-strong: rgba(0, 0, 0, .12);--divider: rgba(0, 0, 0, .08);--surface-glass: rgba(255, 255, 255, .76);--surface-glass-strong: rgba(255, 255, 255, .9);--page-bg: linear-gradient(150deg, #ebf0ff 0%, #e6dbfc 50%, #fae1fa 100%);--topbar-bg: linear-gradient(135deg, #6c5ce7 0%, #e84393 100%)}html[data-theme=jelly][data-mode=dark]{--surface-base: #1e2026;--surface-elevated: #26282f;--surface-inset: #30323a;--ink: #f4f4f7;--ink-secondary: rgba(255, 255, 255, .58);--stroke-soft: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .18);--divider: rgba(255, 255, 255, .1);--surface-glass: rgba(255, 255, 255, .12);--surface-glass-strong: rgba(255, 255, 255, .17);--page-bg: linear-gradient(150deg, #17142099 0%, #1e1830 55%, #241a2e 100%), #14121b}html[data-theme=ocean]{--brand: #2982f2;--brand-2: #57c7ff;--surface-base: #f4fafd;--surface-elevated: #f8fcfe;--surface-inset: #eaf2f8;--ink: #14202a;--ink-secondary: rgba(20, 32, 42, .56);--stroke-soft: rgba(0, 0, 0, .06);--stroke-strong: rgba(0, 0, 0, .12);--divider: rgba(0, 0, 0, .08);--surface-glass: rgba(255, 255, 255, .76);--surface-glass-strong: rgba(255, 255, 255, .9);--page-bg: linear-gradient(150deg, #e0f5ff 0%, #c7e8fc 50%, #c7defa 100%);--topbar-bg: linear-gradient(135deg, #2982f2 0%, #57c7ff 100%)}html[data-theme=ocean][data-mode=dark]{--surface-base: #182128;--surface-elevated: #1e2830;--surface-inset: #273038;--ink: #eef6fb;--ink-secondary: rgba(238, 246, 251, .58);--stroke-soft: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .18);--divider: rgba(255, 255, 255, .1);--surface-glass: rgba(255, 255, 255, .12);--surface-glass-strong: rgba(255, 255, 255, .17);--page-bg: linear-gradient(150deg, #0e1a24 0%, #11202c 55%, #122230 100%), #0c1620}html[data-theme=sunset]{--brand: #f5664d;--brand-2: #f58ca8;--surface-base: #fdf6ef;--surface-elevated: #fef9f5;--surface-inset: #f9f1ea;--ink: #2a1a16;--ink-secondary: rgba(42, 26, 22, .56);--stroke-soft: rgba(0, 0, 0, .06);--stroke-strong: rgba(0, 0, 0, .12);--divider: rgba(0, 0, 0, .08);--surface-glass: rgba(255, 255, 255, .76);--surface-glass-strong: rgba(255, 255, 255, .9);--page-bg: linear-gradient(150deg, #fff0db 0%, #fcdbc4 50%, #fac9c2 100%);--topbar-bg: linear-gradient(135deg, #f5664d 0%, #f58ca8 100%)}html[data-theme=sunset][data-mode=dark]{--surface-base: #281d1c;--surface-elevated: #302522;--surface-inset: #382b28;--ink: #fbeee8;--ink-secondary: rgba(251, 238, 232, .58);--stroke-soft: rgba(255, 255, 255, .08);--stroke-strong: rgba(255, 255, 255, .18);--divider: rgba(255, 255, 255, .1);--surface-glass: rgba(255, 255, 255, .12);--surface-glass-strong: rgba(255, 255, 255, .17);--page-bg: linear-gradient(150deg, #241310 0%, #2a1714 55%, #2e1a16 100%), #1f110e}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--surface-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}img{display:block}::selection{background:var(--brand);color:#fff}.app-bg{min-height:100vh;min-height:100dvh;background:var(--page-bg);background-attachment:fixed;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:var(--maxw);margin:0 auto;padding:20px 20px 120px}@media (max-width: 560px){.page{padding:16px 14px 120px}}*{scrollbar-width:thin;scrollbar-color:var(--stroke-strong) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:6px}.panel{background:var(--surface-elevated);border:1px solid var(--stroke-soft);border-radius:var(--r-lg)}.topbar{background:var(--topbar-bg);box-shadow:var(--shadow-elevated);position:sticky;top:0;z-index:50;padding:max(10px,env(safe-area-inset-top)) 0 12px}.topbar-inner{max-width:var(--maxw);margin:0 auto;padding:0 18px}.topbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;height:56px}.topbar-logo{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.topbar-logo img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.topbar-logo .wordmark{font-weight:900;font-size:24px;color:#fff;letter-spacing:-.5px;text-shadow:0 1px 4px rgba(0,0,0,.18)}.pro-badge{background:var(--pro-gold);color:#3a2c00;font-weight:900;font-size:9px;padding:2px 6px;border-radius:999px;letter-spacing:.5px}.circle-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:#ffffff2e;border:1px solid rgba(255,255,255,.24);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s ease,background .15s ease}.circle-btn:hover{background:#ffffff47}.circle-btn:active{transform:scale(.92)}.topbar-actions{display:flex;gap:8px;align-items:center;z-index:1}.cat-rail{display:flex;gap:6px;overflow-x:auto;padding:12px 18px 2px;max-width:var(--maxw);margin:0 auto;scrollbar-width:none;justify-content:center}.cat-rail::-webkit-scrollbar{display:none}@media (max-width: 720px){.cat-rail{justify-content:flex-start}}.cat-item{display:flex;flex-direction:column;align-items:center;gap:5px;flex:0 0 auto;width:62px;transition:transform .15s ease}.cat-item:active{transform:scale(.9)}.cat-circle{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;color:#fff;box-shadow:0 4px 10px #0000002e;border:2px solid rgba(255,255,255,.35)}.cat-item .cat-label{font-size:11px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25);white-space:nowrap;max-width:64px;overflow:hidden;text-overflow:ellipsis}.cat-item.active .cat-circle{outline:3px solid rgba(255,255,255,.85);outline-offset:1px}.section{margin-bottom:22px}.section-header{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:var(--r-md) var(--r-md) 0 0;color:#fff}.section-header .sh-icon{width:26px;height:26px;border-radius:999px;background:#ffffff47;display:grid;place-items:center;flex:0 0 auto}.section-header .sh-title{font-weight:800;font-size:15px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-header .sh-btn{background:#ffffff38;border:1px solid rgba(255,255,255,.28);color:#fff;font-weight:800;font-size:11px;padding:5px 10px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;transition:background .15s ease}.section-header .sh-btn:hover{background:#ffffff57}.section-header .sh-iconbtn{width:26px;height:26px;border-radius:999px;background:#ffffff38;border:1px solid rgba(255,255,255,.28);color:#fff;display:grid;place-items:center}.section-body{background:var(--surface-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--stroke-soft);border-top:none;border-radius:0 0 var(--r-lg) var(--r-lg);padding:14px}.rail{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.rail::-webkit-scrollbar{height:6px}.rail>*{scroll-snap-align:start;flex:0 0 auto}.grid{display:grid;gap:14px}.grid.landscape{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid.poster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid.square{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}@media (max-width: 560px){.grid.landscape{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.grid.poster{grid-template-columns:repeat(auto-fill,minmax(115px,1fr))}.grid.square{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}.card{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surface-inset);box-shadow:var(--shadow-tile);transition:transform .18s ease,box-shadow .18s ease;display:block;width:100%}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}.card .thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--surface-inset)}.card.poster .thumb{aspect-ratio:2 / 3}.card.square .thumb{aspect-ratio:1 / 1}.card .thumb-fallback{width:100%;aspect-ratio:16 / 9;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#ffffffe6}.card.poster .thumb-fallback{aspect-ratio:2 / 3}.card.square .thumb-fallback{aspect-ratio:1 / 1}.card .badge{position:absolute;top:7px;font-size:10px;font-weight:900;letter-spacing:.3px;color:#fff;background:#000000b8;border:1px solid rgba(255,255,255,.18);padding:3px 6px;border-radius:7px}.card .badge.rating{left:7px}.card .badge.duration{right:7px}.card .title-scrim{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 9px;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.2) 70%,transparent 100%)}.card .title-scrim .t{color:#fff;font-weight:800;font-size:13px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.card .title-scrim .sub{color:#ffffffbf;font-weight:700;font-size:11px;margin-top:1px}.card .progress{position:absolute;left:6px;right:6px;bottom:5px;height:3px;border-radius:2px;background:#ffffff47;overflow:hidden}.card .progress>i{display:block;height:100%;border-radius:2px;background:var(--accent, var(--brand))}.card .play-pop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;transition:opacity .18s ease}.card:hover .play-pop{opacity:1}.card .play-pop span{width:50px;height:50px;border-radius:999px;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.4)}.card-wrap{display:flex;flex-direction:column;gap:6px}.card-caption .ct{font-weight:800;font-size:13px;line-height:1.25;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-caption .cs{font-weight:700;font-size:11px;color:var(--ink-secondary)}.rail .card-wrap.lg{width:280px}.rail .card-wrap.md{width:220px}.rail .card-wrap.sq{width:150px}@media (max-width: 560px){.rail .card-wrap.lg{width:230px}.rail .card-wrap.md{width:180px}}.hero{position:relative;width:100%;aspect-ratio:16 / 9;max-height:320px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer}.hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.1) 55%,transparent)}.hero .hero-content{position:absolute;left:0;right:0;bottom:0;padding:18px 20px}.hero .hero-title{color:#fff;font-weight:900;font-size:clamp(20px,4vw,30px);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.4)}.hero .hero-meta{display:flex;gap:10px;align-items:center;margin-top:6px;color:#ffffffd9;font-weight:700;font-size:13px}.hero .hero-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:999px;background:#ffffff38;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;color:#fff}.hero .continue-badge{position:absolute;top:12px;left:12px;background:var(--accent, var(--brand));color:#fff;font-weight:900;font-size:10px;letter-spacing:.6px;padding:4px 8px;border-radius:6px}.hero .hero-progress{position:absolute;left:20px;right:20px;bottom:10px;height:4px;border-radius:3px;background:#ffffff4d;overflow:hidden}.hero .hero-progress>i{display:block;height:100%;background:var(--accent, var(--brand))}.hero-dots{display:flex;gap:6px;justify-content:center;margin-top:10px}.hero-dots>b{width:7px;height:7px;border-radius:999px;background:var(--stroke-strong);cursor:pointer}.hero-dots>b.on{background:var(--brand);width:18px}.login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--page-bg);background-attachment:fixed}.login-card{width:100%;max-width:420px;background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--stroke-soft);border-radius:var(--r-xl);box-shadow:var(--shadow-elevated);padding:30px 26px;text-align:center}.login-card img.mascot{width:92px;height:92px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 6px 14px rgba(108,92,231,.35));animation:bob 3.5s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.login-card h1{font-size:30px;font-weight:900;margin:4px 0 2px;letter-spacing:-.5px}.login-card .sub{color:var(--ink-secondary);font-weight:700;margin-bottom:22px}.field{text-align:left;margin-bottom:14px}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;color:var(--ink-secondary)}.field input{width:100%;padding:13px 14px;border-radius:var(--r-md);border:1.5px solid var(--stroke-soft);background:var(--surface-inset);color:var(--ink);font-size:15px;font-weight:600;outline:none;transition:border-color .15s ease}.field input:focus{border-color:var(--brand)}.btn-primary{width:100%;padding:14px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:900;font-size:16px;box-shadow:0 8px 18px #6c5ce752;transition:transform .15s ease,filter .15s ease}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:default}.login-error{background:#ff3b301f;border:1px solid rgba(255,59,48,.3);color:#ff3b30;font-weight:700;font-size:13px;padding:10px 12px;border-radius:var(--r-sm);margin-bottom:14px;text-align:left}.login-hint{margin-top:18px;font-size:12px;color:var(--ink-secondary);line-height:1.5;font-weight:600}.state{display:grid;place-items:center;text-align:center;padding:50px 20px;color:var(--ink-secondary);font-weight:700;gap:12px}.spinner{width:38px;height:38px;border-radius:999px;border:4px solid var(--stroke-soft);border-top-color:var(--brand);animation:spin .8s linear infinite}.spinner.sm{width:20px;height:20px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--surface-inset) 25%,var(--surface-elevated) 37%,var(--surface-inset) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite;border-radius:var(--r-md)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton.card-sk{aspect-ratio:16 / 9}.page-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.page-title .pt-icon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-tile)}.page-title h2{font-size:26px;font-weight:900;margin:0;letter-spacing:-.5px}.page-title .count{color:var(--ink-secondary);font-weight:700;font-size:13px}.toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.chip{padding:8px 14px;border-radius:999px;background:var(--surface-elevated);border:1px solid var(--stroke-soft);font-weight:800;font-size:13px;color:var(--ink);transition:all .15s ease}.chip.on{background:var(--brand);color:#fff;border-color:transparent}.detail-hero{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16 / 9;max-height:360px;box-shadow:var(--shadow-card);margin-bottom:18px}.detail-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.detail-hero .scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d1,#00000026 60%,#0000001a)}.detail-hero .info{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 18px}.detail-hero h2{color:#fff;font-size:clamp(22px,4vw,34px);font-weight:900;margin:0 0 6px;text-shadow:0 2px 10px rgba(0,0,0,.5)}.detail-hero .meta{display:flex;gap:12px;align-items:center;color:#ffffffe0;font-weight:700;font-size:13px;flex-wrap:wrap}.detail-overview{color:var(--ink);opacity:.85;font-weight:600;line-height:1.55;margin-bottom:18px;max-width:820px}.resume-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:900;font-size:15px;box-shadow:0 6px 16px #00000038;margin-bottom:18px}.resume-btn:active{transform:scale(.97)}.season-select{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;scrollbar-width:none}.season-select::-webkit-scrollbar{display:none}.episode-row{display:flex;gap:14px;align-items:center}.mini-bar{position:fixed;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom));width:min(640px,calc(100% - 24px));z-index:60;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-lg);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--stroke-soft);box-shadow:var(--shadow-elevated);cursor:pointer}.mini-bar img{width:46px;height:46px;border-radius:var(--r-sm);object-fit:cover;flex:0 0 auto;box-shadow:var(--shadow-tile)}.mini-bar .mb-info{flex:1;min-width:0}.mini-bar .mb-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar .mb-artist{font-weight:700;font-size:12px;color:var(--ink-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar .mb-btn{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;color:#fff;background:var(--c-music);flex:0 0 auto}.mini-bar .mb-btn.ghost{background:transparent;color:var(--ink)}.mini-bar .mb-progress{position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:2px;background:var(--stroke-soft);overflow:hidden}.mini-bar .mb-progress>i{display:block;height:100%;background:var(--c-music)}.player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100;display:flex;flex-direction:column}.player video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.player.fill video{object-fit:cover}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;opacity:1;transition:opacity .3s ease;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 18%,transparent 72%,rgba(0,0,0,.6))}.player-overlay.hidden{opacity:0;pointer-events:none}.player-top{display:flex;align-items:center;gap:12px;padding:max(14px,env(safe-area-inset-top)) 18px 14px}.player-top .p-title{color:#fff;font-weight:800;font-size:16px;flex:1;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pbtn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;color:#fff;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .15s ease,background .15s ease}.pbtn:hover{background:#0009}.pbtn:active{transform:scale(.9)}.player-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:34px}.player-center .big{width:84px;height:84px}.player-center .pbtn{width:60px;height:60px}.player-center .pbtn.big{width:84px;height:84px;background:#ffffff29;border:1px solid rgba(255,255,255,.35)}.skip-label{position:relative;font-size:9px;font-weight:900}.player-bottom{padding:14px 18px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.scrubber{display:flex;align-items:center;gap:12px}.scrub-time{color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;min-width:46px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.5)}.scrub-track{position:relative;flex:1;height:18px;display:flex;align-items:center;cursor:pointer}.scrub-track .rail-bg{position:absolute;left:0;right:0;height:6px;border-radius:999px;background:#ffffff40}.scrub-track .rail-buf{position:absolute;left:0;height:6px;border-radius:999px;background:#fff6}.scrub-track .rail-fill{position:absolute;left:0;height:6px;border-radius:999px;background:var(--brand)}.scrub-track .thumb{position:absolute;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 4px #0006;transform:translate(-50%);transition:width .12s ease,height .12s ease}.scrub-track:hover .thumb,.scrub-track.dragging .thumb{width:20px;height:20px}.upnext{position:absolute;right:18px;bottom:96px;width:320px;max-width:calc(100% - 36px);background:var(--surface-glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--stroke-soft);border-radius:var(--r-lg);padding:12px;box-shadow:var(--shadow-elevated);display:flex;gap:12px;align-items:center}.upnext img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-sm)}.upnext .un-label{font-size:10px;font-weight:900;letter-spacing:.6px;color:var(--brand)}.upnext .un-title{font-weight:800;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upnext .un-actions{display:flex;gap:8px;margin-top:6px}.upnext .un-actions button{font-size:12px;font-weight:800;padding:6px 12px;border-radius:999px}.upnext .un-go{background:var(--brand);color:#fff}.upnext .un-cancel{background:var(--surface-inset);color:var(--ink)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0009;display:grid;place-items:center;padding:20px}.modal{background:var(--surface-elevated);border-radius:var(--r-xl);padding:24px;max-width:380px;width:100%;text-align:center;box-shadow:var(--shadow-elevated)}.modal h3{font-size:20px;font-weight:900;margin:0 0 6px}.modal p{color:var(--ink-secondary);font-weight:700;margin:0 0 18px}.modal .m-actions{display:flex;flex-direction:column;gap:10px}.modal .m-actions .secondary{background:var(--surface-inset);color:var(--ink);padding:13px;border-radius:var(--r-md);font-weight:800}.np{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--page-bg);background-attachment:fixed;overflow-y:auto;display:flex;flex-direction:column}.np-top{display:flex;align-items:center;justify-content:space-between;padding:max(14px,env(safe-area-inset-top)) 18px 8px}.np-top .np-label{font-weight:900;color:var(--c-music);font-size:15px}.np-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:10px 22px 30px;max-width:560px;margin:0 auto;width:100%}.np-art{width:min(72vw,360px);aspect-ratio:1;border-radius:var(--r-xl);object-fit:cover;box-shadow:0 18px 40px #32d75a4d;transition:transform .5s cubic-bezier(.2,.8,.2,1);background:var(--surface-inset)}.np-art.paused{transform:scale(.88)}.np-meta{text-align:center}.np-meta .np-title{font-size:24px;font-weight:900;line-height:1.15}.np-meta .np-artist{font-size:16px;font-weight:800;color:var(--c-music);margin-top:3px}.np-meta .np-album{font-size:13px;font-weight:700;color:var(--ink-secondary);margin-top:2px}.np-scrub{width:100%}.np-scrub .scrub-track .rail-bg{background:var(--stroke-soft)}.np-scrub .scrub-track .rail-fill{background:var(--c-music)}.np-scrub .scrub-track .thumb{box-shadow:0 1px 4px #32d75a66}.np-times{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin-top:4px}.np-controls{display:flex;align-items:center;justify-content:center;gap:30px}.np-controls .nc{color:var(--ink);display:grid;place-items:center;transition:transform .15s ease}.np-controls .nc:active{transform:scale(.9)}.np-controls .nc:disabled{opacity:.3}.np-controls .nc.play{width:72px;height:72px;border-radius:999px;background:var(--c-music);color:#fff;box-shadow:0 8px 20px #32d75a66}.np-modes{display:flex;justify-content:center;gap:60px}.np-modes button{color:var(--ink-secondary);display:grid;place-items:center;gap:2px;font-size:10px;font-weight:800}.np-modes button.on{color:var(--c-music)}.np-queue{width:100%;margin-top:10px}.np-queue h4{font-size:14px;font-weight:900;margin:0 0 10px;display:flex;align-items:center;gap:8px}.np-queue .q-row{display:flex;align-items:center;gap:12px;padding:7px 0;cursor:pointer;border-radius:var(--r-sm)}.np-queue .q-row:hover{background:var(--surface-glass)}.np-queue .q-row img{width:46px;height:46px;border-radius:var(--r-sm);object-fit:cover}.np-queue .q-row .q-title{font-weight:800;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-queue .q-row .q-sub{font-weight:700;font-size:12px;color:var(--ink-secondary)}.settings-group{margin-bottom:22px}.settings-group h3{font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-secondary);margin:0 0 10px 4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 16px;background:var(--surface-elevated);border:1px solid var(--stroke-soft);border-radius:var(--r-md);margin-bottom:8px}.settings-row .sr-label{font-weight:800}.settings-row .sr-sub{font-weight:700;font-size:12px;color:var(--ink-secondary)}.theme-swatches{display:flex;gap:10px}.theme-swatch{width:44px;height:44px;border-radius:var(--r-md);border:3px solid transparent;cursor:pointer}.theme-swatch.on{border-color:var(--ink)}.seg{display:inline-flex;background:var(--surface-inset);border-radius:999px;padding:3px}.seg button{padding:7px 14px;border-radius:999px;font-weight:800;font-size:13px;color:var(--ink-secondary)}.seg button.on{background:var(--brand);color:#fff}.danger-btn{width:100%;padding:14px;border-radius:var(--r-md);background:#ff3b301f;color:#ff3b30;font-weight:900;border:1px solid rgba(255,59,48,.25)}.search-field{display:flex;align-items:center;gap:10px;background:var(--surface-elevated);border:1.5px solid var(--stroke-soft);border-radius:var(--r-lg);padding:12px 16px;margin-bottom:20px}.search-field input{flex:1;border:none;background:none;outline:none;font-size:16px;font-weight:700;color:var(--ink)}.search-field input::placeholder{color:var(--ink-secondary)}.pin-modal{max-width:340px}.pinpad{text-align:center}.pinpad h3{font-size:20px;font-weight:900;margin:0 0 4px}.pinpad p{color:var(--ink-secondary);font-weight:700;margin:0 0 16px;font-size:13px}.pin-dots{display:flex;gap:14px;justify-content:center;margin-bottom:14px}.pin-dots span{width:16px;height:16px;border-radius:999px;background:var(--surface-inset);border:2px solid var(--stroke-strong);transition:all .15s ease}.pin-dots span.on{background:var(--brand);border-color:var(--brand);transform:scale(1.1)}.pin-error{color:#ff3b30;font-weight:800;font-size:13px;margin-bottom:12px}.pin-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:260px;margin:0 auto}.pin-keys button{height:64px;border-radius:var(--r-md);background:var(--surface-inset);font-size:24px;font-weight:800;color:var(--ink);display:grid;place-items:center;transition:transform .1s ease,background .15s ease}.pin-keys button:active{transform:scale(.94);background:var(--brand);color:#fff}.pin-cancel{margin-top:16px;color:var(--ink-secondary);font-weight:800}.picker{min-height:100vh;min-height:100dvh;background:var(--page-bg);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:8px}.picker-logo{width:72px;height:72px;object-fit:contain;animation:bob 3.5s ease-in-out infinite}.picker h1{font-size:30px;font-weight:900;margin:0 0 18px}.picker-grid{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;max-width:640px}.picker-tile{display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s ease}.picker-tile:hover{transform:translateY(-4px) scale(1.03)}.picker-avatar{width:104px;height:104px;border-radius:28px;display:grid;place-items:center;font-size:52px;color:#fff;box-shadow:var(--shadow-card);border:3px solid rgba(255,255,255,.4);position:relative}.picker-avatar.sm{width:44px;height:44px;border-radius:12px;font-size:22px;border-width:2px}.picker-avatar.parent{background:var(--surface-glass-strong);color:var(--ink);border-color:var(--stroke-soft)}.picker-avatar .lock{position:absolute;bottom:-4px;right:-4px;font-size:20px;font-style:normal}.picker-name{font-weight:800;font-size:16px;color:var(--ink)}.emoji-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.emoji-row.wrap{flex-wrap:wrap;overflow:visible}.emoji{width:44px;height:44px;border-radius:var(--r-md);background:var(--surface-inset);font-size:24px;display:grid;place-items:center;flex:0 0 auto;border:2px solid transparent}.emoji.on{border-color:var(--brand);background:var(--surface-elevated)}.color-dot{width:38px;height:38px;border-radius:999px;flex:0 0 auto;border:3px solid transparent}.color-dot.on{border-color:var(--ink)}.jk-select,.jk-input{padding:10px 12px;border-radius:var(--r-sm);border:1.5px solid var(--stroke-soft);background:var(--surface-inset);color:var(--ink);font-size:14px;font-weight:700;font-family:inherit;outline:none;max-width:60%}.jk-input{text-align:right}.jk-select:focus,.jk-input:focus{border-color:var(--brand)}.parent-header{background:var(--topbar-bg);box-shadow:var(--shadow-elevated);position:sticky;top:0;z-index:50;padding:max(10px,env(safe-area-inset-top)) 0 12px}.parent-header-inner{max-width:var(--maxw);margin:0 auto;padding:0 18px;display:flex;align-items:center;justify-content:space-between;height:48px}.parent-header .ph-title{font-weight:900;font-size:20px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.2)}.circle-btn.dark{background:#0000002e}.profile-chip{border:2px solid rgba(255,255,255,.6)!important}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.stat-card{background:var(--surface-elevated);border:1px solid var(--stroke-soft);border-radius:var(--r-md);padding:16px 12px;text-align:center}.stat-num{font-size:22px;font-weight:900;color:var(--brand)}.stat-label{font-size:12px;font-weight:700;color:var(--ink-secondary);margin-top:2px}.mini-head{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.4px;color:var(--ink-secondary);margin:14px 4px 8px}.hist-row{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--divider);font-weight:700}.hist-rank{width:22px;height:22px;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.hist-name{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist-series{color:var(--ink-secondary);font-style:normal}.hist-time{font-size:12px;color:var(--ink-secondary);font-weight:800;flex:0 0 auto}.switch{width:50px;height:30px;border-radius:999px;background:var(--stroke-strong);position:relative;transition:background .2s ease;flex:0 0 auto}.switch.on{background:var(--c-music)}.switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.switch.on span{transform:translate(20px)}.cat-circle.sm{width:34px;height:34px;box-shadow:none;border-width:1px}.rule-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--divider)}.rule-thumb{width:44px;height:62px;object-fit:cover;border-radius:var(--r-sm);flex:0 0 auto}.chip.danger{background:#ff3b30;color:#fff;border-color:transparent}.lib-card{background:var(--surface-elevated);border:1px solid var(--stroke-soft);border-radius:var(--r-md);padding:12px;margin-bottom:8px}.lib-row{display:flex;align-items:center;gap:12px}.lib-name{flex:1;text-align:left;max-width:none}.lib-icons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.lib-icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--surface-inset);display:grid;place-items:center;color:var(--ink-secondary);border:2px solid transparent;transition:transform .1s ease}.lib-icon:active{transform:scale(.92)}.block-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--page-bg);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:12px}.block-logo{width:96px;height:96px;object-fit:contain;animation:bob 3.5s ease-in-out infinite}.block-screen h1{font-size:30px;font-weight:900;margin:6px 0 0}.block-screen p{color:var(--ink-secondary);font-weight:700;max-width:360px;line-height:1.5;margin:0 0 8px}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}