.login{background:radial-gradient(90% 60% at 70% 20%,#151515 0%,#000 65%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.login-box{width:min(340px,100%);animation:rise .5s var(--ease);flex-direction:column;align-items:center;gap:18px;display:flex}.login-box .mono{margin-bottom:14px}.login-box input{width:100%;height:48px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);text-align:center;letter-spacing:.1em;background:#ffffff0d;border:0;border-radius:8px;outline:none;padding:0 14px;font-size:16px}.login-box input:focus{box-shadow:inset 0 0 0 1px #ffffff73}.login-box .btn{width:100%}.login-err{color:#ff8a80;font-size:13px}.sync-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sync-line .dot.ok{background:#4ade80}.sync-line .dot.err{background:#ff6b5b}.sync-line .dot.off{background:var(--fg4)}.moods{margin-bottom:36px}.mood-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.mood{aspect-ratio:2/3;box-shadow:inset 0 0 0 1px var(--line2);transition:transform .25s var(--ease), box-shadow .25s;background:#0d0d0d;border-radius:10px;position:relative;overflow:hidden}.mood:hover{transform:translateY(-3px);box-shadow:0 18px 40px #0009,inset 0 0 0 1px #ffffff47}.mood-hit{z-index:1;border-radius:10px;position:absolute;inset:0}.mood-poster{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.mood:hover .mood-poster{transform:scale(1.04)}.mood-bg{opacity:.55;filter:saturate(1.2);grid-template-columns:1fr 1fr;grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.mood-bg.n0{display:none}.mood-bg.n1{grid-template-columns:1fr}.mood-bg img{object-fit:cover;width:100%;height:100%}.mood:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0003 45%,#000000f0 92%);position:absolute;inset:0}.mood-body{z-index:2;pointer-events:none;flex-direction:column;gap:6px;padding:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.mood-body button{pointer-events:auto}.mood-name{font:600 26px/1 var(--sans);letter-spacing:-.045em;overflow-wrap:anywhere}.mood-name.big{letter-spacing:-.055em;font-size:clamp(44px,6vw,84px);line-height:.95}.mood-logo{object-fit:contain;object-position:left bottom;filter:drop-shadow(0 4px 14px #0009);max-width:100%;max-height:64px;display:block}.mood-logo.big{max-width:min(520px,100%);max-height:150px}.mood-actions{gap:6px;margin-top:6px;display:flex}.btn.icon{width:32px;padding:0}.mood-del{z-index:3;min-width:28px;height:28px;color:var(--fg2);opacity:0;background:#0000008c;border-radius:999px;place-items:center;padding:0 8px;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.mood:hover .mood-del,.mood-del:focus-visible,.mood-del.armed{opacity:1}.mood-del.armed{color:#fff;background:#e5484d}.mood.new{box-shadow:none;background:0 0}.mood.new:hover{box-shadow:none;transform:none}.mood.new:after{display:none}.mood-new-btn{width:100%;height:100%;color:var(--fg2);border:1px dashed #fff3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.mood-new-btn:hover{color:var(--fg);border-color:#fff6}.mood-form{border:1px dashed #fff3;border-radius:10px;flex-direction:column;justify-content:center;gap:12px;height:100%;padding:16px;display:flex}.mood-form input{width:100%;height:44px;box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);background:#ffffff0d;border:0;border-radius:8px;outline:none;padding:0 12px;font-size:16px}.mood-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.mood-chips>.mono{margin-right:4px}.mood-chip{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:34px;box-shadow:inset 0 0 0 1px var(--line2);background:#00000059;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.mood-chip button{height:100%;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .15s}.mood-chip button:hover{background:#ffffff14}.mood-chip .mix{border-left:1px solid var(--line2);color:var(--fg2);place-items:center;padding:0 10px;display:grid}.mood-chip.on{box-shadow:inset 0 0 0 1px var(--accent)}.mood-chip.on button:first-child{color:var(--accent)}.pl-pick .tag-mood{color:var(--accent);margin-left:8px}.mood-hero{min-height:240px;box-shadow:inset 0 0 0 1px var(--line);background:radial-gradient(120% 120% at 80% 0,#1a1a1a,#070707 70%);border-radius:14px;align-items:flex-end;margin:-8px 0 24px;display:flex;position:relative;overflow:hidden}.mood-hero.has-art{min-height:clamp(300px,38vw,460px)}.mood-hero-img{object-fit:cover;width:100%;height:100%;animation:30s ease-in-out infinite alternate kbh;position:absolute;inset:0}@keyframes kbh{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.mood-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 25%,#00000059 55%,#000000eb 100%),linear-gradient(90deg,#0000008c,#0000 60%);position:absolute;inset:0}.mood-hero-in{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:28px;display:flex;position:relative}.mood-hero-in .vh-back{margin-bottom:auto}.mood-hero-in .row-btns{margin-top:6px}.art-edit{grid-template-columns:220px minmax(0,1fr);gap:16px;max-width:900px;display:grid}.art-slot{box-shadow:inset 0 0 0 1px var(--line2);background:#ffffff08;border-radius:12px;align-items:center;gap:16px;padding:14px;display:flex}.art-slot.s-poster{flex-direction:column;grid-row:span 2;align-items:stretch}.art-prev{box-shadow:inset 0 0 0 1px var(--line2);background:#ffffff0a;border-radius:8px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.art-slot.s-poster .art-prev{aspect-ratio:2/3;width:100%}.art-slot.s-hero .art-prev{aspect-ratio:16/9;width:220px}.art-slot.s-logo .art-prev{aspect-ratio:2;background:repeating-conic-gradient(#151515 0 25%, #0c0c0c 0 50%) 0 0 / 16px 16px;width:220px}.art-prev img{object-fit:cover;width:100%;height:100%}.art-slot.s-logo .art-prev img{object-fit:contain;padding:10px}.art-empty{color:var(--fg3)}.art-busy{background:#0009;place-items:center;display:grid;position:absolute;inset:0}.art-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.art-meta b{font-weight:600}.art-meta small{color:var(--fg3);font-size:12px}.art-meta .row-btns{margin-top:8px}.mood-addpane{flex-direction:column;gap:16px;max-width:760px;display:flex}.mood-cur{box-shadow:inset 0 0 0 1px var(--line2);background:#ffffff0a;border-radius:10px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:14px;padding:14px 16px;display:grid}.mood-cur .mono{grid-row:span 2}.mood-cur b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.mood-cur small{color:var(--fg3);grid-column:2;font-size:12px}.mood-cur .btn{grid-area:1/3/span 2}.rows.pick{max-height:520px;overflow:auto}.row-main.static{cursor:default;grid-template-columns:56px minmax(0,1fr)}.row-main.static:hover{background:0 0}.pick-add{width:36px;height:36px;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line2);border-radius:50%;flex:none;place-items:center;margin-right:4px;transition:background-color .15s,color .15s;display:grid}.pick-add:hover{background:var(--fg);color:#0a0a0a}.check{color:#0a0a0a;border-radius:5px;place-items:center;width:18px;height:18px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff59}.check.on{background:var(--accent);box-shadow:none}.row.sel .row-main{background:#ffffff0d}.btn.ghost.on{background:var(--fg);color:#0a0a0a}.bulk{z-index:45;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);max-width:calc(100vw - 32px);animation:rise .25s var(--ease);background:#0e0e0ef5;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:10px 12px 10px 18px;display:flex;position:fixed;bottom:150px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #000000b3,inset 0 0 0 1px #ffffff24}.bulk-n{color:var(--fg)}.bulk-sep{background:var(--line2);width:1px;height:20px}.L-mobile .bulk{bottom:calc(var(--sab) + 160px)}@media (max-width:899px){.mood-grid{grid-template-columns:1fr 1fr;gap:12px}.mood-del{opacity:1}.mood-name{font-size:22px}.mood-body{padding:12px}.mood-hero{margin:0 0 20px}.mood-hero-in{padding:18px}.art-edit{grid-template-columns:1fr}.art-slot.s-poster{flex-direction:row;grid-row:auto;align-items:center}.art-slot.s-poster .art-prev{width:96px}.art-slot.s-hero .art-prev,.art-slot.s-logo .art-prev{width:120px}.mood-cur{grid-template-columns:minmax(0,1fr) auto}.mood-cur .mono{grid-area:auto/1/auto/-1;margin-bottom:4px}.mood-cur small{grid-column:1}.mood-cur .btn{grid-area:2/2/span 2}.bulk-sep{display:none}}@media (prefers-reduced-motion:reduce){.mood-hero-img{animation:none}}@media (max-width:899px){.tabs{scrollbar-width:none;gap:20px;margin-right:-16px;padding-right:16px;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{white-space:nowrap;flex:none}}.no-cur .yt-host{opacity:0}.L-mobile .m-fade{height:calc(var(--vidH) + 160px);background:linear-gradient(180deg, #00000080 0, #0000 calc(var(--vidH) * .18), #0000 calc(var(--vidH) * .6), #000 var(--vidH), #0000 100%)}.L-mobile.no-cur .m-fade{background:0 0}:root.vgap{--sab:calc(env(safe-area-inset-bottom,0px) - var(--vgap));--vidH:max(300px, calc(var(--H) - 300px - env(safe-area-inset-bottom,0px)))}.vgap .app,.vgap .m-page,.vgap .full,.vgap .dlg-back,.vgap .menu-back,.vgap .boot{bottom:calc(-1 * var(--vgap))}.vgap .player{height:var(--H)}.vgap .L-mobile .player{height:var(--vidH)}.vgap .L-mobile:not(.V-now) .player{top:calc(var(--H) - env(safe-area-inset-bottom,0px) - 144px);height:52px}.vgap .L-mobile.need-tap:not(.V-now) .player{height:var(--vidH);top:0}.vgap .L-landscape .player{height:var(--H)}