/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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,ui-sans-serif, system-ui, 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]){-webkit-text-decoration:underline dotted;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;-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{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{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.start{inset-inline-start:var(--spacing)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-\[60\]{z-index:60}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-\[3px\]{height:3px}.h-full{height:100%}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.uppercase{text-transform:uppercase}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--bg:#0d0d0f;--bg-2:#131318;--bg-3:#1a1a21;--bg-4:#22222b;--line:#ffffff12;--line-2:#ffffff1f;--text:#fff;--text-mute:#ffffff9e;--text-dim:#fff6;--blue:#0af;--blue-soft:#6ccfff;--tint:#e8f6ff;--lime:#c8ff3d;--lime-strong:#39ff14;--shadow-lg:0 24px 60px -20px #000000b3, 0 8px 20px -8px #00000080;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:22px;--pad-x:32px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-feature-settings:"ss01", "ss02";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Archivo,system-ui,-apple-system,sans-serif}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input{font:inherit;color:inherit}ol,ul{margin:0;padding:0;list-style:none}::selection{background:var(--blue);color:#001425}.app{background:radial-gradient(1200px 600px at 80% -10%, #00aaff12, transparent 60%), radial-gradient(900px 400px at -10% 110%, #00aaff0d, transparent 60%), var(--bg);flex-direction:column;min-height:100vh;display:flex}.app__shell{flex:1;grid-template-columns:248px 1fr;min-height:100vh;padding-bottom:86px;display:grid}.app--ph .app__shell{display:none}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.dot--blue{background:var(--blue);box-shadow:0 0 10px var(--blue)}.sidebar{border-right:1px solid var(--line);background:linear-gradient(#101015,#0a0a0d);flex-direction:column;align-self:start;gap:18px;height:100vh;padding:22px 16px 100px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}.sidebar__brand{align-items:center;gap:12px;padding:4px 6px 8px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--blue), #0066b8);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;box-shadow:0 0 24px #00aaff73,inset 0 1px #ffffff40}.brand-mark__num{letter-spacing:-.05em;color:#001425;font-size:18px;font-weight:900}.brand-mark__dot{background:var(--lime-strong);width:10px;height:10px;box-shadow:0 0 8px var(--lime-strong);border-radius:50%;position:absolute;top:-3px;right:-3px}.brand-word__name{letter-spacing:-.04em;color:var(--blue);text-shadow:0 0 18px #00aaff59;font-size:20px;font-weight:800;line-height:1}.brand-word__tag{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-top:5px;font-size:9.5px}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.navlink{color:var(--text-mute);border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.navlink__icon{text-align:center;opacity:.85;width:20px;font-size:16px}.navlink:hover{color:#fff;background:#ffffff0a}.navlink--active{color:#fff;background:#00aaff1a}.navlink--active:before{content:"";background:var(--blue);width:3px;box-shadow:0 0 10px var(--blue);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:0}.sidebar__heading{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-top:4px;padding:8px 12px 4px;font-size:10px}.sidebar__genres{flex-direction:column;gap:2px;display:flex}.genrepill{color:var(--text-mute);text-align:left;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .12s,color .12s;display:flex}.genrepill:hover{color:#fff;background:#ffffff0a}.genrepill--active{background:var(--blue);color:#001425;font-weight:700;box-shadow:0 0 0 1px #ffffff0f,0 6px 16px -4px #00aaff80}.genrepill--active:hover{background:var(--blue);color:#001425}.genrepill__dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px}.genrepill--active .genrepill__dot{box-shadow:none;background:#001425!important}.sidebar__foot{border-top:1px solid var(--line);margin-top:auto;padding:12px}.sidebar__foot-line{color:var(--text-mute);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.sidebar__foot-line.muted{color:var(--text-dim)}.main{padding:18px var(--pad-x) 32px;width:100%;max-width:1500px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:16px;margin-bottom:28px;padding-bottom:10px;display:flex}.topbar__search{background:var(--bg-2);border:1px solid var(--line);max-width:480px;color:var(--text-mute);border-radius:10px;flex:1;align-items:center;gap:10px;padding:10px 14px;transition:border-color .12s,background .12s;display:flex}.topbar__search:focus-within{border-color:var(--blue);background:var(--bg-3);color:#fff}.topbar__search input{color:#fff;background:0 0;border:0;outline:0;flex:1;font-size:14px}.topbar__search input::placeholder{color:var(--text-dim)}.topbar__chip{color:var(--blue-soft);letter-spacing:.12em;text-transform:uppercase;background:#00aaff14;border:1px solid #00aaff40;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.topbar__chip-dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 8px var(--blue);border-radius:50%;animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.hero{border-radius:var(--r-xl);border:1px solid var(--line);background:radial-gradient(600px 200px at 95% 0,#00aaff2e,#0000 70%),linear-gradient(#181822 0%,#0e0e15 100%);margin-bottom:28px;padding:28px 36px 36px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 40px,#ffffff06 40px 41px),repeating-linear-gradient(90deg,#0000 0 40px,#ffffff06 40px 41px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(700px 300px at 100% 0,#000 0%,#0000 70%);mask-image:radial-gradient(700px 300px at 100% 0,#000 0%,#0000 70%)}.hero__eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:600;display:inline-flex}.hero__title{letter-spacing:-.045em;text-wrap:balance;margin:0 0 14px;font-size:clamp(36px,4.6vw,64px);font-weight:900;line-height:.96}.hero__title-accent{color:var(--blue);text-shadow:0 0 22px #00aaff59;position:relative}.hero__title-accent:after{content:"";background:var(--blue);height:4px;box-shadow:0 0 18px var(--blue);border-radius:2px;position:absolute;bottom:-2px;left:0;right:0}.hero__sub{color:var(--text-mute);margin:0 0 22px;font-size:17px;font-weight:500}.hero__stats{align-items:center;gap:24px;font-family:JetBrains Mono,ui-monospace,monospace;display:flex}.hero__stat{flex-direction:column;gap:2px;display:flex}.hero__stat b{letter-spacing:-.04em;color:#fff;font-family:Archivo,sans-serif;font-size:22px;font-weight:800}.hero__stat span{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px}.hero__divider{background:var(--line-2);width:1px;height:28px}.sortbar{align-items:center;gap:16px;margin-bottom:22px;display:flex}.sortbar__count{align-items:baseline;gap:8px;display:flex}.sortbar__count-num{letter-spacing:-.04em;font-size:22px;font-weight:800}.sortbar__count-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:12px}.sortbar__group{align-items:center;gap:12px;margin-left:auto;display:flex}.sortbar__label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.sortbar__seg{background:var(--bg-2);border:1px solid var(--line);border-radius:10px;gap:2px;padding:4px;display:flex}.sortseg{color:var(--text-mute);letter-spacing:.02em;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.sortseg:hover{color:#fff}.sortseg--active{background:var(--blue);color:#001425}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;display:grid}.pcard{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;padding:12px;transition:transform .18s ease-out,border-color .18s,box-shadow .18s,background .18s}.pcard:hover,.pcard:focus-visible{background:var(--bg-3);border-color:#00aaff80;outline:none;transform:translateY(-3px);box-shadow:0 0 0 1px #00aaff40,0 24px 40px -22px #00aaff73}.pcard__art{aspect-ratio:1;border-radius:12px;width:100%;position:relative;overflow:hidden}.pcard__art>svg{width:100%;height:100%}.pcard__play{background:var(--blue);color:#001425;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:opacity .18s,transform .18s,background .12s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(8px)scale(.9);box-shadow:0 8px 24px #00aaff8c,0 0 0 1px #ffffff26}.pcard:hover .pcard__play,.pcard__play--on{opacity:1;transform:translateY(0)scale(1)}.pcard__play:hover{background:#38c4ff;transform:scale(1.06)}.pcard__play--on{background:var(--lime-strong);color:#042800;box-shadow:0 8px 24px #39ff148c}.pcard__count{letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0000008c;border:1px solid #ffffff1a;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;position:absolute;top:10px;left:10px}.pcard__body{padding:12px 4px 4px}.pcard__row{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pcard__name{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.pcard__vibe{color:var(--text-mute);margin-top:6px;font-size:12px}.genre-badge{letter-spacing:.06em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.genre-badge--sm{padding:3px 7px;font-size:9.5px}.empty{text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-xl);background:var(--bg-2);padding:60px 30px}.empty__glyph{color:var(--blue);margin-bottom:14px;font-size:44px}.empty__title{letter-spacing:-.02em;font-size:20px;font-weight:700}.empty__title em{color:var(--blue);font-style:normal}.empty__body{color:var(--text-mute);margin:8px 0 18px;font-size:14px}.btn{letter-spacing:.02em;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn--ghost{border:1px solid var(--line-2);color:#fff;background:0 0}.btn--ghost:hover{border-color:var(--blue);background:#ffffff0d}.btn--end{color:var(--text-mute);border:1px solid var(--line-2);background:#ffffff0f;border-radius:8px;padding:8px 16px;font-size:12px}.btn--end:hover{color:#fff;background:#ffffff1a}.bottompad{height:24px}.scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:30;background:#0000008c;transition:opacity .22s;position:fixed;inset:0}.scrim--on{opacity:1;pointer-events:auto}.panel{background:var(--bg-2);border-left:1px solid var(--line);z-index:31;flex-direction:column;width:min(520px,100vw);transition:transform .32s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-30px 0 60px #0000008c}.panel--on{transform:translate(0)}.panel__head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:16px 20px;display:flex}.panel__head-title{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);font-size:11px}.iconbtn{width:36px;height:36px;color:var(--text-mute);border-radius:8px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.iconbtn:hover{color:#fff;background:#ffffff0f}.iconbtn--heart{margin-left:auto}.iconbtn--heart-on{color:var(--blue)}.panel__hero{border-bottom:1px solid var(--line);gap:18px;padding:20px;display:flex}.panel__hero-meta{flex-direction:column;gap:8px;min-width:0;display:flex}.panel__hero-title{letter-spacing:-.035em;text-wrap:balance;margin:4px 0 2px;font-size:26px;font-weight:800}.panel__hero-vibe{color:var(--text-mute);font-size:13px}.panel__hero-stats{color:var(--text-mute);align-items:center;gap:6px;margin-top:auto;font-size:12px;display:flex}.panel__hero-stats b{color:#fff;font-weight:700}.panel__hero-dot{color:var(--text-dim)}.panel__desc{color:var(--text-mute);border-bottom:1px solid var(--line);margin:0;padding:16px 20px;font-size:13.5px;line-height:1.55}.panel__tracks-head{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--line);grid-template-columns:40px 1fr 60px;padding:12px 20px;font-size:10px;display:grid}.panel__tracks-col--n{text-align:left}.panel__tracks-col--len{text-align:right}.panel__tracks{flex:1;padding-bottom:110px;overflow-y:auto}.panel__tracks::-webkit-scrollbar{width:8px}.panel__tracks::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px}.track{border-left:2px solid #0000;grid-template-columns:40px 1fr 60px;align-items:center;padding:6px 20px;transition:background .12s,border-color .12s;display:grid;position:relative}.track:hover{background:#ffffff08}.track--on{border-left-color:var(--blue);background:#00aaff1a}.track__play{width:32px;height:32px;color:var(--text-mute);border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative}.track__num{font-family:JetBrains Mono,monospace;font-size:12px}.track:hover .track__num{display:none}.track__hover-icon{color:#fff;display:none}.track:hover .track__hover-icon{display:inline-flex}.track--on .track__num,.track--on .track__hover-icon{display:none}.track--on .track__play{color:var(--blue)}.track__meta{min-width:0}.track__title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.track--on .track__title{color:var(--blue)}.track__artist{color:var(--text-mute);margin-top:2px;font-size:11.5px}.track__len{text-align:right;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px}.panel__cta-wrap{background:linear-gradient(180deg, #13131800 0%, #131318f5 30%, var(--bg-2) 60%);border-top:1px solid var(--line);padding:16px 20px 18px;position:absolute;bottom:0;left:0;right:0}.btn-start{background:var(--lime-strong);color:#042800;letter-spacing:-.01em;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 20px;font-size:16px;font-weight:800;transition:transform .12s,box-shadow .12s,background .12s;display:flex;box-shadow:0 0 0 1px #ffffff0f,0 12px 32px -8px #39ff1480}.btn-start:hover{background:#4cff2a;transform:translateY(-1px);box-shadow:0 0 0 1px #ffffff1a,0 18px 40px -10px #39ff14a6}.btn-start__bolt,.btn-start__cheers{font-size:18px}.btn-start--sm{border-radius:10px;gap:8px;width:auto;padding:10px 16px;font-size:13px}.panel__cta-note{text-align:center;letter-spacing:.06em;color:var(--text-dim);margin-top:10px;font-size:11px}.playbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:25;background:#0d0d0ff0;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px;height:86px;padding:0 24px;display:grid;position:fixed;bottom:0;left:0;right:0}.playbar__left{align-items:center;gap:12px;min-width:0;display:flex}.playbar__meta{min-width:0}.playbar__title{white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:13.5px;font-weight:700;overflow:hidden}.playbar__artist{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;max-width:240px;font-size:11.5px;overflow:hidden}.playbar__center{flex-direction:column;align-items:center;gap:6px;display:flex}.playbar__controls{align-items:center;gap:10px;display:flex}.playbar__btn{width:32px;height:32px;color:var(--text-mute);border-radius:50%;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex}.playbar__btn:hover{color:#fff}.playbar__btn--play{color:#001425;background:#fff;width:36px;height:36px}.playbar__btn--play:hover{background:var(--blue);color:#001425;transform:scale(1.05)}.playbar__progress-row{align-items:center;gap:10px;width:100%;max-width:540px;display:flex}.playbar__time{color:var(--text-dim);text-align:right;width:32px;font-family:JetBrains Mono,monospace;font-size:10.5px}.playbar__time--total{text-align:left}.playbar__progress{background:#ffffff1a;border-radius:4px;flex:1;height:4px;position:relative;overflow:hidden}.playbar__progress-fill{background:var(--blue);height:100%;box-shadow:0 0 10px var(--blue);border-radius:4px;transition:width .95s linear}.playbar__songpos{letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);font-size:10.5px;font-weight:600}.playbar__preview-tag{color:var(--blue);margin-left:6px}.playbar__right{justify-content:flex-end;align-items:center;gap:16px;display:flex}.playbar__live{letter-spacing:.18em;color:var(--lime-strong);align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:flex}.playbar__live-dot{background:var(--lime-strong);width:7px;height:7px;box-shadow:0 0 8px var(--lime-strong);border-radius:50%;animation:1.4s ease-in-out infinite pulse}.playbar__vol{color:var(--text-mute);align-items:center;gap:8px;display:flex}.playbar__vol-slider{appearance:none;background:linear-gradient(to right, var(--blue) 0%, var(--blue) var(--pct,70%), #ffffff1a var(--pct,70%), #ffffff1a 100%);cursor:pointer;border-radius:4px;outline:none;width:100px;height:4px}.playbar__vol-slider::-webkit-slider-thumb{appearance:none;width:12px;height:12px;box-shadow:0 0 0 1px var(--bg);cursor:pointer;background:#fff;border-radius:50%}.playbar__vol-slider::-moz-range-thumb{border:1px solid var(--bg);cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px}.ph{z-index:50;color:#fff;grid-template-rows:auto 1fr auto auto;animation:.4s cubic-bezier(.16,1,.3,1) phIn;display:grid;position:fixed;inset:0}@keyframes phIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.ph__bg{z-index:-1;position:absolute;inset:0;overflow:hidden}.ph__bg-art{opacity:.55;filter:blur(60px)saturate(1.3);position:absolute;inset:-20%}.ph__bg-art>svg{width:100%;height:100%}.ph__bg-veil{background:radial-gradient(900px 500px,#0003,#000000d9 80%),linear-gradient(#0d0d0f99,#0d0d0feb);position:absolute;inset:0}.ph__top{justify-content:space-between;align-items:center;padding:22px 32px;display:flex}.ph__top-left{align-items:center;gap:16px;display:flex}.ph__badge{border:1px solid var(--blue);letter-spacing:.18em;color:var(--blue-soft);background:#00aaff26;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.ph__badge-dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 10px var(--blue);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.ph__playlist-name{color:var(--text-mute);font-size:14px}.ph__main{grid-template-columns:1fr 1fr;place-items:center;gap:60px;width:100%;max-width:1400px;margin:0 auto;padding:0 60px;display:grid}.ph__cardwrap{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.ph__card{border-radius:24px;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 50px 100px -30px #000c,0 0 0 1px #ffffff14}.ph__card--swap{animation:.6s ease-out phSwap}@keyframes phSwap{0%{filter:brightness(1.4);transform:scale(.92)rotate(-2deg)}to{filter:brightness();transform:scale(1)rotate(0)}}.ph__songmeta{max-width:420px}.ph__song-n{letter-spacing:.18em;color:var(--blue-soft);margin-bottom:8px;font-family:JetBrains Mono,monospace;font-size:12px}.ph__song-title{letter-spacing:-.04em;text-wrap:balance;margin-bottom:8px;font-size:38px;font-weight:800;line-height:1}.ph__song-artist{color:var(--text-mute);font-size:18px;font-weight:500}.ph__ringwrap{flex-direction:column;align-items:center;gap:32px;display:flex}.ring{width:260px;height:260px;position:relative}.ring__inside{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring__inside--pulse{animation:.6s ease-out ringPulse}@keyframes ringPulse{0%{transform:scale(1.06)}to{transform:scale(1)}}.ring__count{letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#fff;font-size:88px;font-weight:900;line-height:1}.ring__lbl{letter-spacing:.22em;text-transform:uppercase;color:var(--text-mute);margin-top:6px;font-size:11px}.ph__controls{gap:14px;display:flex}.ph__ctrl{background:var(--blue);color:#001425;border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:13px;font-weight:700;transition:transform .12s,background .12s;display:inline-flex;box-shadow:0 8px 24px -8px #0af9}.ph__ctrl:hover{background:#38c4ff;transform:translateY(-1px)}.ph__ctrl--ghost{color:#fff;border:1px solid var(--line-2);box-shadow:none;background:#ffffff14}.ph__ctrl--ghost:hover{background:#ffffff24}.ph__progress{width:100%;max-width:1400px;margin:0 auto;padding:0 60px}.ph__progress-meta{color:var(--text-mute);align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.ph__progress-meta b{color:#fff;font-weight:700}.ph__progress-dot{color:var(--text-dim)}.ph__progress-bar{background:#ffffff14;border-radius:6px;height:6px;position:relative;overflow:hidden}.ph__progress-fill{background:linear-gradient(90deg, #38c4ff, var(--blue));height:100%;box-shadow:0 0 16px var(--blue);border-radius:6px;transition:width .95s linear}.ph__progress-ticks{pointer-events:none;position:absolute;inset:0}.ph__progress-tick{background:#ffffff26;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ph__queue{width:100%;max-width:1400px;margin:0 auto;padding:22px 60px 32px}.ph__queue-head{letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:10.5px;font-weight:700}.ph__queue-list{flex-direction:column;gap:4px;display:flex}.ph__qitem{background:#ffffff08;border-radius:8px;grid-template-columns:36px 2fr 2fr 50px;align-items:center;gap:12px;padding:8px 12px;font-size:13px;transition:background .12s;display:grid}.ph__qitem:hover{background:#ffffff0f}.ph__qitem-n{color:var(--blue-soft);font-family:JetBrains Mono,monospace;font-size:11px}.ph__qitem-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ph__qitem-artist{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ph__qitem-len{color:var(--text-dim);text-align:right;font-family:JetBrains Mono,monospace;font-size:11px}.hamburger{z-index:40;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;display:none;position:fixed;top:14px;left:14px}.hamburger span{background:#fff;border-radius:1px;width:16px;height:2px}.create-view{padding:28px var(--pad-x) 32px;max-width:900px}.create-view__title{letter-spacing:-.035em;margin-bottom:8px;font-size:28px;font-weight:800}.create-view__sub{color:var(--text-mute);margin-bottom:28px;font-size:14px}.playlist-import{margin-bottom:24px}.playlist-import__form{gap:10px;display:flex}.playlist-import__field{flex:1;position:relative}.playlist-import__input{box-sizing:border-box;background:var(--card);border:1px solid var(--border);color:#fff;border-radius:10px;outline:none;width:100%;padding:14px 40px 14px 16px;font-family:inherit;font-size:14px;transition:border-color .15s}.playlist-import__input::placeholder{color:var(--text-mute)}.playlist-import__input:focus{border-color:var(--accent,#0af)}.playlist-import__input:disabled{opacity:.5}.playlist-import__clear{color:var(--text-mute);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.playlist-import__clear:hover{color:#fff}.playlist-import__submit{background:var(--accent,#0af);color:#000;letter-spacing:.04em;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:14px 28px;font-family:inherit;font-size:14px;font-weight:700;transition:opacity .15s}.playlist-import__submit:hover:not(:disabled){opacity:.85}.playlist-import__submit:disabled{opacity:.35;cursor:default}.playlist-import__msg{margin-top:10px;font-size:13px}.playlist-import__msg--error{color:var(--pink)}.playlist-import__msg--success{color:var(--green)}.hype{z-index:9999;contain:strict;background:#0d0d0f;justify-content:center;align-items:center;font-family:Archivo,system-ui,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.hype-logo{will-change:transform, opacity;flex-direction:column;align-items:center;gap:14px;animation:.7s cubic-bezier(.34,1.56,.64,1) both hypeLogoIn,.4s ease-in-out .7s both hypeLogoBreath;display:flex;position:relative}@keyframes hypeLogoIn{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.18)}to{opacity:1;transform:scale(1)}}@keyframes hypeLogoBreath{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.hype-logo--boom{animation:.22s cubic-bezier(.6,0,.8,.2) forwards hypeLogoBoom}@keyframes hypeLogoBoom{0%{opacity:1;filter:brightness();transform:scale(1)}40%{opacity:1;filter:brightness(2.2);transform:scale(1.4)}to{opacity:0;filter:brightness(2.4);transform:scale(.4)}}.hype-logo__glow{pointer-events:none;z-index:-1;filter:blur(8px);background:radial-gradient(circle,#00aaff8c 0%,#00aaff2e 30%,#0af0 65%);border-radius:50%;width:460px;height:460px;animation:1.2s ease-out forwards hypeGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hypeGlow{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}40%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:.85;transform:translate(-50%,-50%)scale(1.2)}}.hype-logo__mark{background:#0af;border-radius:28px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;box-shadow:0 0 0 4px #00aaff2e,0 0 60px #00aaffb3,inset 0 2px #ffffff4d}.hype-logo__num{letter-spacing:-.06em;color:#001425;font-size:76px;font-weight:900}.hype-logo__dot{background:#fff;border-radius:50%;width:22px;height:22px;position:absolute;top:-8px;right:-8px;box-shadow:0 0 14px #fff}.hype-logo__word{letter-spacing:-.04em;color:#fff;text-shadow:0 0 22px #fff6;font-size:38px;font-weight:800}.hype-logo__sub{letter-spacing:.32em;color:#0af;text-shadow:0 0 14px #0afc;margin-top:4px;font-size:11.5px;font-weight:700}.hype-burst{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.hype-count{justify-content:center;align-items:center;width:360px;height:360px;animation:.18s cubic-bezier(.34,1.56,.64,1) both hypeCountIn;display:flex;position:relative}@keyframes hypeCountIn{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.hype-count__num{letter-spacing:-.08em;color:#fff;text-shadow:0 0 60px #00aaff8c;font-variant-numeric:tabular-nums;font-size:240px;font-weight:900;line-height:1;animation:1s cubic-bezier(.16,1,.3,1) both hypeNumPunch;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hypeNumPunch{0%{filter:blur(6px);transform:translate(-50%,-50%)scale(2.5)}20%{filter:blur();transform:translate(-50%,-50%)scale(.92)}30%{transform:translate(-50%,-50%)scale(1.04)}to{transform:translate(-50%,-50%)scale(1)}}.hype-ring{filter:drop-shadow(0 0 18px #00aaffb3);width:100%;height:100%;position:absolute;inset:0}.hype-ring__draw{stroke-dasharray:880 880;stroke-dashoffset:880px;animation:.7s cubic-bezier(.4,0,.6,1) forwards hypeRingDraw}@keyframes hypeRingDraw{to{stroke-dashoffset:0}}.hype-count__shock{pointer-events:none;background:#00aaff0f;animation:.18s ease-out forwards hypeShock;position:fixed;inset:0}@keyframes hypeShock{0%{opacity:1}to{opacity:0}}.hype-flash{background:#fff;animation:60ms ease-out forwards hypeFlash;position:fixed;inset:0}@keyframes hypeFlash{0%{opacity:1}to{opacity:0}}.hype-go{flex-direction:column;align-items:center;gap:18px;animation:.32s cubic-bezier(.34,1.56,.64,1) both hypeGoIn;display:flex;position:relative}@keyframes hypeGoIn{0%{opacity:0;filter:blur(10px);transform:scale(2.2)}60%{opacity:1;filter:blur();transform:scale(.96)}to{opacity:1;transform:scale(1)}}.hype-go__bg{z-index:-1;background:radial-gradient(circle,#00aaff73 0%,#0af0 55%),#0d0d0f;position:fixed;inset:0}.hype-go__text{letter-spacing:-.06em;color:#fff;text-shadow:0 0 #0af,0 0 30px #00aaffe6,0 0 80px #00aaff8c;-webkit-text-stroke:2px #0af;text-wrap:balance;align-items:center;gap:18px;font-size:clamp(72px,16vw,220px);font-weight:900;line-height:1;display:flex}.hype-go__emoji{-webkit-text-stroke:0;filter:drop-shadow(0 0 18px #00aaffb3);font-size:.7em}.hype-go__playlist{letter-spacing:.32em;color:#0af;text-transform:uppercase;text-shadow:0 0 18px #0af9;font-size:14px;font-weight:700}@media (width<=1100px){.app__shell{grid-template-columns:72px 1fr}.sidebar{padding:18px 8px 100px}.brand-mark{margin:0 auto}.brand-word,.sidebar__heading,.sidebar__foot,.navlink__label,.navlink__lock,.genrepill__label{display:none}.navlink,.genrepill{justify-content:center;padding:10px}.navlink--active:before{display:none}.navlink--active{background:var(--blue);color:#001425}.genrepill__dot{width:14px;height:14px}}@media (width<=760px){.app__shell{padding-top:64px;display:block}.sidebar{z-index:35;width:260px;height:100vh;padding:64px 16px 100px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app__shell--menu .sidebar{transform:translate(0)}.app__shell--menu .brand-word,.app__shell--menu .sidebar__heading,.app__shell--menu .sidebar__foot,.app__shell--menu .navlink__label,.app__shell--menu .navlink__lock,.app__shell--menu .genrepill__label{display:block}.app__shell--menu .navlink,.app__shell--menu .genrepill{justify-content:flex-start;padding:10px 12px}.hamburger{display:flex}.main{padding:16px 16px 32px}.grid{grid-template-columns:1fr}.panel{width:100vw}.topbar__chip{display:none}.playbar{grid-template-columns:1fr auto;gap:8px;height:70px;padding:0 12px}.playbar__center,.playbar__right .playbar__vol{display:none}.ph__main{grid-template-columns:1fr;gap:30px;padding:0 24px}.ph__queue{padding:16px 24px 24px}.ph__progress{padding:0 24px}.ring,.ring svg{width:200px;height:200px}.ring__count{font-size:64px}.ph__song-title{font-size:28px}}@media (width>=761px) and (width<=1100px){.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=600px){.hype-logo__mark{border-radius:22px;width:110px;height:110px}.hype-logo__num{font-size:58px}.hype-logo__word{font-size:30px}.hype-logo__glow{width:320px;height:320px}.hype-count{width:280px;height:280px}.hype-count__num{font-size:180px}}.drink-flash{z-index:200;opacity:0;pointer-events:none;background:#fff;transition:opacity .1s;position:fixed;inset:0}.drink-flash.bang{opacity:.85}.drink-overlay{z-index:201;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drink-msg{letter-spacing:-.03em;text-transform:uppercase;color:#fff;text-shadow:0 0 40px var(--blue), 0 0 80px #0af6;opacity:0;font-size:clamp(48px,12vw,120px);font-weight:900;transition:opacity .25s,transform .25s;transform:scale(.7)}.drink-msg.show{opacity:1;transform:scale(1)}.drink-msg.hide{opacity:0;transition:opacity .4s,transform .4s;transform:scale(1.15)}.wipe-overlay{z-index:199;background:var(--blue);pointer-events:none;position:fixed;inset:0;transform:translate(-100%)}.wipe-overlay.wiping{animation:.6s ease-in-out wipe-across}@keyframes wipe-across{0%{transform:translate(-100%)}40%{transform:translate(0)}60%{transform:translate(0)}to{transform:translate(100%)}}.challenge-overlay{z-index:202;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:center;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.challenge-title{letter-spacing:.12em;color:var(--lime-strong);text-shadow:0 0 30px var(--lime-strong);margin-bottom:20px;font-size:clamp(28px,6vw,56px);font-weight:900}.challenge-text{color:#fff;max-width:600px;font-size:clamp(16px,3vw,24px);font-weight:600;line-height:1.5}.challenge-dismiss{letter-spacing:.2em;color:#fff6;margin-top:32px;font-size:11px;font-weight:700}.video-mask{background:var(--bg);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.video-mask.active{opacity:1}.yt-interaction-shield{z-index:1;cursor:default;position:absolute;inset:0}.player{color:#fff;background:0 0;width:100%;height:100%;font-family:Archivo,system-ui,sans-serif;position:relative;overflow:hidden}.player--default{grid-template:"top top""video sidebar"1fr"info info"/1fr 680px;height:100vh;display:grid}.player__top{z-index:2;background:#0d0d0f;border-bottom:1px solid #ffffff0f;grid-area:top;align-items:center;gap:20px;padding:14px 24px;display:flex}.player__top-meta{align-items:center;gap:14px;margin-left:28px;display:flex}.player__top-badge{border:1px solid var(--blue);letter-spacing:.18em;color:var(--blue-soft);background:#00aaff21;border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:10.5px;font-weight:700;display:inline-flex}.player__top-dot{background:var(--blue);width:6px;height:6px;box-shadow:0 0 10px var(--blue);border-radius:50%;animation:1.2s ease-in-out infinite pulse}.player__top-playlist{color:var(--text-mute);font-size:13px}.player__menu{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-left:auto;transition:background .12s,color .12s,border-color .12s;display:flex}.player__menu:hover{color:var(--blue);border-color:var(--blue);background:#00aaff1a}.player__video-area{background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.player--default .player__video-area{grid-area:video}.player--full .player__video-area{position:absolute;inset:0}.player__info{background:linear-gradient(#0d0d0f 0%,#131318 100%);flex-direction:column;grid-area:info;gap:14px;padding:22px 28px;display:flex;overflow-y:auto}.player__info-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.player__songmeta{min-width:0}.player__song-title{letter-spacing:-.035em;color:#fff;text-wrap:balance;font-size:28px;font-weight:800;line-height:1}.player__song-artist{color:var(--text-mute);margin-top:6px;font-size:15px}.player__songposition{white-space:nowrap;align-items:baseline;gap:4px;font-family:JetBrains Mono,ui-monospace,monospace;display:flex}.player__songposition-num{letter-spacing:-.04em;color:var(--blue);text-shadow:0 0 18px #0af6;font-family:Archivo,sans-serif;font-size:36px;font-weight:800}.player__songposition-of{color:var(--text-dim);font-size:14px}.sprog{background:#ffffff14;border-radius:6px;width:100%;height:6px;position:relative;overflow:visible}.sprog__fill{background:linear-gradient(90deg, var(--blue), var(--blue-soft));border-radius:6px;height:100%;transition:width .95s linear;box-shadow:0 0 12px #00aaff8c}.sprog__time-row{color:var(--text-dim);justify-content:space-between;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.sprog--urgent .sprog__fill{background:linear-gradient(90deg, var(--blue-soft), var(--tint));animation:.6s ease-in-out infinite alternate urgentPulse;box-shadow:0 0 18px #e8f6ffb3}@keyframes urgentPulse{0%{filter:brightness()}to{filter:brightness(1.25)}}.oprog{flex-direction:column;gap:8px;padding-top:10px;display:flex}.oprog__row{justify-content:space-between;align-items:baseline;display:flex}.oprog__label{color:#ffffffb3;font-size:13px;font-weight:500}.oprog__label b{color:#fff;font-size:16px;font-weight:800}.oprog__sep{color:#ffffff4d;margin:0 2px}.oprog__total{color:#fff9;font-weight:700}.oprog__pct{color:var(--blue-soft);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:11px}.oprog__bar{background:#ffffff0f;border-radius:4px;height:4px;position:relative;overflow:hidden}.oprog__fill{background:var(--blue);border-radius:4px;height:100%;transition:width .4s;box-shadow:0 0 10px #0af9}.oprog__ticks{pointer-events:none;position:absolute;inset:0}.oprog__tick{background:#ffffff2e;width:1px;position:absolute;top:-2px;bottom:-2px;transform:translate(-50%)}.player__controls{justify-content:center;align-items:center;gap:12px;padding:6px 0 4px;display:flex}.player__controls-divider{background:#ffffff1a;width:1px;height:22px;margin:0 6px}.ctrl{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:background .12s,color .12s,transform .12s;display:flex}.ctrl:hover{color:var(--blue);background:#00aaff14}.ctrl--primary{background:var(--blue);color:#001425;width:56px;height:56px;box-shadow:0 8px 22px -6px #00aaffa6}.ctrl--primary:hover{color:#001425;background:#38c4ff;transform:scale(1.04)}.ctrl--active{color:var(--blue)}.volpop{position:relative}.volpop__pop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0d0d0ff5;border:1px solid #ffffff1a;border-radius:12px;width:200px;padding:12px 14px;display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 16px 40px -10px #0009}.volpop:hover .volpop__pop{display:block}.volpop__pop-label{letter-spacing:.22em;color:#ffffff80;margin-bottom:10px;font-family:JetBrains Mono,monospace;font-size:9.5px}.volpop__track{background:#ffffff1a;border-radius:4px;height:4px;position:relative}.volpop__fill{background:var(--blue);border-radius:4px;height:100%;box-shadow:0 0 8px #00aaff80}.volpop__thumb{width:12px;height:12px;box-shadow:0 0 0 2px var(--blue);background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.yt-iframe-visible{position:absolute;inset:0;overflow:hidden;container-type:size}.yt-iframe-visible>div,.yt-iframe-visible iframe{width:max(100cqw,177.778cqh)!important;height:max(100cqh,56.25cqw)!important;position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.yt-iframe-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.upnext{background:#0d0d0f;border-left:1px solid #ffffff0f;grid-area:sidebar;padding:16px;overflow-y:auto}.upnext__head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.upnext__head-lbl{letter-spacing:.22em;color:#ffffff80;font-size:10.5px;font-weight:700}.upnext__head-count{letter-spacing:.06em;color:#ffffff59;font-family:JetBrains Mono,monospace;font-size:10.5px}.upnext__list{flex-direction:column;gap:4px;display:flex}.upnext__item{border-radius:8px;grid-template-columns:28px 44px 1fr 50px;align-items:center;gap:12px;padding:6px 8px;transition:background .12s;display:grid}.upnext__item:hover{background:#ffffff0a}.upnext__n{color:var(--blue-soft);font-family:JetBrains Mono,monospace;font-size:11px}.upnext__thumb{background:var(--bg-3);border-radius:6px;flex-shrink:0;width:44px;height:44px;overflow:hidden}.upnext__thumb img{object-fit:cover;width:100%;height:100%}.upnext__meta{min-width:0}.upnext__title{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.upnext__artist{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.upnext__len{color:#fff6;text-align:right;font-family:JetBrains Mono,monospace;font-size:10.5px}.exit-prompt{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.exit-prompt__scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;position:absolute;inset:0}.exit-prompt__card{background:#131318;border:1px solid #ffffff1a;border-radius:16px;width:min(440px,90%);padding:28px 30px;position:relative;box-shadow:0 30px 80px -20px #000c}.exit-prompt__title{letter-spacing:-.03em;margin-bottom:8px;font-size:22px;font-weight:800}.exit-prompt__body{color:#ffffffa6;margin-bottom:22px;font-size:14px;line-height:1.55}.exit-prompt__body b{color:var(--blue);font-weight:700}.exit-prompt__actions{justify-content:flex-end;gap:10px;display:flex}.exit-prompt__btn{cursor:pointer;border:1px solid #0000;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.exit-prompt__btn--ghost{color:#fff;background:0 0;border-color:#ffffff26}.exit-prompt__btn--ghost:hover{background:#ffffff0f;border-color:#ffffff4d}.exit-prompt__btn--leave{color:#ff8a8a;background:#ff50501f;border-color:#ff505066}.exit-prompt__btn--leave:hover{background:#ff50502e}.pwm{letter-spacing:-.04em;align-items:center;gap:6px;font-weight:800;line-height:1;display:inline-flex}.pwm__num{color:var(--blue);text-shadow:0 0 16px #00aaff80;font-size:17px}.pwm__word{color:#fff;font-size:15px}.pwm__dot{background:var(--lime-strong);width:6px;height:6px;box-shadow:0 0 8px var(--lime-strong);border-radius:50%;align-self:flex-start;margin-top:4px}.player--full{background:#000;width:100%;height:100vh;position:relative}.player--full .yt-iframe-visible{position:absolute;inset:0}.player--css-fs{z-index:99999;background:#000;width:100vw!important;height:100dvh!important;position:fixed!important;inset:0!important}@media (orientation:portrait){.player--css-fs{transform:translate(-50%,-50%)rotate(90deg);width:100dvh!important;height:100vw!important;inset:50% auto auto 50%!important}}.pwm--muted .pwm__num{opacity:.85}.pwm--muted .pwm__word{opacity:.7}.phud{z-index:5;pointer-events:auto;position:absolute}.phud--tl{opacity:.7;top:20px;left:22px}.phud--tr{top:18px;right:22px}.phud__btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .12s,border-color .12s;display:flex}.phud__btn:hover{border-color:var(--blue);color:var(--blue);background:#0af3}.pchrome{opacity:0;pointer-events:none;z-index:4;justify-content:center;transition:opacity .3s;display:flex;position:absolute;top:80px;left:0;right:0}.pchrome--on{opacity:1}.pchrome__songmeta{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff14;border-radius:10px;padding:10px 22px}.pchrome__title{letter-spacing:-.02em;font-size:18px;font-weight:700}.pchrome__artist{color:#ffffffa6;margin-top:2px;font-size:12.5px}.pbottom{z-index:4;opacity:0;pointer-events:none;flex-direction:column;gap:14px;padding:0 22px 18px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.pbottom--on{opacity:1;pointer-events:auto}.pqueue-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.18em;cursor:pointer;background:#0000008c;border:1px solid #ffffff1f;border-radius:999px;align-self:center;align-items:center;gap:8px;padding:6px 14px;font-size:10.5px;font-weight:700;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.pqueue-toggle:hover,.pqueue-toggle--open{color:var(--blue);border-color:var(--blue);background:#00aaff2e}.pbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0fc7;border:1px solid #ffffff14;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:10px 18px;display:grid;box-shadow:0 12px 30px -12px #000000b3}.pbar__left{letter-spacing:.18em;color:#fff9;font-size:11px;font-weight:700}.pbar__left b{color:#fff;letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:13px}.pbar__songpos{font-family:Archivo,sans-serif}.pbar__right{text-align:right;color:#ffffff8c;font-size:11px}.pbar__pl{letter-spacing:.06em}.pbar__center{align-items:center;gap:8px;display:flex}.pbar__btn{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,color .12s;display:flex}.pbar__btn:hover{color:var(--blue);background:#00aaff26}.pbar__btn--play{color:#001425;background:#fff}.pbar__btn--play:hover{background:var(--blue);color:#001425}.pbar__divider{background:#ffffff26;width:1px;height:18px;margin:0 4px}.pqueue{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3;background:#0d0d0feb;border-top:1px solid #ffffff14;border-radius:18px 18px 0 0;max-height:56%;padding:12px 24px 90px;transition:transform .32s cubic-bezier(.22,.61,.36,1);position:absolute;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(110%)}.pqueue--on{transform:translateY(0)}.pqueue__handle{background:#fff3;border-radius:4px;width:38px;height:4px;margin:4px auto 12px}.pqueue .upnext{background:0 0;border-left:0;padding:0}.upnext--compact .upnext__head{margin-bottom:6px}.ptimer{z-index:6;justify-content:center;align-items:center;width:320px;height:320px;animation:.5s cubic-bezier(.16,1,.3,1) ptimerIn;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ptimerIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.ptimer__inner{flex-direction:column;justify-content:center;align-items:center;animation:1s ease-in-out infinite ptimerTick;display:flex;position:absolute;inset:0}@keyframes ptimerTick{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.ptimer__lbl{letter-spacing:.32em;color:var(--blue-soft);margin-bottom:6px;font-size:11px;font-weight:700}.ptimer__num{letter-spacing:-.06em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 0 30px #0af9;font-size:130px;font-weight:900;line-height:1}.ptimer__sub{letter-spacing:.22em;text-transform:uppercase;color:#fff9;margin-top:6px;font-size:11px}@media (width<=900px){.player--default{grid-template:"top""video""info""sidebar"1fr/1fr}.upnext{border-top:1px solid #ffffff0f;border-left:none}}@media (width<=760px){.player__top{padding:12px 14px}.player__top-meta{gap:8px;margin-left:10px}.player__top-playlist{display:none}.player__video-area{aspect-ratio:16/9;height:auto}.player__info{gap:12px;padding:16px 16px 18px}.player__song-title{font-size:22px}.player__songposition-num{font-size:26px}.player__controls{gap:4px}.ctrl{width:38px;height:38px}.ctrl--primary{width:50px;height:50px}}@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}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.mscreen{color:#fff;background:#0d0d0f;flex-direction:column;width:100%;height:100%;min-height:100dvh;font-family:Archivo,system-ui,-apple-system,sans-serif;display:flex;position:relative;overflow:hidden}.mwm{letter-spacing:-.04em;align-items:center;gap:4px;font-weight:800;line-height:1;display:inline-flex}.mwm__num{color:#0af;text-shadow:0 0 14px #00aaff73}.mwm__word{color:#fff}.mwm__dot{background:#39ff14;border-radius:50%;align-self:flex-start;width:5px;height:5px;margin-top:3px;box-shadow:0 0 8px #39ff14}.mheader{z-index:3;background:#0d0d0f;border-bottom:1px solid #ffffff0a;flex-shrink:0;justify-content:center;align-items:center;height:52px;padding:0 16px;display:flex;position:relative}.mheader__title{text-align:center;letter-spacing:-.02em;color:#fff;flex:1;font-size:18px;font-weight:700}.mback,.mfilter{color:#fff;-webkit-tap-highlight-color:transparent;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .12s,color .12s;display:flex}.mback{margin-left:-10px}.mfilter{color:#a0a0a0;margin-right:-10px}.mback:hover,.mfilter:hover{color:#0af;background:#00aaff1a}.mpills{z-index:2;background:#0d0d0f;border-bottom:1px solid #ffffff0a;flex-shrink:0;position:relative}.mpills__row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;overflow:auto hidden}.mpills__row::-webkit-scrollbar{display:none}.mpills--dense .mpills__row{padding:10px 16px}.mpill{color:#a0a0a0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#1a1a21;border:1px solid #ffffff0f;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;min-height:32px;padding:0 14px;font-size:13px;font-weight:600;transition:transform 80ms,background .12s,color .12s,border-color .12s;display:inline-flex}.mpill:active{transform:scale(.96)}.mpill__dot{border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px}.mpill--on{font-weight:700;box-shadow:0 4px 12px -2px #00aaff80;color:#001425!important;background:#0af!important;border-color:#0af!important}.mpills__fade{pointer-events:none;background:linear-gradient(90deg,#0d0d0f00,#0d0d0f);width:32px;position:absolute;top:0;bottom:0;right:0}.mscroll{-webkit-overflow-scrolling:touch;flex:1;padding-bottom:0;overflow-y:auto}.mscroll::-webkit-scrollbar{display:none}.mscroll__safe{height:24px}.mhero{background:linear-gradient(#1a1a24 0%,#0e0e15 100%);border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:center;height:180px;margin:16px 16px 8px;padding:20px 22px;display:flex;position:relative;overflow:hidden}.mhero__grid{pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 30px,#ffffff06 30px 31px),repeating-linear-gradient(90deg,#0000 0 30px,#ffffff06 30px 31px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(400px 200px at 110% 0,#000,#0000 70%);mask-image:radial-gradient(400px 200px at 110% 0,#000,#0000 70%)}.mhero__glow{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#0af6 0%,#0af0 65%);border-radius:50%;width:240px;height:240px;position:absolute;top:-60px;right:-60px}.mhero__title{letter-spacing:-.035em;text-wrap:balance;flex-direction:column;gap:2px;margin:0 0 8px;font-size:22px;font-weight:900;line-height:1.08;display:flex;position:relative}.mhero__line{display:block}.mhero__accent{color:#0af;text-shadow:0 0 16px #00aaff73;position:relative}.mhero__accent:after{content:"";background:#0af;border-radius:2px;height:2px;position:absolute;bottom:-2px;left:0;right:0;box-shadow:0 0 8px #0af}.mhero__sub{color:#a0a0a0;margin:6px 0 0;font-size:13px;font-weight:500;position:relative}.msec{justify-content:space-between;align-items:center;margin:20px 0 8px;padding:0 16px;display:flex}.msec__label{letter-spacing:.22em;color:#0af;font-size:11px;font-weight:800}.msec__action{color:#a0a0a0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;min-height:32px;font-family:inherit;font-size:12px;font-weight:600}.msec__action:active{color:#0af}.mhscroll{position:relative}.mhscroll__inner{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 16px;display:flex;overflow-x:auto}.mhscroll__inner::-webkit-scrollbar{display:none}.mhscroll__pad{flex:0 0 4px}.mhscroll__fade{pointer-events:none;background:linear-gradient(90deg,#0d0d0f00,#0d0d0f);width:36px;position:absolute;top:0;bottom:0;right:0}.mfeat{color:inherit;text-align:left;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:0 0 160px;gap:8px;font-family:inherit;transition:transform 80ms;display:flex}.mfeat:active{transform:scale(.98)}.mfeat__art{position:relative}.mfeat__art>img,.mfeat__art>svg{object-fit:cover;border-radius:12px;width:160px;height:160px;display:block;box-shadow:0 8px 20px -10px #000000b3}.mfeat__count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.04em;color:#fff;background:#0000008c;border:1px solid #ffffff14;border-radius:5px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:9.5px;position:absolute;top:8px;left:8px}.mfeat__name{letter-spacing:-.01em;color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.mfeat__genre{letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:3px 7px;font-size:9.5px;font-weight:700}.mnew{text-align:left;color:inherit;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:0 0 130px;gap:6px;font-family:inherit;transition:transform 80ms;display:flex}.mnew:active{transform:scale(.98)}.mnew__art>img,.mnew__art>svg{object-fit:cover;border-radius:10px;width:130px;height:130px;display:block;box-shadow:0 6px 16px -8px #000000b3}.mnew__name{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:700;display:-webkit-box;overflow:hidden}.mnew__sub{color:#a0a0a0;font-size:11px}.mtiles{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;display:grid}.mgtile{cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%),#16161c;border:1px solid #ffffff0d;border-radius:12px;align-items:center;height:80px;padding:0 18px;font-family:inherit;transition:transform 80ms,background .12s;display:flex;position:relative;overflow:hidden}.mgtile:active{transform:scale(.98)}.mgtile:hover{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff08 100%),#1a1a21}.mgtile__accent{width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px}.mgtile__bgglyph{pointer-events:none;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.mgtile__label{letter-spacing:-.02em;color:#fff;font-size:16px;font-weight:800;position:relative}.mbrowse__meta{letter-spacing:.04em;justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:11px;display:flex}.mbrowse__count{color:#fff;font-size:12.5px;font-weight:700}.mbrowse__sort{color:#a0a0a0}.mbrowse__sort b{color:#fff;font-weight:700}.mgrid{grid-template-columns:1fr 1fr;gap:12px;padding:8px 16px 0;display:grid}.mgcard{color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;gap:6px;font-family:inherit;transition:transform 80ms;display:flex}.mgcard:active{transform:scale(1.02)}.mgcard__art{position:relative}.mgcard__art>img,.mgcard__art>svg{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 6px 16px -8px #0009}.mgcard:active .mgcard__art>img,.mgcard:active .mgcard__art>svg{box-shadow:0 0 0 2px #0af,0 8px 22px -8px #00aaff8c}.mgcard__count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.04em;color:#fff;background:#0000008c;border:1px solid #ffffff14;border-radius:5px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:9.5px;position:absolute;top:8px;left:8px}.mgcard__name{letter-spacing:-.01em;color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.mgcard__meta{color:#a0a0a0;white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex;overflow:hidden}.mgcard__genre{letter-spacing:.04em;border-radius:999px;flex-shrink:0;padding:3px 7px;font-size:9.5px;font-weight:700}.mgcard__dot{color:#ffffff4d}.mgcard__count-inline{text-overflow:ellipsis;overflow:hidden}.msheet{z-index:100;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.msheet__scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto;background:#0000008c;animation:.32s ease-out forwards mscrimIn;position:absolute;inset:0}@keyframes mscrimIn{0%{opacity:0}to{opacity:1}}.msheet__sheet{pointer-events:auto;background:#1a1a1d;border-radius:20px 20px 0 0;flex-direction:column;height:85%;animation:.42s cubic-bezier(.34,1.32,.64,1) forwards msheetIn;display:flex;position:relative;overflow:hidden;box-shadow:0 -20px 40px #00000080}@keyframes msheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.msheet__handle{background:#ffffff40;border-radius:4px;flex-shrink:0;width:38px;height:4px;margin:8px auto 6px}.msheet__hero{gap:14px;padding:12px 18px 14px;display:flex}.msheet__hero-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:80px;height:80px}.msheet__hero-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.msheet__genre{letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:3px 7px;font-size:9.5px;font-weight:700}.msheet__name{letter-spacing:-.035em;color:#fff;text-wrap:balance;margin:2px 0 0;font-size:21px;font-weight:800}.msheet__desc{color:#a0a0a0;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.msheet__stats{color:#a0a0a0;align-items:center;gap:6px;padding:0 18px 14px;font-size:12px;display:flex}.msheet__stats b{color:#fff;font-weight:700}.msheet__stat-dot{color:#ffffff4d}.msheet__divider{background:linear-gradient(90deg,#0af0,#00aaff4d 30% 70%,#0af0);height:1px;margin:0 18px}.msheet__tracks{-webkit-overflow-scrolling:touch;flex:1;margin:0;padding:4px 0 130px;list-style:none;overflow-y:auto}.msheet__tracks::-webkit-scrollbar{display:none}.mtrack{border-bottom:1px solid #ffffff0a;grid-template-columns:36px 1fr;align-items:center;gap:10px;min-height:52px;padding:6px 18px 6px 14px;display:grid;position:relative}.mtrack:last-child{border-bottom:0}.mtrack__n{color:#a0a0a0;text-align:center;font-family:JetBrains Mono,monospace;font-size:12px}.mtrack__meta{min-width:0}.mtrack__title{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:14px;font-weight:700;overflow:hidden}.mtrack__artist{color:#a0a0a0;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.msheet__cta-wrap{background:linear-gradient(#1a1a1d00 0%,#1a1a1df5 30%,#1a1a1d 60%);border-top:1px solid #ffffff0a;padding:14px 18px 20px;position:absolute;bottom:0;left:0;right:0}.msheet__cta{color:#042800;letter-spacing:-.005em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#39ff14;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;font-family:inherit;font-size:15px;font-weight:800;transition:transform 80ms,background .12s,box-shadow .12s;display:flex;box-shadow:0 8px 22px -8px #39ff148c}.msheet__cta:active{transform:scale(.985)}.msheet__cta:disabled{opacity:.5;cursor:not-allowed}.msheet__cta-bolt,.msheet__cta-cheers{font-size:16px}.msheet__cta-note{text-align:center;letter-spacing:.1em;color:#a0a0a0;margin-top:8px;font-size:10.5px}.msheet__cta-error{text-align:center;color:#ff4d4d;margin-top:8px;font-size:10.5px}