@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(./bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lime:#cdf564;--pink:#f037a5;--blue:#2d46b9;--navy:#1e3264;--orange:#ff6437;--lavender:#b49bc8;--mint:#9bf0e1;--gold:#ffc864;--plum:#503750;--green:#1ed760;--green-press:#1aa34a;--ground:#000;--panel:#121212;--raised:#1f1f1f;--hover:#2a2a2a;--line:#2f2f2f;--text:#fff;--sub:#b3b3b3;--display:"Bricolage Grotesque Variable", "Arial Narrow", system-ui, sans-serif;--ui:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-sheet:cubic-bezier(.32, .72, 0, 1);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;background:var(--ground)}body{background:var(--ground);min-height:100dvh;color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-variant-numeric:tabular-nums;margin:0;font-size:16px;line-height:1.45}h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}ol,ul{padding:0;list-style:none}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;padding:0}button:disabled{cursor:default}input,textarea,select{font:inherit;font-size:16px}::selection{background:var(--green);color:#000}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#4d4d4d transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-thumb{background:#ffffff47 padding-box padding-box;border:3px solid #0000;border-radius:12px}::-webkit-scrollbar-track{background:0 0}.screen{height:100dvh;position:fixed;inset:0;overflow:hidden}.pill-btn{color:#000;letter-spacing:.01em;min-height:48px;transition:transform .14s var(--ease-out), background-color .16s, opacity .16s;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;font-size:16px;font-weight:700;display:inline-flex}.pill-btn:active{transform:scale(.96)}.pill-btn:disabled{opacity:.6}.pill-btn.black{color:#fff;background:#000}.pill-btn.green{background:var(--green);color:#000}.pill-btn.ghost{color:inherit;background:0 0;box-shadow:inset 0 0 0 2px}.pill-btn.done{background:var(--green);color:#000}.pill-btn.big{min-height:56px;padding:0 36px;font-size:18px}.icon-btn{width:40px;height:40px;color:var(--sub);transition:color .14s, transform .14s var(--ease-out), background-color .14s;border-radius:50%;place-items:center;display:inline-grid}.icon-btn:active{transform:scale(.9)}.icon-btn.active{color:var(--green);position:relative}.icon-btn.active:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:2px;left:50%}.icon-btn.like.on{color:var(--green)}.icon-btn.like.on:after{display:none}@media (hover:hover) and (pointer:fine){.pill-btn:hover{transform:scale(1.04)}.pill-btn.green:hover{background:#3be477}.icon-btn:hover{color:var(--text)}}.eq{align-items:flex-end;gap:2px;width:14px;height:14px;display:inline-flex}.eq i{background:var(--green);border-radius:1px;width:2px;height:30%}.eq.on i{animation:.9s ease-in-out infinite eq}.eq.on i:nth-child(2){animation-delay:-300ms}.eq.on i:nth-child(3){animation-delay:-600ms}.eq.on i:nth-child(4){animation-delay:-150ms}@keyframes eq{0%,to{height:25%}50%{height:100%}}.shape{pointer-events:none;position:absolute}@media (prefers-reduced-motion:reduce){.eq.on i{height:70%;animation:none}}.app{--tab-h:64px;--mini-h:60px;background:var(--ground);grid-template-rows:1fr;grid-template-columns:1fr;display:grid;position:fixed;inset:0}.main{overscroll-behavior:contain;background:var(--panel);padding-bottom:calc(var(--tab-h) + var(--safe-b) + 24px);-webkit-overflow-scrolling:touch;overflow:hidden auto}.app.has-player .main{padding-bottom:calc(var(--tab-h) + var(--mini-h) + var(--safe-b) + 32px)}.side,.np-panel,.playerbar{display:none}@media (width>=1024px){.app{grid-template-rows:minmax(0,1fr) 84px;grid-template-columns:300px minmax(0,1fr);gap:8px;padding:8px 8px 0}.side{flex-direction:column;gap:8px;min-height:0;display:flex}.main,.app.has-player .main{border-radius:10px;padding-bottom:40px}.playerbar{grid-column:1/-1;display:grid}.tabbar,.mini{display:none!important}}@media (width>=1320px){.app{grid-template-columns:300px minmax(0,1fr) 340px}.np-panel{display:flex}}.side-box{background:var(--panel);border-radius:10px;padding:12px}.side-nav{gap:2px;display:grid}.side-brand{font-family:var(--display);letter-spacing:-.02em;color:var(--green);--mark-ink:#000;align-items:center;gap:10px;padding:8px 12px 14px;font-size:22px;font-weight:800;font-stretch:80%;display:flex}.side-nav button,.side-lib h2{color:var(--sub);border-radius:6px;align-items:center;gap:16px;padding:10px 12px;font-size:16px;font-weight:700;transition:color .14s;display:flex}.side-nav button.on{color:var(--text)}.side-lib{flex:1;min-height:0;overflow-y:auto}.side-lib h2{color:var(--sub)}.side-lib ul{gap:2px;margin-top:6px;display:grid}.side-lib button,.lib-list button{text-align:left;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px;transition:background-color .14s;display:flex}.side-lib button.on,.side-lib button:active,.lib-list button:active{background:var(--hover)}.lib-art{border-radius:4px;flex:none;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.lib-art.big{width:64px;height:64px}.lib-art.liked{color:#fff;background:linear-gradient(135deg,#4527a0,#8fb3e8)}.lib-art.letter{background:var(--blue);color:var(--lime)}.lib-text{min-width:0;display:grid}.lib-text b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.lib-text span{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}@media (hover:hover) and (pointer:fine){.side-nav button:hover{color:var(--text)}.side-lib button:hover,.lib-list button:hover{background:var(--raised)}.side-lib button.on:hover{background:var(--hover)}}.cover{aspect-ratio:1;background:var(--band);border-radius:4px;display:block;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-band{background:var(--band);height:38%;color:var(--band-ink);align-items:flex-end;padding:0 8% 7%;display:flex;position:absolute;inset:auto 0 0}.cover-band span{font-family:var(--display);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(9px,1em,40px);font-weight:800;font-stretch:75%;line-height:.9;display:-webkit-box;overflow:hidden}.lib-art .cover-band,.quick-art .cover-band{display:none}.tile-art .cover{border-radius:6px;width:100%}.tile-art .cover-band span{font-size:clamp(14px,1.35rem,26px)}.home{padding:calc(var(--safe-t) + 18px) 16px 24px;background:linear-gradient(180deg, #1d2a4f 0, var(--panel) 320px);gap:28px;display:grid}@media (width>=1024px){.home{border-radius:10px;padding:24px 24px 32px}}.home-head h1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(28px,7vw,40px);font-weight:800;font-stretch:85%;line-height:1}.wrapped-banner{background:var(--lime);color:#000;border-radius:12px;justify-items:start;gap:14px;min-height:168px;padding:22px 20px;display:grid;position:relative;overflow:hidden}.wb-star{width:240px;height:auto;top:-80px;right:-70px}.wb-text{gap:6px;max-width:30ch;display:grid;position:relative}.wb-title{font-size:clamp(38px,10vw,64px)}.wb-sub{font-size:15px;font-weight:600}.wrapped-banner .pill-btn{position:relative}@media (width>=720px){.wrapped-banner{grid-template-columns:1fr auto;align-items:end;padding:28px}.wb-star{width:320px;top:-110px;right:-40px}}.quick{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width>=900px){.quick{grid-template-columns:repeat(3,1fr);gap:10px}}.quick-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff14;border-radius:6px;align-items:center;gap:10px;height:56px;padding-right:10px;transition:background-color .16s;display:flex;position:relative;overflow:hidden}.quick-item:active{background:#ffffff29}.quick-art{border-radius:0;flex:none;width:56px;height:56px}.quick-item b{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.quick-play{display:none}@media (width>=900px){.quick-item{height:64px}.quick-art{width:64px;height:64px}.quick-item b{font-size:15px}.quick-play{background:var(--green);color:#000;opacity:0;width:40px;height:40px;transition:opacity .16s, transform .2s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;transform:translateY(4px);box-shadow:0 6px 14px #00000059}.quick-item:focus-within .quick-play{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.quick-item:hover{background:#ffffff29}.quick-item:hover .quick-play{opacity:1;transform:none}}.letter-card{text-align:left;background:var(--blue);color:#fff;transition:transform .16s var(--ease-out);border-radius:12px;gap:14px;padding:20px;display:grid}.letter-card:active{transform:scale(.985)}.lc-label{color:var(--lime);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.lc-lines{height:calc(4.32em + 12px);font-family:var(--display);letter-spacing:-.015em;color:#9aa6de;flex-direction:column;gap:4px;font-size:clamp(22px,5.6vw,32px);font-weight:800;font-stretch:85%;line-height:1.08;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 78%,#0000);mask-image:linear-gradient(#000 78%,#0000)}.lc-lines span{transition:color .42s var(--ease-out)}.lc-lines .sung{color:#ffffffd1}.lc-lines .lit,.letter-card.live .lc-label{color:#fff}.letter-card .eq i{background:var(--lime)}.lc-foot{color:#d7defa;font-size:14px}.lc-foot b{color:#fff}.row{gap:12px;display:grid}.row-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.row-head h2{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(22px,5.4vw,28px);font-weight:800;font-stretch:85%;line-height:1.05}.row-more{color:var(--sub);white-space:nowrap;font-size:14px;font-weight:700}.row-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:42%;grid-auto-flow:column;gap:14px;margin:0 -16px;padding:0 16px 6px;scroll-padding-inline:16px;display:grid;overflow-x:auto}.row-track::-webkit-scrollbar{display:none}@media (width>=640px){.row-track{grid-auto-columns:28%}}@media (width>=1024px){.row-track{grid-auto-columns:184px;gap:6px;margin:0 -12px;padding:0 12px 6px}}.tile{scroll-snap-align:start;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-content:start;gap:6px;min-width:0;transition:background-color .16s;display:grid}@media (width>=1024px){.tile{padding:12px}}.tile:active{background:#ffffff0f}.tile-art{display:block;position:relative}.tile-img{aspect-ratio:1;object-fit:cover;background:var(--raised);border-radius:6px;width:100%}.tile-title{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:15px;font-weight:700;overflow:hidden}.tile-sub{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-play{background:var(--green);color:#000;width:48px;height:48px;transition:opacity .16s, transform .22s var(--ease-out);border-radius:50%;place-items:center;display:none;position:absolute;bottom:8px;right:8px;box-shadow:0 8px 18px #0006}.tile-play.on{display:grid}@media (hover:hover) and (pointer:fine){.tile:hover{background:var(--raised)}.tile-play{opacity:0;display:grid;transform:translateY(8px)}.tile:hover .tile-play,.tile-play.on,.tile:focus-within .tile-play{opacity:1;transform:none}.row-more:hover{color:var(--text);text-decoration:underline}}.ep-art{aspect-ratio:1;background:var(--ep);color:#000;border-radius:6px;align-content:end;padding:10%;display:grid;overflow:hidden}.ep-art span{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(18px,1.5rem,28px);font-weight:800;font-stretch:75%;line-height:.92}.ep-art.small{place-items:center;width:56px;height:56px;padding:0}.ep-art.small span{font-size:26px}.home-foot{color:var(--sub);padding-top:8px;font-size:13px}.pl{background:linear-gradient(180deg, color-mix(in srgb, var(--pl) 70%, #000) 0, color-mix(in srgb, var(--pl) 22%, var(--panel)) 340px, var(--panel) 560px);min-height:100%}.pl-head{padding:calc(var(--safe-t) + 56px) 16px 16px;justify-items:center;gap:16px;display:grid;position:relative}.back-btn{left:8px;top:calc(var(--safe-t) + 8px);color:#fff;background:#0000004d;position:absolute}.pl-cover{border-radius:6px;width:min(62vw,260px);box-shadow:0 10px 40px #00000080}.pl-cover .cover-band span{font-size:clamp(22px,7vw,34px)}.liked-cover{color:#fff;background:linear-gradient(135deg,#4527a0,#8fb3e8);place-items:center;display:grid}.pl-info{gap:6px;width:100%;display:grid}.pl-type{font-size:14px;font-weight:700;display:none}.pl-title{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(30px,8.4vw,48px);font-weight:800;font-stretch:80%;line-height:.98}.pl-desc{color:#ffffffc7;max-width:60ch;font-size:14px}.pl-meta{color:#ffffffc7;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.pl-meta b{color:#fff}.pl-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px}@media (width>=1024px){.pl-head{grid-template-columns:auto 1fr;place-items:end start;gap:24px;padding:72px 24px 24px}.back-btn{top:16px;left:16px}.pl-cover{width:232px}.pl-cover .cover-band span{font-size:30px}.pl-type{display:block}.pl-title{font-size:clamp(48px,5.4vw,88px)}}.pl-actions{align-items:center;gap:16px;padding:8px 16px 16px;display:flex}@media (width>=1024px){.pl-actions{padding:16px 24px 20px}}.big-play{background:var(--green);color:#000;width:56px;height:56px;transition:transform .14s var(--ease-out), background-color .14s;border-radius:50%;order:2;place-items:center;margin-left:auto;display:grid}.big-play:active{background:var(--green-press);transform:scale(.94)}.pl-actions .icon-btn{order:1;width:48px;height:48px}@media (width>=1024px){.big-play{order:0;margin-left:0}}@media (hover:hover) and (pointer:fine){.big-play:hover{background:#3be477;transform:scale(1.05)}}.tracks{padding:0 8px 24px}@media (width>=1024px){.tracks{padding:0 24px 24px}}.tracks-head{display:none}.track{border-radius:6px;align-items:center;transition:background-color .12s;display:flex}.track-main{text-align:left;flex:1;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:8px;display:grid}.track-main:active{background:#ffffff14}.t-n,.t-from,.t-dur{display:none}.t-art{object-fit:cover;border-radius:4px;width:48px;height:48px}.t-text{min-width:0;display:grid}.t-text b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.t-text span{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.track.cur .t-text b{color:var(--green)}.t-like{width:44px;height:44px;color:var(--sub);flex:none;place-items:center;display:grid}.t-like.on{color:var(--green)}@media (width>=1024px){.tracks-head,.track-main{grid-template-columns:32px 40px minmax(0,1.4fr) minmax(0,1fr) 56px}.tracks-head{border-bottom:1px solid var(--line);color:var(--sub);gap:12px;margin-bottom:8px;padding:0 52px 8px 8px;font-size:14px;display:grid}.tracks-head span:nth-child(2){grid-column:2/4}.tracks-head span:last-child{text-align:right}.t-n{color:var(--sub);place-items:center;font-size:15px;display:grid;position:relative}.t-hover{color:#fff;display:none}.t-art{width:40px;height:40px}.t-from,.t-dur{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.t-dur{text-align:right}.track-main{padding:6px 8px}}@media (hover:hover) and (pointer:fine){.track:hover{background:#ffffff14}.track:hover .t-num,.track:hover .t-n .eq{display:none}.track:hover .t-hover{display:grid}.t-like:hover{color:var(--text)}}.empty{color:var(--sub);padding:32px 16px}.pl-foot{color:var(--sub);padding:0 24px 24px;font-size:13px}.show-cover{background:var(--lavender);color:#000;align-content:end;padding:10%;display:grid}.show-cover span{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(48px,15vw,72px);font-weight:800;font-stretch:75%;line-height:.82}.episodes{padding:0 8px 24px;display:grid}@media (width>=1024px){.episodes{padding:0 24px 24px}}.episodes li+li{border-top:1px solid var(--line)}.episodes button{text-align:left;border-radius:6px;align-items:flex-start;gap:14px;width:100%;padding:16px 8px;display:flex}.episodes button:active{background:#ffffff0f}@media (hover:hover) and (pointer:fine){.episodes button:hover{background:#ffffff0f}}.ep-text{gap:4px;min-width:0;display:grid}.ep-text b{font-size:16px;font-weight:700}.ep-preview{color:var(--sub);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.ep-meta{color:var(--sub);align-items:center;gap:6px;font-size:13px;display:inline-flex}.ep-meta svg{color:var(--green)}.episode{background:linear-gradient(180deg, color-mix(in srgb, var(--pl) 55%, #000) 0, var(--panel) 360px);min-height:100%}.ep-head{padding:calc(var(--safe-t) + 64px) 20px 24px;gap:10px;display:grid;position:relative}.ep-head .pl-type{display:block}.ep-title{font-family:var(--display);letter-spacing:-.025em;text-wrap:balance;max-width:14ch;font-size:clamp(36px,10vw,72px);font-weight:800;font-stretch:80%;line-height:.95}.ep-body{color:#e6e6e6;-webkit-user-select:text;user-select:text;gap:18px;max-width:68ch;padding:8px 20px 24px;font-size:18px;line-height:1.6;display:grid}.ep-sign{color:var(--sub)}.ep-next{background:var(--raised);text-align:left;border-radius:10px;gap:4px;max-width:520px;margin:8px 20px 24px;padding:16px 18px;transition:background-color .14s;display:grid}.ep-next span{color:var(--sub);font-size:13px;font-weight:600}.ep-next:active{background:var(--hover)}@media (width>=1024px){.ep-head{padding:80px 32px 28px}.ep-body{padding:8px 32px 24px}.ep-next{margin:8px 32px 32px}}.moments{padding:calc(var(--safe-t) + 20px) 16px 24px}@media (width>=1024px){.moments{padding:28px 24px 32px}}.moments-head{gap:6px;margin-bottom:18px;display:grid}.moments-head h1{font-family:var(--display);letter-spacing:-.035em;color:var(--pink);font-size:clamp(48px,14vw,96px);font-weight:800;font-stretch:75%;line-height:.85}.moments-head p{color:var(--sub)}.mo-grid{grid-template-columns:1fr 1fr;grid-auto-flow:dense;gap:8px;display:grid}@media (width>=900px){.mo-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.mo-item{background:var(--raised);transition:transform .16s var(--ease-out);border-radius:10px;position:relative;overflow:hidden}.mo-item:active{transform:scale(.98)}.mo-item.tall{aspect-ratio:9/16}.mo-item.wide{aspect-ratio:16/9;grid-column:span 2}.mo-item video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mo-cap{text-align:left;background:linear-gradient(#0000,#000c);padding:40px 12px 12px;font-size:15px;font-weight:700;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.mo-sound{background:#00000080;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px}.viewer{z-index:60;padding:calc(var(--safe-t) + 56px) 16px calc(var(--safe-b) + 24px);background:#000000eb;place-items:center;display:grid;position:fixed;inset:0}.viewer figure{justify-items:center;gap:12px;max-height:100%;display:grid}.viewer video{border-radius:12px;width:auto;max-width:100%;max-height:calc(100dvh - 160px)}.viewer video.wide{width:min(100%,1100px);height:auto}.viewer figcaption{font-family:var(--display);font-size:22px;font-weight:800;font-stretch:85%}.viewer-close{right:12px;top:calc(var(--safe-t) + 10px);color:#fff;background:#ffffff1f;width:44px;height:44px;position:absolute}.libview{padding:calc(var(--safe-t) + 16px) 8px 24px}.libview-head{align-items:center;gap:12px;padding:0 8px 16px;display:flex}.libview-avatar{color:var(--green);--mark-ink:#000}.libview-head h1{font-family:var(--display);letter-spacing:-.02em;font-size:28px;font-weight:800;font-stretch:85%}.lib-list{gap:4px;display:grid}.tabbar{z-index:30;height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);background:linear-gradient(#0000 0,#000 14px);grid-template-columns:repeat(3,1fr);padding-top:6px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--sub);transition:color .14s, transform .12s var(--ease-out);align-content:center;justify-items:center;gap:3px;font-size:11px;font-weight:600;display:grid}.tabbar button:active{transform:scale(.92)}.tabbar button.on{color:var(--text)}.mini{z-index:31;left:8px;right:8px;bottom:calc(var(--tab-h) + var(--safe-b) + 2px);height:var(--mini-h);background:#3a2b4a;border-radius:8px;align-items:center;gap:2px;padding:0 6px 0 8px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #00000073}.mini-open{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;height:100%;display:flex}.mini-open img{object-fit:cover;border-radius:4px;flex:none;width:42px;height:42px}.mini-text{min-width:0;display:grid}.mini-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.mini-text span{color:#d4c8e0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mini .icon-btn{color:#fff;width:44px;height:44px}.mini .icon-btn.like.on{color:var(--green)}.mini-bar{background:#ffffff40;border-radius:2px;height:2px;position:absolute;bottom:0;left:8px;right:8px;overflow:hidden}.mini-bar:after{content:"";width:var(--mini-pct);background:#fff;position:absolute;inset:0}.scrub{grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;width:100%;display:grid}.scrub-t{color:var(--sub);text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.scrub input,.volume input{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.scrub input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #fff var(--pct), #4d4d4d var(--pct));border-radius:4px;height:4px}.volume input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #fff var(--pct), #4d4d4d var(--pct));border-radius:4px;height:4px}.scrub input::-moz-range-track{background:linear-gradient(90deg, #fff var(--pct), #4d4d4d var(--pct));border-radius:4px;height:4px}.volume input::-moz-range-track{background:linear-gradient(90deg, #fff var(--pct), #4d4d4d var(--pct));border-radius:4px;height:4px}.scrub input::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .12s}.volume input::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;margin-top:-4px;transition:opacity .12s}.scrub input::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.volume input::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.scrub input:focus-visible::-webkit-slider-thumb{opacity:1}.scrub input:active::-webkit-slider-thumb{opacity:1}.scrub.big input::-webkit-slider-thumb{opacity:1}.scrub.big input::-moz-range-thumb{opacity:1}.scrub.big{grid-template-columns:1fr 1fr;row-gap:2px}.scrub.big input{grid-area:1/1/auto/-1}.scrub.big .scrub-t:first-child{text-align:left;grid-row:2}.scrub.big .scrub-t:last-child{text-align:right;grid-row:2}@media (hover:hover) and (pointer:fine){.scrub:hover input::-webkit-slider-thumb{opacity:1}.volume:hover input::-webkit-slider-thumb{opacity:1}.scrub:hover input::-moz-range-thumb{opacity:1}.volume:hover input::-moz-range-thumb{opacity:1}.scrub:hover input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--green) var(--pct), #4d4d4d var(--pct))}.volume:hover input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--green) var(--pct), #4d4d4d var(--pct))}}.controls{justify-content:center;align-items:center;gap:8px;display:flex}.play-btn{color:#000;width:34px;height:34px;transition:transform .12s var(--ease-out);background:#fff;border-radius:50%;place-items:center;display:grid}.play-btn:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.play-btn:hover{transform:scale(1.06)}}.controls.lg{justify-content:space-between;margin-top:4px}.controls.lg .icon-btn{color:#fff;width:48px;height:48px}.controls.lg .icon-btn.active{color:var(--green)}.controls.lg .play-btn{width:68px;height:68px}.playerbar{background:var(--ground);grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(180px,1fr);align-items:center;gap:16px;padding:0 12px}.pb-left{align-items:center;gap:12px;min-width:0;display:flex}.pb-art{object-fit:cover;border-radius:4px;width:56px;height:56px}.pb-text{min-width:0;display:grid}.pb-text b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pb-text span{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.pb-empty{color:var(--sub);font-size:14px}.pb-mid{justify-self:center;justify-items:center;gap:4px;width:100%;max-width:720px;display:grid}.pb-right{justify-content:flex-end;align-items:center;gap:4px;display:flex}.volume{align-items:center;gap:4px;width:140px;display:flex}.np-panel{background:var(--panel);border-radius:10px;flex-direction:column;gap:16px;min-height:0;padding:16px;overflow-y:auto}.np-panel.empty{color:var(--sub);text-align:center;justify-content:center;padding:32px}.np-context{font-size:16px;font-weight:700}.np-art{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.np-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.np-title>span,.sheet-title>span{min-width:0;display:grid}.np-title b{font-family:var(--display);letter-spacing:-.015em;font-size:24px;font-weight:800;font-stretch:85%;line-height:1.05}.np-title span span{color:var(--sub);font-size:15px}.np-card{text-align:left;background:var(--raised);border-radius:10px;gap:10px;padding:16px;display:grid}.np-card-h{font-size:16px;font-weight:700}.np-card p{color:var(--sub);font-size:15px}.np-from b{color:var(--text)}.lyric-peek{background:var(--ly-bg,var(--blue))}.lyric-peek .np-card-h{color:var(--lime)}.np-lines{font-family:var(--display);color:#fff;letter-spacing:-.01em;gap:2px;font-size:20px;font-weight:800;font-stretch:85%;line-height:1.12;display:grid}.np-lines span{color:color-mix(in srgb, #fff 52%, var(--ly-bg,var(--blue)));transition:color .4s}.np-lines span.lit{color:#fff}.np-lines.live{flex-direction:column;height:calc(3.36em + 4px);display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.np-lines.live span.sung{color:#ffffffd1}.np-cta{color:#000;background:#fff;border-radius:999px;justify-self:start;padding:8px 14px;font-size:13px;font-weight:700}.sheet{z-index:50;overscroll-behavior:contain;background:linear-gradient(180deg, color-mix(in srgb, var(--sheet) 70%, #000) 0, #121212 75%);padding:calc(var(--safe-t) + 6px) 20px calc(var(--safe-b) + 24px);position:fixed;inset:0;overflow-y:auto}.sheet-head{touch-action:none;grid-template-columns:44px 1fr 44px;align-items:center;padding-bottom:8px;display:grid}.sheet-head .icon-btn{color:#fff}.sheet-context{text-align:center;line-height:1.2;display:grid}.sheet-context span{text-transform:uppercase;letter-spacing:.08em;color:#ffffffbf;font-size:11px}.sheet-context b{font-size:14px}.sheet-grab{display:none}.sheet-body{gap:20px;max-width:480px;margin:0 auto;display:grid}.sheet-art-wrap{touch-action:none;padding:12px 0}.sheet-art{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;box-shadow:0 18px 50px #00000080}.sheet-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-title b{font-family:var(--display);letter-spacing:-.015em;font-size:26px;font-weight:800;font-stretch:85%;line-height:1.05}.sheet-title span span{color:#ffffffb8;font-size:16px}.sheet .scrub-t{color:#ffffffb8}.lyrics{--ly-bg:var(--blue);--ly-dim:color-mix(in srgb, #fff 52%, var(--ly-bg));z-index:70;background:var(--ly-bg);color:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.ly-head{padding:calc(var(--safe-t) + 6px) 12px 8px;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;display:grid}.ly-head .icon-btn{color:#fff}.ly-now{text-align:center;min-width:0;line-height:1.25;display:grid}.ly-now b{font-size:15px}.ly-now span{color:#d7defa;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.ly-scroll{overscroll-behavior:contain;padding:24px 20px calc(var(--safe-b) + 40px);scroll-behavior:auto;flex:1;overflow-y:auto}.ly-lines{max-width:760px;margin:0 auto;padding-bottom:32vh}.ly-line{font-family:var(--display);letter-spacing:-.015em;color:var(--ly-dim);cursor:pointer;transition:color .42s var(--ease-out), opacity .42s;text-wrap:pretty;padding:6px 0;font-size:clamp(26px,7.2vw,46px);font-weight:800;font-stretch:85%;line-height:1.12}.ly-line.sung{color:color-mix(in srgb, #fff 82%, var(--ly-bg))}.ly-line.plain{color:#fff;cursor:default;font-size:clamp(22px,6vw,36px)}.ly-line.now{color:#fff}.ly-gap{height:28px;display:block}.ly-sign{color:var(--ly-dim);margin-top:36px;font-size:18px;font-weight:700;transition:color .42s}.ly-sign.now{color:var(--lime)}@media (hover:hover) and (pointer:fine){.ly-line:hover{color:#fff}}.ly-note{color:#c9d2f7;max-width:760px;margin:24px auto 0;font-size:13px}.writeback{background:#00000038;border-radius:14px;gap:12px;max-width:760px;margin:0 auto;padding:20px;display:grid}.writeback h2{font-family:var(--display);letter-spacing:-.015em;color:var(--lime);font-size:28px;font-weight:800;font-stretch:85%}.writeback textarea{resize:vertical;color:#000;width:100%;min-height:120px;caret-color:var(--blue);background:#fff;border:0;border-radius:10px;padding:14px;line-height:1.5}.writeback textarea::placeholder{color:#5b5b6b}.writeback textarea:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.wb-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.wb-status{color:var(--lime);font-size:14px;font-weight:600}.queue{background:var(--raised);border-radius:12px;gap:12px;padding:18px 16px;display:grid}.queue-sub{color:var(--sub);margin-top:-6px;font-size:14px}.queue-list{gap:6px;display:grid}.queue-list li{background:color-mix(in srgb, var(--green) 14%, var(--raised));border-radius:8px;grid-template-columns:24px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.queue-list li svg{color:var(--green)}.q-n{color:var(--green);font-variant-numeric:tabular-nums;font-weight:800}.queue-list b{font-size:15px;font-weight:700}.queue-ideas{display:grid}.queue-ideas li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:4px 0 4px 2px;font-size:15px;display:flex}.queue-ideas li:last-child{border-bottom:0}.q-add{color:var(--text);width:44px;height:44px}.q-add:active{color:var(--green)}.queue-own{gap:8px;margin-top:4px;display:flex}.queue-own input{color:#000;min-width:0;height:48px;caret-color:var(--green-press);background:#fff;border:0;border-radius:999px;flex:1;padding:0 18px}.queue-own input::placeholder{color:#5b5b6b}.queue-flash{min-height:1.3em;color:var(--green);font-size:14px;font-weight:700}@media (hover:hover) and (pointer:fine){.q-add:hover{color:var(--green)}}.ly-heart{vertical-align:middle;color:#fff;width:40px;height:40px;transition:transform .14s var(--ease-out), color .16s;background:#ffffff29;border-radius:50%;place-items:center;margin-left:10px;display:inline-grid}.ly-heart:active{transform:scale(.88)}.ly-heart.on{color:var(--pink);background:#fff}.ly-tabs{justify-content:center;gap:8px;padding:4px 16px 6px;display:flex}.ly-tabs button{color:#fff;background:#00000038;border-radius:999px;min-height:36px;padding:0 16px;font-size:14px;font-weight:700;transition:background-color .16s,color .16s}.ly-tabs button.on{color:#000;background:#fff}.ly-msg{color:#fff;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.3}.ly-msg.small{color:var(--ly-dim);font-size:14px;font-weight:600}.ly-link{text-underline-offset:3px;font-weight:800;text-decoration:underline}.np-art-wrap{aspect-ratio:9/14;background:#000;border-radius:8px;flex:none;width:100%;overflow:hidden}.np-art-wrap:has(img){aspect-ratio:1}.np-canvas{object-fit:cover;width:100%;height:100%}.np-art-wrap .np-art{border-radius:0}.sheet-canvas{object-fit:cover;z-index:-1;opacity:.85;width:100%;height:100%;position:fixed;inset:0}.sheet:has(.sheet-canvas){isolation:isolate;background:#000}.sheet:has(.sheet-canvas):before{content:"";z-index:-1;background:linear-gradient(#00000073 0,#0000 22% 45%,#000000e0 70%,#000 100%);position:fixed;inset:0}.sheet-art-wrap.has-canvas{min-height:46svh}.upnext ul{gap:4px;display:grid}.upnext button{text-align:left;border-radius:6px;align-items:center;gap:12px;width:100%;padding:6px 0;display:flex}.upnext img{object-fit:cover;border-radius:4px;flex:none;width:44px;height:44px}.upnext button>span{min-width:0;display:grid}.upnext b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.upnext button>span span{color:var(--sub);font-size:13px}.np-from{color:var(--text)}.search{padding:calc(var(--safe-t) + 18px) 16px 24px;align-content:start;gap:16px;display:grid}@media (width>=1024px){.search{padding:24px}}.search-h{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(28px,7vw,40px);font-weight:800;font-stretch:85%}.search-box{z-index:2;color:#000;background:#fff;border-radius:8px;align-items:center;gap:10px;height:48px;padding:0 6px 0 14px;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #00000059}.search-box input{color:#000;min-width:0;height:100%;caret-color:var(--green-press);background:0 0;border:0;flex:1;font-weight:600}.search-box input::placeholder{color:#5b5b6b;font-weight:500}.search-box input:focus-visible{outline:none}.search-box:focus-within{box-shadow:0 0 0 2px var(--green), 0 6px 18px #00000059}.search-box .icon-btn{color:#000}.search-sub{font-family:var(--display);letter-spacing:-.015em;margin:6px 0 2px;font-size:22px;font-weight:800;font-stretch:85%}.browse{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width>=900px){.browse{grid-template-columns:repeat(4,1fr);gap:16px}}.browse-tile{text-align:left;height:96px;transition:transform .14s var(--ease-out);border-radius:8px;align-items:flex-start;padding:12px;display:flex;position:relative;overflow:hidden}.browse-tile span{font-family:var(--display);letter-spacing:-.01em;max-width:9em;font-size:19px;font-weight:800;font-stretch:85%;line-height:1.05;position:relative}.browse-tile:after{content:"";background:#00000038;border-radius:12px;width:64px;height:64px;position:absolute;bottom:-14px;right:-14px;transform:rotate(24deg)}.browse-tile:active{transform:scale(.97)}.search-none{color:var(--sub);padding:24px 0}.search-results{gap:18px;display:grid}.sr-songs{display:grid}.sr-songs button,.sr-link{width:100%;color:inherit;text-align:left;border-radius:6px;align-items:center;gap:12px;padding:7px 4px;text-decoration:none;display:flex}.sr-songs button:active{background:#ffffff14}.sr-songs img{object-fit:cover;border-radius:4px;flex:none;width:48px;height:48px}.sr-text{flex:1;min-width:0;display:grid}.sr-text b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:500;overflow:hidden}.sr-text span{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.sr-songs .cur .sr-text b{color:var(--green)}.sr-tiles{scrollbar-width:none;grid-auto-columns:40%;grid-auto-flow:column;gap:12px;display:grid;overflow-x:auto}@media (width>=900px){.sr-tiles{grid-auto-columns:180px}}.sr-tile{text-align:left;gap:8px;display:grid}.sr-tile .cover{border-radius:6px;width:100%}.sr-tile b{font-size:14px}@media (hover:hover) and (pointer:fine){.sr-songs button:hover{background:#ffffff14}.browse-tile:hover{transform:scale(1.02)}}.lib-art.voice{background:var(--navy);color:var(--lime)}.lib-art.gift{background:var(--lime);color:#000}.lib-art.moments{background:var(--pink);color:#000}.voice-cover{color:#fff;align-content:end;padding:10%;display:grid}.voice-cover img{opacity:.45}.voice-cover span{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(44px,14vw,64px);font-weight:800;font-stretch:75%;line-height:.84;position:relative}.voice-play{background:var(--green);color:#000;border-radius:50%}.voice-tile{aspect-ratio:1;background:var(--navy);border-radius:6px;align-content:end;padding:10%;display:grid;position:relative;overflow:hidden}.voice-tile img{object-fit:cover;opacity:.4;width:100%;height:100%;position:absolute;inset:0}.voice-tile span{font-family:var(--display);color:var(--lime);font-size:clamp(22px,1.8rem,34px);font-weight:800;font-stretch:75%;line-height:.9;position:relative}.his-cta{text-align:left;background:var(--lime);color:#000;transition:transform .16s var(--ease-out);border-radius:12px;grid-template-columns:1fr auto;align-items:end;gap:16px;padding:20px;display:grid;position:relative;overflow:hidden}.his-cta:active{transform:scale(.985)}.his-cta-star{width:180px;height:auto;top:-60px;right:-50px}.his-cta-text{gap:4px;display:grid;position:relative}.his-cta-text b{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(28px,7vw,40px);font-weight:800;font-stretch:80%;line-height:.95}.his-cta-text span{max-width:32ch;font-size:14px;font-weight:600}.his-cta .pill-btn{position:relative}.his{background:linear-gradient(180deg, color-mix(in srgb, var(--lime) 30%, #000) 0, var(--panel) 360px);min-height:100%;padding-bottom:32px}.his-form{gap:14px;max-width:640px;padding:0 20px;display:grid}@media (width>=1024px){.his-form{padding:0 32px}}.his-q{background:var(--raised);border-radius:12px;grid-template-columns:30px 1fr;gap:6px 10px;padding:14px;display:grid}.his-n{background:var(--lime);color:#000;border-radius:50%;grid-row:span 2;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.his-label{font-weight:700}.his-q textarea,.his-q input,.his-q select{color:#000;resize:vertical;background:#fff;border:0;border-radius:8px;grid-column:2;width:100%;padding:12px}.his-q select{height:48px}.his-card{background:var(--lavender);color:#000;border-radius:16px;gap:14px;max-width:520px;margin:8px 20px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0006}.his-card>:not(.shape){position:relative}.his-star{width:220px;height:auto;top:-70px;right:-70px}.his-sq{opacity:.9;width:220px;height:auto;bottom:90px;left:-20px;transform:rotate(-12deg)}.his-k{font-family:var(--display);letter-spacing:-.025em;max-width:9ch;font-size:clamp(34px,9vw,48px);font-weight:800;font-stretch:78%;line-height:.92}.his-by{margin-top:-8px;font-weight:700}.his-card dl{gap:12px;margin:0;display:grid}.his-card dt{font-size:13px;font-weight:800}.his-card dd{margin:2px 0 0;font-size:17px;font-weight:600;line-height:1.35}.his-word{font-family:var(--display);font-weight:800;font-stretch:78%;font-size:40px!important;line-height:1!important}.his-sent{color:#1a3a1a;font-weight:700}.row-head h2 small{font-family:var(--ui);letter-spacing:0;color:var(--sub);margin-top:4px;font-size:14px;font-weight:500;font-stretch:100%;display:block}.disc-cover{border-radius:6px;width:100%}.disc-cover .cover-band span{font-size:clamp(14px,1.3rem,24px)}.jam-invite{z-index:120;top:calc(var(--safe-t) + 10px);color:#fff;background:#1f1f1f;border-radius:14px;align-items:center;gap:10px;max-width:520px;margin:0 auto;padding:10px;display:flex;position:fixed;left:10px;right:10px;box-shadow:0 16px 40px #00000080}.jam-invite img{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.jam-text{flex:1;min-width:0;display:grid}.jam-text b{font-size:15px}.jam-text span{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.jam-invite .pill-btn{min-height:40px;padding:0 18px}.jam-invite .icon-btn{color:var(--sub)}.jam-bar{z-index:115;top:calc(var(--safe-t) + 8px);background:var(--green);color:#000;border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 14px;font-size:14px;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 10px 26px #00000059}.jam-bar .icon-btn{color:#000;width:34px;height:34px}.jam-dot{background:#000;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite jamdot}@keyframes jamdot{50%{opacity:.3}}.jam-leave{background:#00000024;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800}.jam-hearts{z-index:118;pointer-events:none;position:fixed;inset:0;overflow:hidden}.jam-heart{color:var(--pink);filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 4px 10px #00000059);position:absolute;bottom:8%}.jam-toast{z-index:119;left:50%;bottom:calc(var(--safe-b) + 150px);color:#000;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:800;display:inline-flex;position:fixed;translate:-50%;box-shadow:0 12px 30px #0006}.jam-toast svg{color:var(--pink)}@media (prefers-reduced-motion:reduce){.jam-dot{animation:none}}.y2-cover{aspect-ratio:1;background:var(--y2);color:var(--y2-ink);border-radius:6px;align-content:space-between;padding:9%;display:grid;position:relative;overflow:hidden}.y2-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.y2-cover.open:after{content:"";background:linear-gradient(#0000 45%,#000000b3);position:absolute;inset:0}.y2-n{z-index:1;font-family:var(--display);letter-spacing:-.04em;font-size:clamp(44px,3.6rem,72px);font-weight:800;font-stretch:75%;line-height:.8;position:relative}.y2-cover.open .y2-n{color:#fff}.y2-band{z-index:1;align-self:end;font-size:13px;font-weight:800;line-height:1.2;position:relative}.y2-cover.open .y2-band{color:#fff}.y2-cover:not(.open){background-image:repeating-linear-gradient(135deg,#0000 0 14px,#00000012 14px 28px);background-color:var(--y2)}.tile-art .y2-cover{width:100%}.y2-hero{background:var(--navy);color:var(--lime);align-content:end;padding:10%;display:grid}.y2-hero span{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(48px,15vw,72px);font-weight:800;font-stretch:75%;line-height:.82}.y2-grid{grid-template-columns:1fr 1fr;gap:14px;padding:0 16px 24px;display:grid}@media (width>=700px){.y2-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.y2-grid{grid-template-columns:repeat(4,1fr);padding:0 24px 24px}}.y2-grid button{text-align:left;gap:6px;width:100%;display:grid}.y2-grid button:active{transform:scale(.98)}.y2-grid b{font-size:15px}.y2-grid button>span:last-child{color:var(--sub);font-size:13px}.y2-release .ep-head .y2-cover{width:min(64vw,260px);box-shadow:0 18px 50px #00000080}.y2-play{text-align:left;background:#ffffff0f;border-radius:12px;align-items:center;gap:14px;max-width:520px;margin:0 20px 8px;padding:10px;display:flex}.y2-play .big-play{flex:none;order:0;margin:0}.y2-play>span:nth-child(2){flex:1;display:grid}.y2-play b{font-size:16px}.y2-play>span:nth-child(2) span{color:var(--sub);font-size:14px}.lib-art.y2art{background:var(--navy);color:var(--lime);font-family:var(--display);font-size:26px;font-weight:800;font-stretch:75%}.lib-art.y2art.big{font-size:34px}@media (width>=1024px){.y2-play{margin:0 32px 8px}}.inbox{gap:10px;display:grid}.inbox-badge{vertical-align:middle;font-family:var(--ui);letter-spacing:0;background:var(--green);color:#000;border-radius:999px;margin-left:10px;padding:3px 8px;font-size:12px;font-weight:800;font-stretch:100%}.inbox-list{gap:8px;display:grid}.inbox-list li,.inbox{overflow:hidden}.inbox-list button{text-align:left;background:var(--raised);border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px;transition:background-color .16s;display:flex}.inbox-list li.new button{background:color-mix(in srgb, var(--green) 16%, var(--raised))}.inbox-list li.new .inbox-meta:before{content:"";background:var(--green);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.inbox-list button:active{background:var(--hover)}.inbox-art{border-radius:6px;flex:none;place-items:center;width:56px;height:56px;display:grid;position:relative;overflow:hidden}.inbox-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.inbox-art svg{color:#fff;filter:drop-shadow(0 1px 4px #000000b3);position:relative}.inbox-text{gap:2px;min-width:0;display:grid}.inbox-meta{color:var(--sub);font-size:12px;font-weight:600}.inbox-text b{align-items:center;gap:8px;font-size:16px;display:flex}.inbox-text q{color:#e6e6e6;quotes:"“" "”";font-size:14px}.daylist{background:var(--dl);color:var(--dl-ink);cursor:pointer;transition:transform .16s var(--ease-out);border-radius:12px;grid-template-columns:88px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid;position:relative;overflow:hidden}.daylist:active{transform:scale(.985)}.dl-art{object-fit:cover;border-radius:8px;width:88px;height:88px;box-shadow:0 8px 20px #00000040}.dl-text{gap:3px;min-width:0;display:grid}.dl-kind{letter-spacing:.04em;opacity:.8;font-size:12px;font-weight:800}.dl-text b{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(19px,5vw,26px);font-weight:800;font-stretch:82%;line-height:1.02}.dl-note{opacity:.85;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.dl-play{color:#fff;width:48px;height:48px;transition:transform .14s var(--ease-out);background:#000;border-radius:50%;flex:none;place-items:center;display:grid}.dl-play:active{transform:scale(.92)}.dl-ep{margin:0 16px 24px}.duo{grid-template-columns:1fr 1fr;gap:10px;display:grid}.duo-card{text-align:left;min-height:168px;transition:transform .16s var(--ease-out);border-radius:12px;align-content:space-between;gap:10px;padding:14px;display:grid;position:relative;overflow:hidden}.duo-card:active{transform:scale(.98)}.duo-card>span{gap:2px;display:grid;position:relative}.duo-card small{opacity:.85;font-size:12px;font-weight:800}.duo-card b{font-family:var(--display);letter-spacing:-.015em;font-size:20px;font-weight:800;font-stretch:82%;line-height:1.02}.duo-card>span>span{opacity:.85;font-size:12px}.book-card{background:var(--plum);color:#fff}.book-card img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;inset:0}.voice-card{background:var(--pink);color:#000}.book-cover{color:#fff;align-content:end;padding:10%;display:grid}.book-cover img{opacity:.5}.book-cover span{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(28px,9vw,40px);font-weight:800;font-stretch:78%;line-height:.92;position:relative}.chapters{padding:0 8px 16px;display:grid}@media (width>=1024px){.chapters{padding:0 24px 16px}}.chapters li+li{border-top:1px solid var(--line)}.chapters button{text-align:left;border-radius:6px;align-items:center;gap:14px;width:100%;padding:12px 8px;display:flex}.chapters button:active{background:#ffffff0f}.ch-n{text-align:center;width:28px;color:var(--sub);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.ch-text{gap:2px;display:grid}.ch-text b{font-size:16px}.ch-text span{color:var(--sub);align-items:center;gap:4px;font-size:13px;display:inline-flex}.ch-text svg{color:var(--green)}.ch-note{color:var(--sub);margin:0 20px 8px;font-size:14px}.ch-lines{gap:14px;max-width:760px;padding:8px 20px 24px;display:grid}.ch-lines p{font-family:var(--display);letter-spacing:-.01em;color:#f2f2f2;transition:color .4s var(--ease-out);font-size:clamp(20px,5.4vw,30px);font-weight:700;font-stretch:88%;line-height:1.2}.ch-lines p.next{color:#8f8f9a}.ch-lines p.sung{color:#cfcfd6}.ch-lines p.now{color:var(--lime)}@media (width>=1024px){.ch-lines{padding:8px 32px 24px}}.pl-foot a{color:var(--green)}.lib-art.book img{object-fit:cover;width:100%;height:100%}.vb-body{justify-items:center;gap:14px;padding:24px 20px;display:grid}.vb-rec{background:var(--pink);color:#000;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative;box-shadow:0 16px 40px #0006}.vb-rec.on{color:var(--pink);background:#fff}.vb-pulse{border:4px solid var(--pink);border-radius:50%;position:absolute;inset:0}.vb-time{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;font-stretch:85%}.vb-hint{color:var(--sub);font-size:14px}.vb-clip{justify-items:center;gap:14px;width:100%;max-width:480px;display:grid}.vb-clip .y2-play{width:100%;margin:0}.vb-sent{color:var(--green);text-align:center;font-weight:700}.install-body{justify-items:stretch;max-width:560px}.install-warn{background:color-mix(in srgb, var(--gold) 22%, var(--raised));color:#fff;border-radius:10px;padding:12px 14px;font-weight:600}.install-steps{gap:10px;display:grid}.install-steps li{background:var(--raised);border-radius:12px;align-items:flex-start;gap:12px;padding:14px;font-size:16px;line-height:1.4;display:flex}.install-ico{vertical-align:-3px;color:var(--green);margin-left:6px;display:inline-block}.lib-art.install{background:var(--lime);color:#000;--mark-ink:var(--lime)}.dl-btn{order:1;position:relative}.dl-progress{color:var(--sub);white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:100%;left:50%;translate:-50%}.m-send select,.m-send textarea{color:#000;background:#fff;border:0;border-radius:8px;width:100%;padding:12px}.m-send select{height:48px}.m-send textarea{resize:vertical}.q-btns{flex:none;align-items:center;display:inline-flex}.q-x{color:var(--sub);width:40px;height:40px}.queue-list .q-x{margin:-8px -6px -8px 0}@media (hover:hover) and (pointer:fine){.q-x:hover{color:var(--text)}}.queue-list li .q-x svg{color:var(--sub)}.sleep{justify-content:center;display:flex;position:relative}.sleep-btn{color:#fffc;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.sleep-btn.on{color:var(--green);background:#1ed7601f}.sleep.compact .sleep-btn{color:var(--sub);padding:0 8px}.sleep.compact .sleep-btn.on{color:var(--green)}.sleep-scrim{z-index:140;background:#00000080;position:fixed;inset:0}.sleep-menu{z-index:141;max-width:480px;padding:18px 12px calc(var(--safe-b) + 18px);background:#282828;border-radius:18px 18px 0 0;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #00000080}.sleep-h{padding:4px 12px 10px;font-size:16px}.sleep-menu button{text-align:left;color:#fff;border-radius:8px;justify-content:space-between;align-items:center;min-height:50px;padding:0 12px;font-size:16px;display:flex}.sleep-menu button:active{background:var(--hover)}.sleep-menu button svg{color:var(--green)}.sleep-menu .sleep-off{color:#ff8a80}@media (width>=1024px){.sleep-menu{border-radius:14px;width:320px;padding-bottom:14px;bottom:96px;left:auto;right:16px}}.events{gap:10px;display:grid}.ev-list{gap:8px;display:grid}.ev{background:var(--raised);border-radius:12px;align-items:center;gap:14px;padding:10px 6px 10px 10px;display:flex}.ev.hot{background:color-mix(in srgb, var(--pink) 18%, var(--raised))}.ev-date{color:#000;background:#fff;border-radius:10px;flex:none;align-content:center;place-items:center;width:56px;height:60px;line-height:1;display:grid}.ev.hot .ev-date{background:var(--pink)}.ev-date small{letter-spacing:.06em;font-size:11px;font-weight:800}.ev-date b{font-family:var(--display);font-size:28px;font-weight:800;font-stretch:78%}.ev-text{flex:1;gap:2px;min-width:0;display:grid}.ev-text b{font-size:16px}.ev-text>span{color:var(--sub);font-size:13px}.ev-text .ev-when{color:var(--green);font-weight:700}.ev-add{color:#fff;flex:none;width:44px;height:44px}.ev-page{max-width:680px;padding:0 16px 24px}@media (width>=1024px){.ev-page{padding:0 32px 24px}}.lib-art.events{background:var(--pink);color:#000}