@font-face{font-family:Inter Tight;font-style:normal;font-weight:100 900;font-display:swap;src:url("/next/inter-tight-latin-wght-normal.woff2") format("woff2-variations")}:root{--paper: #e4e4dd;--panel: #d8d8d0;--panel-2: #cdcdc4;--ink: #121212;--mute: #8f8f87;--faint: #b9b9b0;--white: #ffffff;--orange: #ff5a00;--amber: #f5d400;--orange-soft: #ff7b33;--strip: #4b4b47;--r-tile: 14px;--r-pad: 12px;--gap: 10px;--font: "Inter Tight", "Helvetica Neue", "Segoe UI Variable Display", "Segoe UI", "Yu Gothic UI", "Hiragino Sans", "Meiryo", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:500 14px/1.35 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--orange);outline-offset:2px}img{display:block;max-width:100%}[hidden]{display:none!important}.num{font-variant-numeric:tabular-nums}.app{height:100%;display:flex;flex-direction:column;min-width:0;width:var(--vis-w, 100%);margin-left:var(--vis-x, 0px);container:app / inline-size}.work{flex:1 1 auto;min-height:0;display:flex;min-width:0;position:relative}.rail{flex:0 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 16px}.rail-meta{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--mute);font-size:11px;font-weight:600}.main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.top{display:flex;align-items:center;gap:var(--gap);padding:16px 20px 10px 0;flex-wrap:wrap}.tabs{display:flex;gap:6px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.tab{height:38px;padding:0 14px;border-radius:var(--r-pad);background:var(--panel);font-weight:700;font-size:13px;white-space:nowrap}.top-meta{display:flex;align-items:center;gap:12px;color:var(--mute);font-weight:600;font-size:12px;white-space:nowrap}.linkish{color:var(--mute);font-weight:700;font-size:12px;text-decoration:underline;text-underline-offset:3px}.view{flex:1 1 auto;min-height:0;overflow-y:auto;padding:4px 20px 28px 0;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}.view>*+*{margin-top:22px}h1,h2{margin:0;font-weight:800;letter-spacing:-.02em}h1{font-size:28px;line-height:1.05}h2{font-size:18px}.head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.head small,.sub{color:var(--mute);font-weight:600;font-size:12px}.tile{background:transparent;border-radius:var(--r-tile)}.tile.daily,.tile.card,.tile.pl{padding:0}.deck{column-gap:28px!important;row-gap:18px!important}.grid{gap:14px 12px!important}.plgrid{gap:14px 20px!important}.card:hover b,.pl .txt:hover b{text-decoration:underline;text-underline-offset:3px}.pad{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:var(--r-pad);background:var(--ink);color:var(--paper);transition:transform .08s ease}.pad:active{transform:scale(.94)}.pad.live{background:var(--orange);color:var(--ink)}.pad.ghost{background:var(--panel-2);color:var(--ink)}.pad[disabled]{opacity:.35;cursor:default}.pad svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pad svg .f{fill:currentColor;stroke:none}.pad.sm{width:34px;height:34px;border-radius:10px}.pad.sm svg{width:16px;height:16px}.textpad{height:38px;padding:0 14px;border-radius:var(--r-pad);background:var(--ink);color:var(--paper);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.textpad.ghost{background:var(--panel-2);color:var(--ink)}.textpad svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.textpad svg .f{fill:currentColor;stroke:none}.cover{background:var(--panel-2);border-radius:8px;overflow:hidden;aspect-ratio:1;position:relative}.cover img{width:100%;height:100%;object-fit:cover}.cover.round{border-radius:50%}.deck{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:stretch}.daily{padding:14px;display:flex;gap:14px;min-width:0;cursor:pointer}.mosaic{flex:0 0 112px;width:112px;height:112px;display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:8px;overflow:hidden;background:var(--panel-2)}.mosaic img{width:100%;height:100%;object-fit:cover}.daily-copy{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px;flex:1 1 auto}.daily-copy h2{font-size:20px;overflow-wrap:anywhere}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--gap)}.grid.shelf{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));grid-template-rows:auto auto;grid-auto-rows:0;overflow:hidden;row-gap:0;margin-bottom:calc(var(--gap) * -1)}.grid.shelf>*{margin-bottom:var(--gap)}.card{padding:8px;text-align:left;min-width:0;display:block;width:100%}.card b{display:block;margin-top:7px;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card small{display:block;color:var(--mute);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px var(--gap)}.list{display:flex;flex-direction:column;gap:4px}.line{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:10px;min-width:0}.line:hover,.line.cur{background:var(--panel)}.line .idx{flex:0 0 26px;text-align:right;color:var(--mute);font-size:12px;font-weight:700}.line.cur .idx{color:var(--orange)}.line .thumb{flex:0 0 38px;width:38px}.line .txt{flex:1 1 auto;min-width:0;text-align:left}.line .txt b{display:block;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line .txt small{display:block;color:var(--mute);font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line .acts{display:flex;gap:4px;flex:0 0 auto}.star{color:var(--orange);font-size:11px;margin-left:4px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips.strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;flex:1 1 auto;min-width:0;overscroll-behavior-x:contain}.strip-wrap{display:flex;align-items:center;gap:6px;min-width:0;background:var(--strip);border-radius:22px;padding:6px 8px}.strip-wrap .chip{background:var(--paper);color:var(--ink);border-radius:999px;font-weight:800}.strip-wrap .chip[aria-pressed=true]{background:var(--orange-soft);color:var(--ink)}.strip-wrap .chip[aria-pressed=true] span{color:var(--ink);opacity:.6}.strip-wrap .strip-nav{background:transparent;color:#e9e9e2}.strip-nav{width:30px;height:30px;border-radius:9px}.strip-nav svg{transform:rotate(90deg)}.strip-nav:first-child svg{transform:rotate(-90deg)}.strip-nav[disabled]{opacity:.3}.chips.strip::-webkit-scrollbar{display:none}.chip{height:30px;padding:0 11px;border-radius:9px;background:var(--panel);font-size:12px;font-weight:700;white-space:nowrap}.chip span{color:var(--mute);margin-left:5px;font-weight:600}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.chip[aria-pressed=true] span{color:var(--faint)}.homeswitch{display:flex;gap:6px;margin:0 0 14px}.field{height:40px;border:0;border-radius:var(--r-pad);background:var(--panel);padding:0 14px;font:600 14px var(--font);color:var(--ink);flex:1 1 200px;min-width:0}.field::placeholder{color:var(--mute)}.bar-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.empty{color:var(--mute);font-weight:600;padding:28px 0}.pl{display:flex;align-items:center;gap:12px;padding:8px;min-width:0}.pl .thumb{flex:0 0 56px;width:56px}.pl .txt{flex:1 1 auto;min-width:0;text-align:left}.pl .txt b{display:block;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl .txt small{color:var(--mute);font-size:11px;font-weight:600}.plgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--gap)}.np{flex:0 0 auto;background:var(--panel);border-top:2px solid var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;padding:6px 16px calc(4px + env(safe-area-inset-bottom,0px))}.np-now{display:flex;align-items:center;gap:10px;flex:1 1 70px;min-width:0}.np-now .thumb{flex:0 0 34px;width:34px}.np .pad{width:34px;height:34px;border-radius:10px}.np .pad svg{width:16px;height:16px}.np-now .txt{min-width:0}.np-now b{display:block;font-size:13px;line-height:1.25;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-now small{display:block;color:var(--mute);font-size:11px;line-height:1.25;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.np-pads{display:flex;gap:5px;flex:0 0 auto;margin-left:auto}.np-seek{flex:1 1 100%;display:flex;align-items:center;gap:10px;min-width:0}.np-seek .t{color:var(--mute);font-size:11px;font-weight:700;flex:0 0 auto;min-width:30px}.np-seek .t:last-child{text-align:right}.seek{position:relative;flex:1 1 auto;height:16px;cursor:pointer;touch-action:none;min-width:40px}.seek:before{content:"";position:absolute;left:0;right:0;top:6px;height:4px;background:var(--white)}.seek i{position:absolute;left:0;top:6px;height:4px;width:0;background:var(--ink)}.seek u{position:absolute;top:1px;width:10px;height:14px;margin-left:-5px;left:0;border-radius:3px;background:var(--ink)}.seek u:after{content:"";position:absolute;left:2px;right:2px;top:6px;height:2px;background:var(--amber)}.seek[aria-disabled=true]{opacity:.4;cursor:default}.scrim{position:absolute;inset:0;background:#12121261;display:flex;justify-content:center;align-items:center;padding:16px;z-index:20}.sheet{width:min(600px,100%);height:100%;max-height:760px;background:var(--paper);display:flex;flex-direction:column;min-width:0;overflow:hidden;border:2px solid var(--ink);border-radius:var(--r-tile)}.sheet-head{display:flex;gap:14px;padding:18px 18px 12px;align-items:flex-start}.sheet-head .thumb{flex:0 0 96px;width:96px}.sheet-head .txt{flex:1 1 auto;min-width:0}.sheet-head h1{font-size:22px;overflow-wrap:anywhere}.sheet-head .who{color:var(--mute);font-weight:700;font-size:13px;margin-top:4px}.sheet-head .who button{text-decoration:underline;text-underline-offset:3px;color:inherit;font-weight:700}.sheet-tools{padding:0 18px 12px;display:flex;gap:8px;flex-wrap:wrap}.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 12px 24px;scrollbar-width:thin;scrollbar-color:var(--faint) transparent}.sheet-body h2{margin:16px 6px 8px;font-size:15px}.sheet-body .grid{padding:0 6px}.lyrics{padding:30vh 14px 40vh}.lyrics p{margin:0 0 14px;font-size:20px;font-weight:700;color:var(--faint);line-height:1.3;transition:color .2s;overflow-wrap:anywhere}.lyrics p.past{color:var(--mute)}.lyrics p.now{color:var(--ink)}.lyrics.plain{padding:8px 14px 24px;white-space:pre-wrap;font-size:16px;font-weight:600;line-height:1.7}.toast{position:fixed;left:calc(var(--vis-x, 0px) + var(--vis-w, 100vw) / 2);bottom:84px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:10px;font-weight:700;font-size:13px;z-index:40;max-width:calc(var(--vis-w, 100vw) - 24px)}.banner{background:var(--orange);color:var(--ink);font-weight:800;font-size:13px;padding:8px 16px;text-align:center}.boot{position:relative;height:100%;display:grid;place-items:center;text-align:center;padding:24px}.boot p{color:var(--mute);font-weight:600;margin:10px 0 0}@container app (max-width: 980px){.deck{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@container app (max-width: 680px){.rail{display:none}.top{padding:8px 10px 4px;gap:6px 10px}.tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px}.tabs::-webkit-scrollbar{display:none}.tab{flex:1 0 auto;padding:0 10px;height:30px;font-size:12px;border-radius:9px}.top-meta{display:none}.view{padding:4px 10px 16px}.view>*+*{margin-top:14px}h1{font-size:22px}h2{font-size:15px}.head{margin-bottom:6px}.deck{grid-template-columns:minmax(0,1fr);gap:8px}.daily{padding:10px;gap:10px}.mosaic{flex-basis:76px;width:76px;height:76px}.daily-copy h2{font-size:16px}.daily .pad{width:34px;height:34px;border-radius:10px}.daily .pad svg{width:16px;height:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.grid.shelf{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));margin-bottom:-6px}.grid.shelf>*{margin-bottom:6px}.card{padding:5px}.card b{font-size:11px;margin-top:5px}.card small{font-size:10px}.line{padding:4px 6px;gap:8px}.line .thumb{flex-basis:32px;width:32px}.line .idx{flex-basis:20px}.two{gap:14px 8px}.field{height:34px;font-size:13px}.textpad{height:34px;padding:0 10px;font-size:12px}.np{padding-left:10px;padding-right:10px}.lyrics p{font-size:16px;margin-bottom:10px}.scrim{padding:0}.sheet{width:100%;height:100%;max-height:none;border-radius:0;border-width:0}.sheet-head{padding:12px 12px 8px;gap:10px}.sheet-head .thumb{flex-basis:64px;width:64px}.sheet-head h1{font-size:18px}.sheet-tools{padding:0 12px 8px}}@container app (max-width: 420px){#np-album,.line .acts .opt{display:none}.two,.plgrid{grid-template-columns:minmax(0,1fr)}.grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr))}.grid.shelf{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}@container app (max-width: 330px){#np-lyrics{display:none}.np{gap:2px 8px}.np-now .thumb{display:none}.np .pad{width:30px;height:30px;border-radius:8px}.np-pads{gap:3px}.mosaic{flex-basis:56px;width:56px;height:56px}.tab{padding:0 8px}}@container app (max-width: 230px){.np-now{flex-basis:100%}.np-pads{order:-1;margin-left:0}.np-seek .t{display:none}.view{padding:4px 6px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.yt-pick{width:18px;height:18px;accent-color:var(--ink);flex:0 0 auto}label.line{cursor:pointer}.sheet-tools .field{flex:1 1 220px}.textpad[disabled]{opacity:.4;cursor:default}.boot .rel{position:absolute;left:0;right:0;bottom:14px;color:var(--mute);font-size:11px;font-weight:600;letter-spacing:.02em}.daily .row{flex-wrap:nowrap;gap:6px}.daily-copy{justify-content:flex-start;gap:12px}.rail .pad{background:transparent;color:var(--mute)}.rail .pad[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dock{position:absolute;left:64px;bottom:10px;z-index:25;display:grid;grid-template-columns:repeat(3,34px);gap:5px;padding:6px;border-radius:16px;background:var(--ink)}.dock[hidden]{display:none}.dock .pad{background:var(--paper);color:var(--ink);border-radius:999px}.dock .pad.live{background:var(--orange)}.dock-fab{position:absolute;left:8px;bottom:8px;z-index:25;display:none;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper)}.dock-fab[aria-pressed=true]{background:var(--orange);color:#121212}@container app (max-width: 680px){.dock-fab{display:inline-grid}.dock{left:8px;bottom:44px}}.strip-wrap .chip{background:#e9e9e2;color:#121212}:root[data-theme=dark]{--paper: #1c1c1b;--panel: #2b2b29;--panel-2: #3a3a37;--ink: #f1f1ea;--mute: #8f8f87;--faint: #4b4b47;--white: #000000;color-scheme:dark}:root[data-theme=dark] .scrim{background:#0009}:root[data-theme=dark] .cover{background:var(--panel-2)}:root[data-theme=dark] .pad.live,:root[data-theme=dark] .strip-wrap .chip[aria-pressed=true]{color:#121212}:root[data-theme=dark] .strip-wrap .chip[aria-pressed=true] span{color:#121212}.genre-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));column-gap:28px}.gi{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;height:34px;line-height:34px;border-bottom:1px solid var(--faint);text-align:left}.gi b{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.gi span{color:var(--mute);font-size:12px;font-weight:600;flex:0 0 auto}.gi:hover b{color:var(--orange)}@container app (max-width: 420px){.genre-index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.gi{height:30px;line-height:30px}}.tile.chan{padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}.cf{position:relative;aspect-ratio:16 / 9;overflow:clip;border-radius:var(--r-tile)}#cf-cards{position:absolute;inset:0;perspective:620px}.cf-card{position:absolute;left:50%;top:50%;width:64%;aspect-ratio:16 / 10;padding:0;border-radius:12px;overflow:hidden;background:var(--panel-2);cursor:pointer;transition:transform .42s cubic-bezier(.22,.8,.24,1),filter .42s ease,opacity .42s ease;will-change:transform}.cf-card svg,.cf-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.cf-card.p0{transform:translate(-50%,-50%);z-index:3;box-shadow:0 10px 24px #00000047}.cf-card.p0.on{outline:3px solid var(--orange);outline-offset:-3px}.cf-card.p0.busy{opacity:.6}.cf-card.pm1{transform:translate(-50%,-50%) translate(-62%) rotateY(-48deg) scale(.86);z-index:2;filter:brightness(.72)}.cf-card.p1{transform:translate(-50%,-50%) translate(62%) rotateY(48deg) scale(.86);z-index:2;filter:brightness(.72)}.cf-card.pm2{transform:translate(-50%,-50%) translate(-112%) rotateY(-58deg) scale(.7);z-index:1;opacity:0;pointer-events:none}.cf-card.p2{transform:translate(-50%,-50%) translate(112%) rotateY(58deg) scale(.7);z-index:1;opacity:0;pointer-events:none}.chan-nav{position:absolute;top:50%;margin-top:-17px;z-index:4;width:28px;height:34px;border-radius:14px;background:#1212126b;color:#fff}.chan-nav:hover{background:#121212a8}.chan-nav.prev{left:4px}.chan-nav.next{right:4px}.chan-nav svg{width:18px;height:18px;transform:rotate(90deg)}.chan-nav.prev svg{transform:rotate(-90deg)}.chan-info{min-width:0}.chan-info small{color:var(--mute);font-size:11px;font-weight:700;letter-spacing:.04em}.chan-info h2{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container app (max-width: 980px){.tile.chan{grid-column:1 / -1;flex-direction:row;align-items:center;gap:14px}.cf{flex:0 0 min(300px,56%)}}@container app (max-width: 420px){.tile.chan{flex-direction:column;align-items:stretch;gap:6px}.cf{flex:0 0 auto}.chan-info h2{font-size:16px}}:root[data-mobile] .app>.tabs{flex:0 0 auto;display:flex;flex-wrap:nowrap;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--panel)}:root[data-mobile] .app>.tabs .tab{flex:1 1 0;min-width:0;padding:0 4px;height:36px;font-size:12px;background:transparent}:root[data-mobile] .app>.tabs .tab[aria-selected=true]{background:var(--ink)}:root[data-mobile] .np{padding-bottom:4px}:root[data-mobile] #np-queue,:root[data-mobile] #np-lyrics,:root[data-mobile] #np-album,:root[data-mobile] .dock-fab{display:none}:root[data-mobile] .np-now{cursor:pointer}:root[data-mobile] .dock{left:8px;right:8px;bottom:8px;grid-template-columns:repeat(6,1fr);justify-items:center;padding:8px}:root[data-mobile] .dock .pad{width:44px;height:44px}:root[data-mobile] .dock .pad svg{width:20px;height:20px}.deck{grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;align-items:center}.chan-info h2{font-size:22px}.pad.sqr{width:38px;height:38px;border-radius:var(--r-pad);background:var(--panel);color:var(--ink)}.pad.round{width:38px;height:38px;border-radius:50%}.pad.round svg .f{fill:currentColor}.chan-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.chan-text{min-width:0}.chan-info .textpad{height:32px;padding:0 10px;font-size:12px;flex:0 0 auto}.cf-name{position:absolute;top:0;bottom:0;z-index:4;width:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffeb;font-weight:800;font-size:13px;line-height:1.08;white-space:nowrap;text-shadow:0 0 4px rgba(0,0,0,.85),0 0 2px rgba(0,0,0,.6);pointer-events:none}.cf-name i{display:block;font-style:normal}.cf-name i.bar{transform:rotate(90deg)}.cf-name.lat span{display:block;transform:rotate(90deg)}.cf-name.prev{left:34px}.cf-name.next{right:34px}.chgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px 10px;padding:4px 6px 12px}.chitem{text-align:left;min-width:0}.chthumb{display:block;position:relative;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:var(--panel-2)}.chthumb svg,.chthumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.chitem b{display:block;margin-top:5px;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chitem.on .chthumb{outline:3px solid var(--orange);outline-offset:-3px}.chitem.on b{color:var(--orange)}.chitem.busy{opacity:.55}@container app (max-width: 680px){.pad.sqr{width:30px;height:30px;border-radius:9px}.pad.sqr svg{width:16px;height:16px}.top{flex-wrap:nowrap}}:root[data-mobile] .mtop{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8px 12px 6px;max-height:60px;overflow:hidden;transition:max-height .25s ease,padding .25s ease,opacity .2s ease}:root[data-mobile] .mtop.away{max-height:0;padding-top:0;padding-bottom:0;opacity:0}:root[data-mobile] .mtop .round{justify-self:start}:root[data-mobile] .mtop .pad.sqr,:root[data-mobile] .mtop .pad.round{width:38px;height:38px}:root[data-mobile] .mtop .pad.sqr{border-radius:var(--r-pad)}:root[data-mobile] .mtop:before{content:none}.mtop-word{justify-self:end;font-weight:900;font-size:22px;letter-spacing:-.02em}.deck{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:center;--deck-h: clamp(96px, 14cqw, 170px)}.tile.chan{flex-direction:row;align-items:center;gap:14px;grid-column:auto}.cf{flex:0 0 auto;height:var(--deck-h);width:calc(var(--deck-h) * 16 / 9);aspect-ratio:auto}.chan-info{flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.chan-text.on h2{color:var(--orange)}.tile.daily{align-items:center}.daily .mosaic{flex:0 0 var(--deck-h);width:var(--deck-h);height:var(--deck-h)}@container app (max-width: 680px){.deck{grid-template-columns:minmax(0,1fr)!important}}@container app (max-width: 420px){.tile.chan{flex-direction:column;align-items:stretch;gap:6px}.cf{width:100%;height:auto;aspect-ratio:16 / 9}.chan-info{flex-direction:row;align-items:center;justify-content:space-between}.daily .mosaic{flex-basis:72px;width:72px;height:72px}}.cf{width:calc(var(--deck-h) * 2.2)}.cf-card{width:58%}.chan-nav{width:24px;height:30px;margin-top:-15px}.chan-nav.prev{left:2px}.chan-nav.next{right:2px}.cf-name.prev{left:28px}.cf-name.next{right:28px}@container app (max-width: 680px){.chan-nav{width:20px;height:26px;margin-top:-13px}.chan-nav svg{width:14px;height:14px}.cf-name{font-size:11px}.cf-name.prev{left:23px}.cf-name.next{right:23px}}@container app (max-width: 420px){.cf{width:100%}.cf-card{width:64%}.cf-name{font-size:13px}.cf-name.prev{left:34px}.cf-name.next{right:34px}.chan-nav{width:28px;height:34px;margin-top:-17px}}.cf-title{position:absolute;left:50%;bottom:13%;transform:translate(-50%);z-index:4;max-width:52%;padding:3px 10px;border-radius:999px;background:#1212128c;color:#fff;font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.cf-title.on{background:var(--orange);color:#121212}.chan-info{min-width:0;overflow:hidden}.chan-text h2{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chan-text h2 span{color:var(--mute);font-weight:700}.chan-text.on h2{color:inherit}.chan-info .row{flex-wrap:nowrap;gap:6px}.chan-info .textpad{height:34px}.tile.chan,.tile.daily{min-width:0;overflow:hidden}.daily-copy h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@container app (max-width: 420px){.cf-title{font-size:14px;bottom:15%}.chan-info{flex-direction:row}}@container app (min-width: 421px) and (max-width: 680px){.cf-title{font-size:11px;padding:2px 8px;bottom:9%}}.chitem{padding:5px;border-radius:14px;border:2px solid transparent}.chitem.on{border-color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,transparent)}.chitem.on .chthumb{outline:none}.chgrid{gap:6px 4px}.np{margin:0 10px 10px;border:0;border-radius:16px;box-shadow:0 6px 18px #00000029}:root[data-theme=dark] .np{box-shadow:0 6px 18px #00000080}:root[data-mobile] .np{margin:0 8px 8px;padding-top:8px;padding-bottom:8px;background:linear-gradient(to right,color-mix(in srgb,var(--pc, var(--orange)) 52%,var(--panel)) var(--p, 0%),var(--panel) var(--p, 0%))}:root[data-mobile] .np-seek{display:none}:root[data-mobile] .mtop{padding:22px 14px 4px;max-height:80px}.chan-text small{display:block;margin-top:1px}.chan-info{container:chinfo / inline-size}@container chinfo (max-width: 124px){.chan-info .textpad span{display:none}.chan-info .textpad{padding:0 9px}}.chitem.on b{color:var(--ink)}:root[data-mobile] .dock{display:none!important}.np-now{cursor:pointer}.app{position:relative}.scrim{z-index:50}.toast{z-index:60}.stage{position:absolute;inset:0;z-index:30;background:#121211;color:#fff;display:flex;flex-direction:column;overflow:hidden;transform:translateY(100%);transition:transform .32s cubic-bezier(.22,.8,.24,1);--c: var(--orange)}.stage.open{transform:none}.stage[hidden]{display:none}.stage-glow{position:absolute;inset:-10% 0;pointer-events:none;background:radial-gradient(ellipse 34% 62% at 50% 50%,color-mix(in srgb,var(--c) 78%,transparent) 0%,color-mix(in srgb,var(--c) 30%,transparent) 45%,transparent 74%);transition:background .6s ease}.stage-top{position:relative;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:12px 14px 0}.stage-src{justify-self:center;font-weight:700;font-size:12px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stage-btn{background:transparent;color:#ffffffdb;width:44px;height:44px;border-radius:50%}.stage-btn:hover{background:#ffffff1f}.stage-btn[disabled]{opacity:.35}.stage-body{position:relative;flex:1 1 auto;min-height:0;width:min(520px,100%);margin:0 auto;padding:6px 22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.4vh,20px)}.stage-art{flex:0 1 auto;height:min(38vh,300px);aspect-ratio:1;border-radius:18px;overflow:hidden;background:#ffffff14;box-shadow:0 18px 40px #00000073}.stage-art img{width:100%;height:100%;object-fit:cover}.stage-seek{width:100%}.wave{position:relative;height:clamp(44px,10vh,72px);cursor:pointer;touch-action:none}.wave svg{position:absolute;inset:0;width:100%;height:100%;display:block;fill:#ffffff47}.wave #wave-fill{fill:color-mix(in srgb,var(--c) 72%,#fff);clip-path:inset(0 100% 0 0)}.stage-times{display:flex;justify-content:space-between;margin-top:4px;font-size:11px;font-weight:700;color:#fff9}.stage-text{text-align:center;max-width:100%}.stage-text h1{font-size:clamp(18px,3.4vh,26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-artist{margin-top:4px;font-weight:700;font-size:15px;color:color-mix(in srgb,var(--c) 55%,#fff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-album{margin-top:2px;font-weight:600;font-size:12px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-main{display:flex;align-items:center;gap:26px}.stage-play{width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--c) 82%,#fff);color:#121212}.stage-play.live{background:color-mix(in srgb,var(--c) 82%,#fff);color:#121212}.stage-play svg{width:28px;height:28px}.stage-more{display:flex;gap:30px}:root[data-mobile] .stage-top:after{content:"";position:absolute;left:50%;top:6px;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:#ffffff59}@media(max-height:430px){.stage-art{height:24vh}.stage-more{display:none}.stage-body{gap:6px}}.stage{--sg-bg: var(--paper);--sg-fg: #121212;--sg-soft: rgba(18, 18, 18, .62);--sg-faint: rgba(18, 18, 18, .2);--sg-hover: rgba(18, 18, 18, .08);--sg-accent: color-mix(in srgb, var(--c) 72%, #121212);--sg-glow: 62%;background:var(--sg-bg);color:var(--sg-fg)}:root[data-theme=dark] .stage{--sg-bg: #121211;--sg-fg: #fff;--sg-soft: rgba(255, 255, 255, .66);--sg-faint: rgba(255, 255, 255, .28);--sg-hover: rgba(255, 255, 255, .12);--sg-accent: color-mix(in srgb, var(--c) 72%, #fff);--sg-glow: 78%}.stage-glow{background:radial-gradient(ellipse 34% 62% at 50% 50%,color-mix(in srgb,var(--c) var(--sg-glow),transparent) 0%,color-mix(in srgb,var(--c) 26%,transparent) 45%,transparent 74%)}.stage-top{grid-template-columns:1fr auto 1fr}.stage-left{display:flex;gap:2px;justify-self:start}.stage-right{justify-self:end}.stage-src,.stage-album,.stage-times{color:var(--sg-soft)}.stage-btn{color:var(--sg-fg)}.stage-btn:hover{background:var(--sg-hover)}.stage-btn svg .f{fill:currentColor}.wave svg{fill:var(--sg-faint)}.wave #wave-fill{fill:var(--sg-accent)}.stage-artist{color:var(--sg-accent)}.stage-play,.stage-play.live{background:var(--sg-accent);color:var(--sg-bg)}.stage-art{background:var(--sg-hover);box-shadow:0 18px 40px #00000047}.seek u{top:3px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--ink);opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease}.seek u:after{content:none}.seek:hover u,.seek:active u,.seek:focus-visible u{opacity:1;transform:none}.seek:before,.seek i{border-radius:2px;transition:height .12s ease,top .12s ease}.seek:hover:before,.seek:hover i,.seek:active:before,.seek:active i{top:5px;height:6px}.rail-meta{gap:6px}.tool-theme{color:var(--orange)!important}:root[data-theme=dark] .tool-theme{color:#c9c9c1!important}.tool-theme svg .f{fill:currentColor}.side-tools{display:none;flex-direction:column;gap:6px;margin-left:auto;flex:0 0 auto}.side-tools .pad{background:var(--panel)}@container app (max-width: 680px){:root:not([data-mobile]) .side-tools{display:flex}}@container app (max-width: 420px){:root:not([data-mobile]) .side-tools{flex-direction:row;margin-left:0}}@container app (max-width: 680px){.daily .mosaic{margin:0 calc(var(--deck-h) * .6)}}.tile.daily{gap:14px}@container app (max-width: 420px){.daily .mosaic{margin:0}}.np{background:linear-gradient(to right,color-mix(in srgb,var(--pc, var(--orange)) 34%,var(--panel)) var(--p, 0%),var(--panel) var(--p, 0%))}.stage-right{display:flex;gap:14px}.stage-body,.stage-vu{transition:transform .36s cubic-bezier(.22,.8,.24,1),opacity .25s ease}.stage.page2 .stage-body{transform:translate(-100%);opacity:0;pointer-events:none}.stage-vu{position:absolute;inset:68px 0 0;padding:0 58px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;transform:translate(100%);opacity:0;pointer-events:none}.stage.page2 .stage-vu{transform:none;opacity:1;pointer-events:auto}.stage-nav{position:absolute;top:50%;margin-top:-30px;z-index:2;width:34px;height:60px;border-radius:17px;background:color-mix(in srgb,var(--sg-fg) 14%,transparent);color:var(--sg-fg)}.stage-nav:hover{background:color-mix(in srgb,var(--sg-fg) 26%,transparent)}.stage-nav svg{transform:rotate(90deg)}.stage-nav.prev svg{transform:rotate(-90deg)}.stage-nav.next{right:10px}.stage-nav.prev{left:10px;display:none}.stage.page2 .stage-nav.next{display:none}.stage.page2 .stage-nav.prev{display:inline-grid}.vu-row{display:flex;gap:16px;justify-content:center;width:min(620px,100%);flex:0 0 auto}.vu{flex:1 1 0;min-width:0;max-width:300px;height:auto}.vu-needle{stroke:var(--sg-accent);stroke-width:2.4;stroke-linecap:round;transform-origin:100px 112px;transform:rotate(-47deg)}.bio{width:min(620px,100%);flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.bio h2{font-size:20px}.bio p{margin:8px 0 6px;font-size:14px;font-weight:500;line-height:1.7;color:var(--sg-soft);white-space:pre-wrap}.bio small{color:var(--sg-soft);font-size:11px;font-weight:700}@container app (max-width: 520px){.stage-vu{padding:0 44px 14px}.vu-row{gap:8px}}html,body,.app,.stage{overflow:clip}.vu{filter:drop-shadow(0 0 16px rgba(255,150,40,.5)) drop-shadow(0 6px 14px rgba(0,0,0,.3));overflow:visible}.vu text{font-family:var(--font)}.vu-needle{stroke:#1c0d00;stroke-width:2.2;stroke-linecap:round;transform-origin:100px 132px;transform:rotate(-47deg)}.vu-tube path:nth-of-type(2){animation:vu-heat 3.2s ease-in-out infinite alternate}@keyframes vu-heat{0%{opacity:.7}to{opacity:1}}.stage:not(.page2) .vu-tube path{animation:none}.stage-nav{top:68%}.stage-artist,.stage-album{display:block;margin-left:auto;margin-right:auto;max-width:100%}.stage-artist:hover,.stage-album:hover{text-decoration:underline;text-underline-offset:3px}#view .grid:not(.shelf)>.card{content-visibility:auto;contain-intrinsic-size:auto 170px}.bar-tools{flex-wrap:nowrap}.bar-tools .textpad{flex:0 0 auto;max-width:46%;overflow:hidden;text-overflow:ellipsis}.cf{flex:0 1 calc(var(--deck-h) * 2.2);min-width:calc(var(--deck-h) * 1.55)}.chan-info{flex:1 0 auto;min-width:92px}.deck{column-gap:14px!important}@container app (max-width: 420px){.cf{flex:0 0 auto;min-width:0}.chan-info{flex:0 0 auto}}[data-act=theme]{color:var(--orange)!important}:root[data-theme=dark] [data-act=theme]{color:#c9c9c1!important}.stage-lyrics{display:none;width:100%;height:min(38vh,300px);overflow-y:auto;scrollbar-width:none;text-align:center;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}.stage-lyrics::-webkit-scrollbar{display:none}.stage.lyr .stage-art{display:none}.stage.lyr .stage-lyrics{display:block}.stage-lyrics .lyrics{padding:42% 4px}.stage-lyrics .lyrics p{font-size:clamp(18px,3.6vh,26px);color:var(--sg-faint)}.stage-lyrics .lyrics p.past{color:var(--sg-soft)}.stage-lyrics .lyrics p.now{color:var(--sg-fg)}.stage-lyrics .lyrics.plain{padding:18% 4px;color:var(--sg-fg);font-size:15px}.stage-lyrics .empty{color:var(--sg-soft);padding-top:30%;font-size:20px;font-weight:700}.stage-btn[aria-pressed=true]{background:var(--sg-hover);color:var(--sg-accent)}.sheet{transition:transform .26s cubic-bezier(.22,.8,.24,1)}.sheet.enter{animation:sheet-up .3s cubic-bezier(.22,.8,.24,1)}@keyframes sheet-up{0%{transform:translateY(105%)}to{transform:none}}.np{--np-accent: color-mix(in srgb, var(--pc, var(--orange)) 72%, #121212)}:root[data-theme=dark] .np{--np-accent: color-mix(in srgb, var(--pc, var(--orange)) 72%, #fff)}.np #np-prev,.np #np-next{background:transparent;color:var(--ink)}.np #np-prev:hover,.np #np-next:hover{background:color-mix(in srgb,var(--ink) 10%,transparent)}.np #np-play,.np #np-play.live{border-radius:50%;background:var(--np-accent);color:var(--paper);width:38px;height:38px}.np #np-play svg{width:18px;height:18px}.vu-wrap{position:relative;flex:1 1 0;min-width:0;max-width:300px}.vu-wrap .vu{display:block;width:100%;max-width:none}.vu-top{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.vu-needle{transform-origin:100px 132px;transform:rotate(-47deg);stroke:none}.vu-tube path:nth-of-type(2){animation:none}.stage.page2 .vu-fil{animation:vu-heat 3.2s ease-in-out infinite alternate}.sheet.leave{transform:translateY(108%);transition:transform .23s cubic-bezier(.5,0,.8,.4)}.pad.heart svg .h{fill:none}.pad.heart.on{color:var(--orange)}.pad.heart.on svg .h{fill:var(--orange);stroke:var(--orange)}.line .acts .pad.heart,.line .acts .pad.more,.np .pad.heart,.np .pad.more{background:transparent}.line .acts .pad.heart:hover,.line .acts .pad.more:hover{background:var(--panel-2)}.line .acts{gap:0}.line .acts .pad.more{width:26px}.rec{margin-left:8px;color:var(--mute);font-size:10px;font-weight:600;letter-spacing:.02em}.menu{position:fixed;z-index:70;min-width:196px;max-width:min(280px,calc(100vw - 16px));max-height:min(340px,calc(100vh - 16px));overflow-y:auto;padding:5px;border-radius:12px;background:var(--paper);color:var(--ink);border:1px solid var(--line, rgba(128, 128, 128, .3));box-shadow:0 10px 28px #0000004d}.menu .mi{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;text-align:left;font-size:13px;font-weight:700;color:inherit;background:none}.menu .mi:hover,.menu .mi:focus-visible{background:var(--panel)}.menu .mi svg{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.menu .mi svg .f{fill:currentColor;stroke:none}.menu .mi span{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu .mi small{color:var(--mute);font-size:11px}.menu .mh{padding:6px 10px 4px;font-size:11px;font-weight:700;color:var(--mute)}.menu .mnote{padding:6px 10px 8px;font-size:12px;color:var(--mute);line-height:1.5}.scrim.over{position:fixed}.mosaic.one{grid-template-columns:1fr}.mosaic-heart{display:grid;place-items:center;width:100%;height:100%;color:var(--mute)}.mosaic-heart svg{width:38%;height:38%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.daily-copy .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.stage.above{z-index:55}.pad.rep.on{color:var(--orange)}.menu .mi.rep .state:after{content:"OFF"}.menu .mi.rep.on,.menu .mi.rep.on .state{color:var(--orange)}.menu .mi.rep.on .state:after{content:"ON"}.stage-btn.heart.on{color:var(--orange)}.bmark{display:block;width:min(320px,64vw);height:auto;margin:0 auto;overflow:visible}.bmark .mk-st{stroke-dasharray:1;stroke-dashoffset:1;animation:bm-draw .9s cubic-bezier(.6,0,.2,1) .15s forwards}.bmark .mk-rec{transform-box:view-box;transform-origin:27.5px 72.5px;opacity:0;animation:bm-fade .4s ease .75s forwards,mk-spin 1.8s linear 1s infinite}@keyframes bm-draw{to{stroke-dashoffset:0}}@keyframes bm-fade{to{opacity:1}}@keyframes mk-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bmark *{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}.bmedia{display:block;width:min(560px,86vw);max-height:60vh;height:auto;margin:0 auto;object-fit:contain}.boot.media{background:var(--boot-bg, var(--paper))}.boot.media p,.boot.media .rel{color:#8f8f87}.recs .head+.grid.shelf+.head{margin-top:16px}.recs>.head~.head h2{font-size:13px;color:var(--mute)}.rec-why{padding:4px 8px}.rec-why p{font-weight:600;font-size:14px;line-height:1.6;margin:0 0 10px}.rec-why small{display:block;margin-top:10px;color:var(--mute);font-weight:600;font-size:12px}.rec-tags{display:flex;flex-wrap:wrap;gap:6px}.rec-tags span{padding:4px 9px;border-radius:999px;background:var(--panel-2);color:var(--mute);font-size:11px;font-weight:700}.textpad.on svg{fill:var(--orange);stroke:var(--orange)}.recs{container:recs / inline-size}.reclist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px var(--gap)}.reclist>:nth-child(n+13){display:none}.recs .reclist+.head{margin-top:16px}@container recs (max-width: 539px){.reclist{grid-template-columns:minmax(0,1fr)}.reclist>:nth-child(n+7){display:none}}@container recs (min-width: 1100px){.reclist{grid-template-columns:repeat(3,minmax(0,1fr))}}@container recs (min-width: 1500px){.reclist{grid-template-columns:repeat(4,minmax(0,1fr))}}.grid.shelf{row-gap:0!important;margin-bottom:-24px}.grid.shelf>*{margin-bottom:24px}@container app (max-width: 680px){.grid.shelf{margin-bottom:-20px}.grid.shelf>*{margin-bottom:20px}}#recs-slot>*+*{margin-top:22px}@container app (max-width: 680px){#recs-slot>*+*{margin-top:14px}}:root{--g-mix: 62%;--g-orange: rgba(255, 106, 26, .5);--g-gold: rgba(232, 178, 40, .55);--g-violet: rgba(122, 92, 255, .42);--g-teal: rgba(30, 196, 160, .42);--g-red: rgba(255, 56, 80, .4);--g-blue: rgba(47, 120, 255, .4);--g-pink: rgba(255, 92, 170, .4);--g-green: rgba(70, 190, 90, .42);--card: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .66));--card-line: rgba(18, 18, 18, .06);--card-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 12px 30px -16px rgba(30, 24, 18, .3), 0 2px 6px -2px rgba(30, 24, 18, .08);--r-card: 22px}:root[data-theme=dark]{--paper: #0f0f10;--panel: #1d1d1f;--panel-2: #2a2a2d;--faint: #3a3a3e;--g-mix: 78%;--g-orange: rgba(255, 106, 26, .62);--g-gold: rgba(240, 186, 50, .6);--g-violet: rgba(130, 100, 255, .56);--g-teal: rgba(30, 210, 170, .5);--g-red: rgba(255, 56, 80, .54);--g-blue: rgba(60, 130, 255, .55);--g-pink: rgba(255, 92, 170, .52);--g-green: rgba(80, 200, 100, .5);--card: linear-gradient(180deg, #19191b 0%, #131315 100%);--card-line: rgba(255, 255, 255, .07);--card-shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 18px 40px -18px rgba(0, 0, 0, .8)}:root:not([data-theme=dark]) body{background:radial-gradient(120% 80% at 50% -10%,#f1f1ec 0%,var(--paper) 60%)}.glass{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-card);padding:16px 18px 18px;background:var(--card);border:1px solid var(--card-line);box-shadow:var(--card-shadow)}.glass:before{content:"";position:absolute;z-index:-1;left:-8%;right:-8%;bottom:-1px;height:min(260px,92%);pointer-events:none;background:radial-gradient(52% 95% at 24% 100%,var(--glow, var(--g-orange)) 0%,transparent 72%),radial-gradient(42% 75% at 86% 100%,var(--glow, var(--g-orange)) 0%,transparent 74%);transition:background .5s ease}.glass:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 28%);opacity:.35}:root[data-theme=dark] .glass:after{background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 30%);opacity:1}.view>.glass+.glass,.view>section+.glass,.view>.glass+section{margin-top:16px}.deck .glass,.tile.daily.glass{padding:14px}.two>.glass{padding:14px 12px}.glass .head{padding:0 2px}.glass .line:hover,.glass .line.cur{background:color-mix(in srgb,var(--ink) 6%,transparent)}.homeswitch .chip{border-radius:999px;padding:0 14px}.plgrid{gap:12px!important}.tile.pl.glass{padding:12px;border-radius:18px}.tile.pl.glass:before{height:120%}@container app (max-width: 680px){.glass{padding:12px;border-radius:18px}.view>.glass+.glass,.view>section+.glass,.view>.glass+section{margin-top:10px}}.tab{border-radius:999px;background:transparent;color:var(--mute)}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{background:var(--ink);color:var(--paper)}.pad.ghost,.textpad.ghost{background:color-mix(in srgb,var(--ink) 8%,transparent)}.textpad{border-radius:999px}.field{border-radius:999px;background:color-mix(in srgb,var(--ink) 6%,var(--paper))}.np,.strip-wrap{background:var(--card);border:1px solid var(--card-line);box-shadow:var(--card-shadow)}:root[data-theme=dark] .np,:root[data-theme=dark] .strip-wrap{background:linear-gradient(180deg,#1b1b1e,#151517)}.strip-wrap{border-radius:999px;padding:5px 6px}.strip-wrap .chip{background:transparent;color:var(--ink);font-weight:700}.strip-wrap .chip span{color:var(--mute)}.strip-wrap .chip:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.strip-wrap .chip[aria-pressed=true]{background:var(--ink);color:var(--paper)}.strip-wrap .chip[aria-pressed=true] span{color:var(--paper);opacity:.6}.strip-wrap .strip-nav{color:var(--mute)}:root[data-theme=dark] .strip-wrap .chip{background:transparent;color:var(--ink)}:root[data-theme=dark] .strip-wrap .chip[aria-pressed=true],:root[data-theme=dark] .strip-wrap .chip[aria-pressed=true] span{background:var(--ink);color:#121212}.mark{display:block;width:100%;height:100%;overflow:visible}.mk-st{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round}.mk-ink{fill:var(--ink)}.mk-paper{fill:var(--paper)}.mk-groove{fill:none;stroke:var(--ink);stroke-width:.6;opacity:.38}.mk-sheen{fill:var(--ink);opacity:.16}.brand.big{width:44px;height:76px;margin:0 auto 10px}.mtop-word{display:inline-flex;align-items:center;gap:6px}.mtop-word .lockup{height:26px;width:auto;display:block;overflow:visible}.brand{width:28px;height:48px;flex:none}:root[data-theme=dark] .brand .mk-paper{fill:#000}.brand .mk-rec{transform-box:view-box;transform-origin:27.5px 72.5px}:root[data-playing] .brand .mk-rec{animation:mk-spin 1.8s linear infinite}@media(prefers-reduced-motion:reduce){.brand .mk-rec{animation:none!important}}.layouts{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);margin-left:auto}.lay{height:32px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mute)}.lay svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lay svg .f{fill:currentColor;stroke:none}.lay[aria-pressed=true]{background:var(--ink);color:var(--paper)}@container app (max-width: 820px){.lay span{display:none}.lay{padding:0 9px}}@container app (max-width: 560px){.layouts{margin-left:0}.bar-tools .field{flex:1 1 100%}.bar-tools{gap:8px 6px;flex-wrap:wrap}}.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:3px;border-radius:14px;overflow:hidden}.wall-item{position:relative;aspect-ratio:1;background:var(--panel-2);overflow:hidden;display:block;padding:0;content-visibility:auto;contain-intrinsic-size:120px 120px}.wall-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.wall-cap{position:absolute;inset:auto 0 0;padding:22px 8px 7px;text-align:left;color:#fff;opacity:0;transform:translateY(6px);background:linear-gradient(to top,rgba(0,0,0,.78),transparent);transition:opacity .2s,transform .2s;pointer-events:none}.wall-cap b,.wall-cap small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-cap b{font-size:12px;font-weight:800}.wall-cap small{font-size:10px;font-weight:600;opacity:.8}@media(hover:hover){.wall-item:hover img{transform:scale(1.06)}.wall-item:hover .wall-cap,.wall-item:focus-visible .wall-cap{opacity:1;transform:none}}@container app (max-width: 680px){.wall{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:2px;border-radius:10px}}.spin{position:relative;isolation:isolate;z-index:0;outline:none;user-select:none;-webkit-user-select:none}.spin-stage{position:relative;height:clamp(210px,42vh,360px);touch-action:pan-y;perspective:1200px;overflow:hidden}.spin-track{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.spin-item{position:absolute;left:0;top:0;width:var(--sw);height:var(--sw);padding:0;border-radius:8px;overflow:hidden;background:var(--panel-2);will-change:transform;backface-visibility:visible;transition:opacity .2s;cursor:pointer}.spin-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}.spin-item.round{border-radius:50%}.spin-item.front{box-shadow:0 16px 30px -12px #0000008c}.spin-cap{text-align:center;margin:12px auto 0;max-width:min(92%,560px);min-height:52px}.spin-cap b{display:block;font-size:clamp(18px,3cqw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spin-cap small{display:block;margin-top:4px;color:var(--mute);font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spin-nav{position:absolute;z-index:400;top:50%;margin-top:-19px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--card-line);box-shadow:var(--card-shadow);color:var(--ink)}.spin-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.spin-nav.prev{left:4px}.spin-nav.next{right:4px}.spin-count{position:absolute;z-index:400;right:8px;top:4px;font-size:11px;font-weight:700;color:var(--mute)}.spin-ring .spin-track{top:80%}.spin-ring .spin-item{border-radius:10px}.spin-ring .spin-item.front{outline:2px solid var(--orange);outline-offset:3px}.spin-ring .spin-nav{top:auto;bottom:10px;margin-top:0}.spin-tilt .spin-stage{perspective:1400px;perspective-origin:50% 20%}.spin-tilt .spin-track{transform:rotateX(-12deg) rotate(-6deg)}.spin-tilt .spin-item{width:var(--sw);height:calc(var(--sw) * 1.2);border-radius:12px}.spin-shelf .spin-stage{perspective:900px;perspective-origin:50% 35%}.spin-shelf .spin-track{transform:rotateX(8deg)}.spin-shelf .spin-item{width:calc(var(--sw) * 1.1);height:var(--sw);border-radius:3px;overflow:hidden;background:#0d0d0e;box-shadow:0 0 0 1px #ffffff47 inset,0 1px #ffffff80 inset}.case-spine{position:absolute;left:0;top:0;bottom:0;width:9%;background:linear-gradient(90deg,#050505,#1d1d1f 55%,#0b0b0c);box-shadow:1px 0 #ffffff2e}.case-spine:before{content:"";position:absolute;inset:6% 32%;background:repeating-linear-gradient(180deg,rgba(255,255,255,.14) 0 1px,transparent 1px 5px)}.case-art{position:absolute;inset:3% 3% 3% 11%;overflow:hidden;background:var(--panel-2)}.case-art img{width:100%;height:100%;object-fit:cover}.case-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.1) 24%,transparent 40%,transparent 72%,rgba(255,255,255,.12) 100%)}.spin-shelf .spin-item.front{box-shadow:0 0 0 1px #ffffff4d inset,0 20px 34px -14px #000000a6}@container app (max-width: 680px){.spin-stage{height:clamp(180px,34vh,280px)}.spin-cap{margin-top:8px;min-height:44px}.spin-cap b{font-size:18px}.spin-nav{display:none}}.sheet.enter-fade{animation:sheet-fade .22s ease}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}.sheet{border:1px solid var(--card-line);box-shadow:0 30px 80px -30px #0009;border-radius:24px}:root[data-theme=dark] .sheet{background:#121214}.sheet-album{background:linear-gradient(180deg,color-mix(in srgb,var(--ac) 48%,var(--paper)),color-mix(in srgb,var(--ac) 24%,var(--paper)) 42%,color-mix(in srgb,var(--ac) 12%,var(--paper)))!important}.sheet-album .line:hover,.sheet-album .line.cur{background:color-mix(in srgb,var(--ac) 18%,transparent)}.sheet-album .line.cur .idx{color:color-mix(in srgb,var(--ac) 70%,var(--ink))}.al-hero{position:relative;display:flex;align-items:flex-end;gap:22px;padding:22px 20px 16px}.al-hero>.pad,.ar-hero>.pad{position:absolute;right:14px;top:14px;z-index:3}.al-hero .txt{flex:1 1 auto;min-width:0;padding-bottom:2px}.al-hero h1{font-size:24px;overflow-wrap:anywhere}.al-hero .who{color:color-mix(in srgb,var(--ink) 62%,transparent);font-weight:700;font-size:13px;margin-top:6px}.al-hero .who button{text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--ink)}.al-tools{margin-top:14px}.disc-art{position:relative;flex:0 0 auto;width:168px;height:168px;margin-right:64px}.sleeve{position:relative;z-index:2;width:100%;height:100%;border-radius:6px;overflow:hidden;box-shadow:0 16px 34px -14px #000000a6;transform-origin:0 0}.sleeve .cover{border-radius:0;height:100%}.vinyl{position:absolute;z-index:1;inset:3%;border-radius:50%;transition:transform .9s cubic-bezier(.2,.8,.2,1) .1s}.disc-art.out .vinyl{transform:translate(40%)}.vinyl-disc{position:absolute;inset:0;border-radius:50%;will-change:transform;background:radial-gradient(circle,#0c0c0c 0 18%,transparent 18.5%),repeating-radial-gradient(circle,#151515 0 1.4px,#222 1.6px 2.6px),#151515;box-shadow:0 10px 26px -10px #000000b3}.disc-art.out .vinyl-disc{animation:disc-in 2.2s cubic-bezier(.15,.6,.25,1) .1s both}.disc-art.out.playing .vinyl-disc{animation:disc-in 2.2s cubic-bezier(.15,.6,.25,1) .1s both,disc-spin 1.8s linear 2.3s infinite}@keyframes disc-in{0%{transform:rotate(0)}to{transform:rotate(540deg)}}@keyframes disc-spin{0%{transform:rotate(540deg)}to{transform:rotate(900deg)}}.vinyl-label{position:absolute;left:33%;top:33%;width:34%;height:34%;border-radius:50%;overflow:hidden;background:var(--ac)}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label:after{content:"";position:absolute;left:50%;top:50%;width:9%;height:9%;margin:-4.5% 0 0 -4.5%;border-radius:50%;background:#0c0c0c}.vinyl-sheen{position:absolute;inset:0;border-radius:50%;pointer-events:none;background:conic-gradient(from 20deg,transparent 0 8%,rgba(255,255,255,.13) 12%,transparent 18% 50%,rgba(255,255,255,.1) 62%,transparent 68%)}.sheet-album .sheet-body{padding-top:6px}@container app (max-width: 680px){.al-hero{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 14px 12px}.disc-art{width:136px;height:136px;margin-right:0}.al-hero h1{font-size:20px}}.sheet-artist{background:linear-gradient(165deg,color-mix(in srgb,var(--ar1) 55%,var(--paper)),color-mix(in srgb,var(--ar2) 30%,var(--paper)) 40%,color-mix(in srgb,var(--ar3) 14%,var(--paper)))!important}.ar-hero{position:relative;display:flex;align-items:flex-end;gap:18px;padding:54px 20px 18px;color:#fff;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--ar1),var(--ar2) 55%,var(--ar3))}.ar-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0000000d,#00000080)}.ar-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:40px;z-index:-1;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--ar1) 55%,var(--paper)));opacity:.9}.ar-hero .thumb{flex:0 0 104px;width:104px}.ar-hero .cover{box-shadow:0 12px 30px -10px #0009}.ar-hero .txt{flex:1 1 auto;min-width:0}.ar-hero .ar-name{font-size:clamp(26px,6cqw,46px);letter-spacing:-.03em;line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.35);overflow-wrap:anywhere}.ar-hero .who{color:#fffc;font-weight:700;font-size:13px;margin-top:8px}.ar-logo{display:block;max-width:min(100%,380px);max-height:92px;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 2px 12px rgba(0,0,0,.35))}.ar-hero.has-logo .ar-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.ar-hero>.pad{background:#00000047;color:#fff}.ar-body h2{color:color-mix(in srgb,var(--ar1) 60%,var(--ink))}.ar-body .line:hover,.ar-body .line.cur{background:color-mix(in srgb,var(--ar1) 18%,transparent)}.ar-body .line.cur .idx,.ar-body .star{color:color-mix(in srgb,var(--ar1) 70%,var(--ink))}@container app (max-width: 680px){.ar-hero{padding:48px 14px 14px;gap:12px}.ar-hero .thumb{flex-basis:72px;width:72px}.ar-logo{max-height:64px}}:root[data-mobile] .app>.tabs.mtabs{display:flex;gap:0;padding:2px 4px calc(2px + env(safe-area-inset-bottom,0px));background:var(--paper);border-top:1px solid color-mix(in srgb,var(--ink) 9%,transparent)}:root[data-mobile] .app>.tabs.mtabs .tab{flex:1 1 0;min-width:0;height:52px;padding:4px 0 2px;border-radius:0;background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--mute);font-size:10px;font-weight:700;letter-spacing:.01em}:root[data-mobile] .app>.tabs.mtabs .tab svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}:root[data-mobile] .app>.tabs.mtabs .tab svg .f{fill:currentColor;stroke:none}:root[data-mobile] .app>.tabs.mtabs .tab[aria-selected=true]{color:var(--ink)}:root[data-mobile] .app>.tabs.mtabs .tab[aria-selected=true] svg{stroke-width:2.3}:root[data-mobile] .app>.tabs.mtabs .tab span{line-height:1}:root[data-mobile] .np{position:relative;margin:0 8px 6px;padding:7px 8px 9px 7px;gap:0;border-radius:14px;flex-wrap:nowrap;background:color-mix(in srgb,var(--pc, var(--orange)) 16%,var(--panel))!important;box-shadow:0 4px 14px #00000024;overflow:hidden}:root[data-mobile] .np:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:1px;background:linear-gradient(to right,color-mix(in srgb,var(--pc, var(--orange)) 80%,var(--ink)) var(--p, 0%),color-mix(in srgb,var(--ink) 12%,transparent) var(--p, 0%))}:root[data-mobile] .np-now{gap:10px;flex:1 1 auto;touch-action:pan-y}:root[data-mobile] .np-now .thumb{flex:0 0 44px;width:44px}:root[data-mobile] .np-now .cover{border-radius:8px}:root[data-mobile] .np-now b{font-size:14px}:root[data-mobile] .np-now small{font-size:12px;margin-top:1px}:root[data-mobile] .np-pads{gap:2px;align-items:center}:root[data-mobile] .np #np-prev,:root[data-mobile] .np #np-more{display:none}:root[data-mobile] .np .pad{width:42px;height:42px;border-radius:50%;background:transparent;color:var(--ink)}:root[data-mobile] .np .pad svg{width:24px;height:24px}:root[data-mobile] .np #np-play,:root[data-mobile] .np #np-play.live{width:42px;height:42px;background:transparent;color:var(--ink)}:root[data-mobile] .np #np-play svg{width:26px;height:26px}:root[data-mobile] .np #np-fav svg{width:22px;height:22px}.sheet-mini{display:none}:root[data-mobile] .sheet-mini{display:flex;align-items:center;gap:6px;padding:0 10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .22s ease,opacity .18s ease,padding .22s ease}:root[data-mobile] .sheet-mini b{flex:1 1 auto;min-width:0;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root[data-mobile] .sheet-mini .sheet-mini-play{flex:0 0 auto;border-radius:50%;background:var(--ink);color:var(--paper)}:root[data-mobile] .sheet>.al-hero,:root[data-mobile] .sheet>.ar-hero,:root[data-mobile] .sheet>.sheet-head,:root[data-mobile] .sheet>.sheet-tools{max-height:640px;overflow:hidden;transition:max-height .26s ease,opacity .2s ease,padding .26s ease}:root[data-mobile] .sheet.compact>.sheet-mini{max-height:56px;opacity:1;padding-top:8px;padding-bottom:8px}:root[data-mobile] .sheet.compact>.al-hero,:root[data-mobile] .sheet.compact>.ar-hero,:root[data-mobile] .sheet.compact>.sheet-head,:root[data-mobile] .sheet.compact>.sheet-tools{max-height:0;opacity:0;padding-top:0;padding-bottom:0}:root[data-mobile] .np #np-fav{order:-1}.al-fav{padding:0 10px}.al-fav svg{width:16px;height:16px}.al-fav.on{color:var(--orange)}.al-fav.on svg .h{fill:currentColor}.sheet-body .grid.fav-albums{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,132px);grid-template-columns:none;overflow-x:auto;gap:10px;padding:0 6px 6px;scrollbar-width:none}.sheet-body .fav-albums::-webkit-scrollbar{display:none}:root[data-mobile] .sheet-body .fav-albums{grid-auto-columns:38%}