@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#111012;--panel:#1a191c;--panel-2:#232226;--line:#2a292d;--text:#f5f2f0;--muted:#a39e9b;--accent:#f2604c;--accent-text:#ff8272;--accent-soft:#f2604c21;--bar-h:88px;--tab-h:56px;color-scheme:dark}*{scrollbar-width:thin;scrollbar-color:#fff2 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{background:#fff2;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#ffffff3a}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}.ico{fill:currentColor;flex:none;width:1.5rem;height:1.5rem}.ico-s{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px}.shell{grid-template-columns:248px minmax(0,1fr) 360px;grid-template-rows:minmax(0, 1fr) var(--bar-h);grid-template-areas:"side center np""bar bar bar";height:100dvh;display:grid}.side{background:#0d0c0e;flex-direction:column;grid-area:side;min-height:0;padding:24px 12px 12px;display:flex;overflow-y:auto}.center{flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex}.np{background:var(--panel);border-radius:16px;grid-area:np;min-height:0;margin:12px 12px 12px 0;padding:24px 20px;overflow-y:auto}.bar{border-top:1px solid var(--line);background:#0d0c0e;grid-area:bar}.logo{letter-spacing:-.03em;color:var(--accent-text);align-items:center;gap:8px;padding:0 12px 20px;font-size:2.1rem;font-weight:700;line-height:1;text-decoration:none;display:flex}.logo svg{width:34px;height:34px}.logo{color:var(--text)}.nav a{color:var(--text);border-radius:10px;align-items:center;gap:16px;padding:11px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--panel)}.nav a[aria-current=page],.nav a.on{background:var(--accent-soft);color:var(--accent-text)}.side hr{border:0;border-top:1px solid var(--line);margin:16px 12px}.pl-list{margin:0;padding:0;list-style:none}.pl-list a{min-width:0;color:var(--text);border-radius:10px;align-items:center;gap:12px;padding:7px 12px;font-size:.9rem;text-decoration:none;display:flex}.pl-list a:hover{background:var(--panel)}.tile{background:linear-gradient(135deg, var(--c1), var(--c2));color:#ffffffbf;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;display:grid}.tile .ico{width:18px;height:18px}.pl-list .t{line-height:1.3;display:block}.pl-list small{white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:.75rem;display:block;overflow:hidden}.pl-list span.t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar{padding:24px 28px 8px}.search{background:var(--panel);border:1px solid var(--line);max-width:720px;height:48px;color:var(--muted);border-radius:999px;align-items:center;gap:12px;padding:0 14px;display:flex;position:relative}.search:focus-within{border-color:var(--accent);color:var(--text)}.search input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:1rem}.search input::placeholder{color:var(--muted)}.search button{color:var(--muted);background:0 0;border:0;padding:4px;display:none}.search.has-q button{display:inline-flex}.view{flex:1;min-height:0;padding:8px 28px 40px;overflow:hidden auto}.foot{color:var(--muted);margin-top:40px;padding-top:16px;font-size:.75rem}h1.hello{letter-spacing:-.02em;margin:18px 0 20px;font-size:1.9rem;font-weight:700}h2.sec{letter-spacing:-.01em;margin:28px 0 14px;font-size:1.35rem;font-weight:700}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:10px 18px;font-size:.9rem;font-weight:500}.chip:hover{background:var(--panel-2);border-color:var(--accent)}.cards{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px;display:grid}.card{background:var(--panel);border-radius:14px;padding:14px;transition:background .15s;position:relative}.card:hover{background:var(--panel-2)}.card a{color:inherit;text-decoration:none;display:block}.card a:after{content:"";border-radius:14px;position:absolute;inset:0}.card .art,.pl-head .art{aspect-ratio:1;background:radial-gradient(120% 90% at 100% 0%, #ffffff38, transparent 55%), linear-gradient(135deg, var(--c1), var(--c2));border-radius:10px;align-items:flex-end;margin-bottom:12px;padding:12px;display:flex;overflow:hidden}.art span{letter-spacing:-.03em;color:#fff;text-shadow:0 1px 10px #00000059;-webkit-line-clamp:2;text-align:left;-webkit-box-orient:vertical;font-size:clamp(1rem,1.6vw,1.35rem);font-weight:800;line-height:1.05;display:-webkit-box;overflow:hidden}.pl-head .art{margin-bottom:0;padding:16px}.pl-head .art span{font-size:1.6rem}.card b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8rem;display:block;overflow:hidden}.fab{z-index:2;background:var(--accent);color:#fff;opacity:0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;transition:all .15s;display:grid;position:absolute;top:26px;right:22px;transform:translateY(6px);box-shadow:0 6px 16px #0006}.card:hover .fab,.fab:focus-visible{opacity:1;transform:none}@media (hover:none){.fab{opacity:1;transform:none}}.top{background:var(--panel);border-radius:16px;align-items:center;gap:24px;max-width:760px;padding:20px;display:flex;position:relative}.top img{aspect-ratio:16/9;object-fit:cover;background:var(--panel-2);border-radius:12px;flex:none;width:240px;height:auto}.top .info{flex:1;min-width:0}.top h3{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.5rem;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.top p{color:var(--muted);margin-top:6px}.round-play{background:var(--accent);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}.round-play:hover{filter:brightness(1.08);transform:scale(1.04)}.top .round-play{margin-top:16px}.songs{max-width:900px;margin:0;padding:0;list-style:none}.row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;grid-template-columns:36px 56px minmax(0,1fr) 56px;align-items:center;gap:14px;width:100%;padding:8px 12px;display:grid}.row:hover{background:var(--panel)}.row .idx{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;height:20px;position:relative}.row .idx svg{width:18px;height:18px;color:var(--text);display:none;position:absolute;inset:1px 0 0 9px}.row:hover .idx span,.row.active .idx span{visibility:hidden}.row:hover .idx svg.i-play{display:block}.row.active .idx svg.i-play{display:none}.row.active .idx svg.i-bars{color:var(--accent-text);display:block}.row img{object-fit:cover;background:var(--panel-2);border-radius:8px;width:56px;height:56px}.row .t{min-width:0}.row .t b{white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.row .t small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.82rem;display:block;overflow:hidden}.row .d{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem}.row.active{background:var(--accent-soft)}.row.active .t b,.row.active .d{color:var(--accent-text)}.sk{background:linear-gradient(90deg, var(--panel) 25%, var(--panel-2) 50%, var(--panel) 75%);background-size:200% 100%;border-radius:10px;animation:1.2s linear infinite sh}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.sk{animation:none}*{transition:none!important}}.sk-row{max-width:900px;height:72px;margin-bottom:8px}.sk-top{border-radius:16px;max-width:760px;height:216px}.msg{color:var(--muted);padding:40px 0}.msg b{color:var(--text);margin-bottom:6px;font-size:1.1rem;display:block}.msg button{background:var(--accent);color:#fff;border:0;border-radius:999px;margin-top:14px;padding:9px 18px;font-weight:600}.pl-head{align-items:flex-end;gap:24px;margin:18px 0 8px;display:flex}.pl-head .art{border-radius:14px;flex:none;width:176px;height:176px}.pl-head small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.pl-head h1{letter-spacing:-.03em;margin:6px 0;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.05}.pl-head p{color:var(--muted)}.pl-actions{margin:18px 0 8px}.np h2{letter-spacing:-.01em;margin:0 0 16px;font-size:1.4rem;font-weight:700}.np .np-close{display:none}.frame{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;min-height:200px;position:relative;overflow:hidden}body:not([data-has-track]) .frame{background:linear-gradient(160deg,#26242a,#1d1c20)}#pian-yt,#pian-yt iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.np-empty{text-align:center;color:var(--muted);pointer-events:none;align-content:center;place-items:center;gap:4px;padding:16px;font-size:.85rem;display:grid;position:absolute;inset:0}.np-empty .ico{width:40px;height:40px;color:var(--accent);margin:0 auto 6px}.np-empty b{color:var(--text);font-size:1rem}body[data-has-track] .np-empty{display:none}.np-title{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:18px;font-size:1.35rem;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.np-ch{color:var(--muted);margin-top:4px}.np h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:26px 0 8px;font-size:.8rem}.queue{margin:0;padding:0;list-style:none}.queue li button{text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:6px;display:grid}.queue li button:hover{background:var(--panel-2)}.queue img{object-fit:cover;border-radius:6px;width:44px;height:44px}.queue b{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;display:block;overflow:hidden}.queue small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.queue .d{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.np-ctrl{display:none}.q-empty{color:#6f6a68;font-size:.85rem}body:not([data-has-track]) .np{border:1px solid var(--line);background:#151417}body:not([data-has-track]) .np-title,body:not([data-has-track]) .np-ch{display:none}.bar-in{grid-template-columns:minmax(0,1fr) minmax(320px,640px) minmax(0,1fr);align-items:center;gap:16px;height:100%;padding:0 20px;display:grid}.b-info{text-align:left;background:0 0;border:0;align-items:center;gap:14px;min-width:0;padding:0;display:flex}.b-thumb{object-fit:cover;background:var(--panel-2);border-radius:10px;flex:none;width:64px;height:64px}.b-info b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.b-info small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;display:block;overflow:hidden}.b-info>span{min-width:0}.b-mid{flex-direction:column;align-items:center;gap:4px;display:flex}.ctrls{align-items:center;gap:22px;display:flex}.ibtn{width:40px;height:40px;color:var(--text);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.ibtn:hover{background:var(--panel-2)}.pp{background:var(--accent);color:#fff;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.pp:hover{filter:brightness(1.08);transform:scale(1.04)}.pp .i-pause,body[data-state=playing] .pp .i-play,body[data-state=buffering] .pp .i-play{display:none}body[data-state=playing] .pp .i-pause,body[data-state=buffering] .pp .i-pause{display:block}.seek-row{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:.75rem;display:flex}.seek-row span{min-width:36px}.seek-row span:first-child{text-align:right}.b-right{justify-content:flex-end;align-items:center;gap:6px;display:flex}.b-right .rng{flex:none;width:120px}.b-right .rng::-moz-range-thumb{background:#fff}.b-right .ibtn .i-mute,body[data-muted] .b-right .ibtn .i-vol{display:none}body[data-muted] .b-right .ibtn .i-mute{display:block}.rng{appearance:none;cursor:pointer;--pct:0%;background:0 0;flex:1;min-width:0;height:20px;margin:0}.rng::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--pct), #3a393d var(--pct));border-radius:4px;height:4px}.rng::-moz-range-track{background:#3a393d;border-radius:4px;height:4px}.rng::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.rng::-webkit-slider-thumb{-webkit-appearance:none;opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;margin-top:-5px}.b-right .rng::-webkit-slider-thumb{opacity:1}.b-right .rng::-moz-range-thumb{opacity:1}.b-right .rng::-webkit-slider-runnable-track{height:5px}[aria-disabled=true]{opacity:.4;pointer-events:none}.pp[aria-disabled=true]{background:#3a393d}.rng::-moz-range-thumb{opacity:0;background:#fff;border:0;border-radius:50%;width:14px;height:14px}.rng:hover::-webkit-slider-thumb{opacity:1}.rng:focus-visible::-webkit-slider-thumb{opacity:1}.rng:hover::-moz-range-thumb{opacity:1}.rng:focus-visible::-moz-range-thumb{opacity:1}.toast{left:50%;bottom:calc(var(--bar-h) + 16px);background:var(--panel-2);border:1px solid var(--line);opacity:0;pointer-events:none;z-index:90;white-space:nowrap;text-overflow:ellipsis;border-radius:12px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:.88rem;transition:all .25s;position:fixed;overflow:hidden;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.bar-prog{display:none}@media (width<=1023px){.shell{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"side center""bar bar"}.np{z-index:60;padding:16px 20px calc(24px + env(safe-area-inset-bottom));border-radius:0;margin:0;transition:transform .28s;position:fixed;inset:0;transform:translateY(100%)}body[data-np-open] .np{transform:none}.np .np-close{margin:0 0 8px -8px;display:inline-grid}.np-ctrl{flex-direction:column;align-items:center;gap:6px;margin-top:18px;display:flex}.np-ctrl .ctrls{gap:28px}}@media (width<=720px){:root{--bar-h:64px}.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--bar-h) var(--tab-h);grid-template-areas:"center""bar""side"}.side{border-top:1px solid var(--line);flex-direction:row;padding:0;overflow:hidden}.side .logo,.side hr,.side .pl-list{display:none}.nav{width:100%;display:flex}.nav a{border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:2px;padding:8px 4px;font-size:.7rem;background:0 0!important}.nav a[aria-current=page],.nav a.on{color:var(--accent-text)}.topbar{padding:14px 16px 4px}.view{padding:8px 16px calc(32px + env(safe-area-inset-bottom))}h1.hello{font-size:1.5rem}.bar{background:#19181b;border-top:0;border-radius:12px;margin:0 8px 6px;position:relative}.bar-in{grid-template-columns:minmax(0,1fr) auto;padding:0 8px}.b-mid .seek-row,.b-mid .ibtn,.b-right{display:none}.b-mid{display:block}.b-mid .pp{width:44px;height:44px}.b-thumb{width:48px;height:48px}.bar-prog{background:#3a393d;border-radius:2px;height:2px;display:block;position:absolute;bottom:0;left:10px;right:10px;overflow:hidden}.bar-prog i{height:100%;width:var(--pct,0%);background:var(--accent);display:block}.toast{bottom:calc(var(--bar-h) + var(--tab-h) + 20px)}.top{flex-direction:column;align-items:stretch;gap:14px;padding:14px}.top img{aspect-ratio:16/9;width:100%;height:auto}.pl-head{flex-direction:column;align-items:flex-start}.pl-head .art{width:150px;height:150px}.pl-head .art span{font-size:1.2rem}.row{grid-template-columns:52px minmax(0,1fr) 44px;gap:12px;padding:8px 4px}.row .idx{display:none}.row img{width:52px;height:52px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.np-head{align-items:center;gap:4px;display:flex}.np-head h2{margin:0 0 16px}.np-meta{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.np-text{flex:1;min-width:0}body:not([data-has-track]) .np-meta{display:none}.like{color:var(--muted);flex:none}.like:hover{color:var(--text)}.like[aria-pressed=true]{color:var(--accent)}.like[aria-pressed=true] .ico{fill:currentColor}.b-left{align-items:center;gap:4px;min-width:0;display:flex}.b-left .b-info{min-width:0}.ibtn,.pp,.chip,.round-play{transition:background .15s,transform .15s,filter .15s}.pp:active,.round-play:active,.ibtn:active{transform:scale(.94)}.chip:active{transform:scale(.97)}::selection{background:var(--accent);color:#fff}input{caret-color:var(--accent)}@media (width<=1023px){.np{visibility:hidden;overscroll-behavior:contain;will-change:transform;transition:transform .38s cubic-bezier(.16,1,.3,1),visibility 0s linear .38s}body[data-np-open] .np{visibility:visible;transition:transform .38s cubic-bezier(.16,1,.3,1),visibility}}@media (width<=720px){:root{--tab-h:calc(58px + env(safe-area-inset-bottom))}body{overscroll-behavior:none}.topbar{padding:calc(12px + env(safe-area-inset-top)) 16px 8px}.search{height:48px}.search input{font-size:16px}.search button{justify-content:center;align-items:center;min-width:44px;min-height:44px;margin-right:-10px}.side{padding:0 0 env(safe-area-inset-bottom);background:#0d0c0e}.nav a{min-height:56px;color:var(--muted);gap:3px;font-size:.72rem;position:relative}.nav a[aria-current=page]{color:var(--accent-text)}.nav a[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;width:24px;height:3px;position:absolute;top:0}.chip{min-height:44px;padding:0 18px}.chips{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{flex:none}.card{padding:10px}.card a:after{border-radius:14px}.fab{width:44px;height:44px;top:18px;right:18px}.row{border-radius:12px;grid-template-columns:48px minmax(0,1fr) auto;min-height:68px;padding:10px 4px}.row:active{background:var(--panel)}.row img{border-radius:8px;width:48px;height:48px}.row .t b{font-size:15px;line-height:1.3}.row .t small,.row .d{font-size:13px}.row.active .d:before{content:""}.top .round-play{width:56px;height:56px}.bar{background:#1d1c20;margin:0 8px 6px;box-shadow:0 6px 20px #00000073}.bar-in{grid-template-columns:minmax(0,1fr) auto;gap:4px;padding:0 6px 0 8px}.b-like{display:none}.b-info{width:100%;min-height:56px}.b-info b{font-size:15px}.b-mid{flex-direction:row;display:flex}.b-mid .ctrls{gap:2px}.b-mid .ctrls .ibtn:first-child{display:none}.b-mid .ctrls .ibtn{width:44px;height:44px;display:grid}.np{padding:calc(8px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom));background:#141316;flex-direction:column;display:flex;box-shadow:0 -10px 40px #00000080}.np-head{flex:none;justify-content:center;min-height:52px;position:relative}.np-head h2{margin:0;font-size:1rem;font-weight:600}.np .np-close{width:44px;height:44px;margin:0;display:grid;position:absolute;top:4px;left:8px}.np .np-close .ico{width:28px;height:28px}.np .frame{border-radius:0;flex:none;width:100%;min-height:220px;margin-top:4px}.np-meta{padding:20px 20px 0}.np-title{margin-top:0;font-size:1.4rem}.np-ch{margin-top:4px;font-size:1rem}.np .like{width:48px;height:48px;margin-right:-8px}.np .like .ico{width:28px;height:28px}.np-ctrl{gap:14px;padding:12px 20px 0}.np .seek-row .rng{height:36px}.np .ctrls{gap:28px}.np-ctrl .ibtn{width:56px;height:56px}.np-ctrl .ibtn .ico{width:30px;height:30px}.np-ctrl .pp{width:76px;height:76px}.np-ctrl .pp .ico{width:34px;height:34px}.np h3,.np .queue{margin-left:20px;margin-right:12px}.np h3{margin-top:28px}.queue li button{min-height:56px}.queue b{font-size:15px}.queue small{font-size:13px}.toast{bottom:calc(var(--bar-h) + var(--tab-h) + 20px)}.pl-head .art{width:160px;height:160px}.round-play{width:56px;height:56px}}@media (hover:none){.row .idx{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}