/*! tailwindcss v4.3.3 | 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--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}}}@layer theme{:root,:host{--font-sans:-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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-2xl:1rem;--radius-3xl:1.5rem;--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);--color-ink:#100e0c;--color-panel:#1b1714;--color-panel-2:#26211c;--color-cream:#f6f0e8;--color-mist:#b7ab9f;--color-faint:#8d8176;--color-copper:#ff7a3c;--color-gold:#ffc56d;--color-line:#3a322c}}@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}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.right-4{right:calc(var(--spacing) * 4)}.left-1\/2{left:50%}.z-\[80\]{z-index:80}.z-\[81\]{z-index:81}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.h-2{height:calc(var(--spacing) * 2)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.max-h-\[min\(84dvh\,760px\)\]{max-height:min(84dvh,760px)}.w-12{width:calc(var(--spacing) * 12)}.w-\[min\(520px\,calc\(100\%-28px\)\)\]{width:min(520px,100% - 28px)}.w-full{width:100%}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.touch-manipulation{touch-action:manipulation}.touch-none{touch-action:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-line{border-color:var(--color-line)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab, red, red)){.bg-black\/70{background-color:color-mix(in oklab, var(--color-black) 70%, transparent)}}.bg-copper{background-color:var(--color-copper)}.bg-cream{background-color:var(--color-cream)}.bg-panel{background-color:var(--color-panel)}.bg-panel-2{background-color:var(--color-panel-2)}.bg-transparent{background-color:#0000}.bg-white\/15{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.bg-white\/15{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.p-6{padding:calc(var(--spacing) * 6)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.pr-10{padding-right:calc(var(--spacing) * 10)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[17px\]{font-size:17px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-cream{color:var(--color-cream)}.text-ink{color:var(--color-ink)}.text-mist{color:var(--color-mist)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{user-select:none}.placeholder\:text-faint::placeholder{color:var(--color-faint)}@media (hover:hover){.hover\:bg-gold:hover{background-color:var(--color-gold)}}.focus-visible\:border-copper:focus-visible{border-color:var(--color-copper)}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-copper:focus-visible{outline-color:var(--color-copper)}.disabled\:opacity-40:disabled{opacity:.4}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f6f0e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#100e0c;font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}html{font-size:17px}body{user-select:none;-webkit-tap-highlight-color:transparent;background:#100e0c;margin:0;overflow:hidden}input,textarea{user-select:text}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#1a100c;background:#ff7a3c}.app-shell{background:radial-gradient(900px 420px at 100% -10%,#ff7a3c14,#0000 55%),#100e0c;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.workspace{flex:1;min-height:0;display:flex}.main-scroll{overscroll-behavior:contain;flex:1;min-width:0;min-height:0;padding:22px 28px 32px;overflow:auto}.topbar,.mobile-nav{display:none}.sidebar{background:#140f0c;border-right:1px solid #3a322c;flex-direction:column;flex:none;gap:6px;width:280px;padding:18px 14px 16px;display:flex;overflow:auto}.brand{align-items:center;gap:12px;padding:6px 8px 16px;display:flex}.brand strong{letter-spacing:-.05em;font-size:28px;line-height:1;display:block}.brand em{color:#8d8176;margin-top:4px;font-size:13px;font-style:normal;font-weight:600;display:block}.side-link,.side-mini{text-align:left;color:#f6f0e8;background:0 0;border:0;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:56px;padding:0 14px;font-size:18px;font-weight:650;display:flex}.side-link svg{flex:none;width:24px;height:24px}.side-link[aria-current=page],.side-mini[aria-current=page],.side-link.is-on{color:#ffc56d;background:#ff7a3c29}.side-label{color:#8d8176;letter-spacing:.14em;text-transform:uppercase;margin:18px 14px 6px;font-size:12px;font-weight:700}.side-mini{color:#b7ab9f;min-height:48px;font-size:16px;font-weight:600}.side-foot{color:#8d8176;margin-top:auto;padding:16px 12px 6px;font-size:13px;line-height:1.45}.side-new{color:#ffc56d;background:0 0;border:1px dashed #3a322c;border-radius:14px;min-height:48px;margin-top:4px;font-weight:700}.home-search,.search-form{background:#1b1714;border:1px solid #3a322c;border-radius:18px;align-items:center;gap:10px;min-height:60px;padding:0 8px 0 18px;display:flex}.home-search input,.search-form input{caret-color:#ff7a3c;background:0 0;border:0;outline:none;flex:1;min-width:0;height:56px;font-size:18px}.home-search input::placeholder,.search-form input::placeholder{color:#8d8176}.home-search{margin-bottom:22px}.search-stack{grid-template-columns:minmax(0,1.5fr) minmax(220px,.9fr);gap:12px;display:grid}.search-tag{color:#ffc56d;letter-spacing:.06em;text-transform:uppercase;flex:none;font-size:13px;font-weight:800}.hero{background:radial-gradient(700px 240px at 0 0,#ff7a3c33,#0000 60%),#1b1714;border:1px solid #3a322c;border-radius:28px;grid-template-columns:minmax(180px,340px) minmax(0,1fr);align-items:center;gap:28px;margin-bottom:28px;padding:22px;display:grid}.hero-art{aspect-ratio:1;background:#26211c;border-radius:22px;width:100%;overflow:hidden}.hero-art img,.cover,.cover-fallback{object-fit:cover;width:100%;height:100%}.eyebrow{color:#ffc56d;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:800}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,60px);line-height:.98}.hero-artist{color:#b7ab9f;margin:12px 0 0;font-size:20px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.fine{color:#8d8176;max-width:46ch;margin:16px 0 0;font-size:14px;line-height:1.45}.chip-scroller{scroll-snap-type:x proximity;gap:8px;padding:2px 0 12px;display:flex;overflow-x:auto}.chip{scroll-snap-align:start;color:#f6f0e8;background:#1b1714;border:1px solid #3a322c;border-radius:999px;flex:none;min-height:48px;padding:0 18px;font-size:16px;font-weight:750}.chip[aria-pressed=true]{color:#1a100c;background:#ff7a3c;border-color:#ff7a3c}.folder-row{color:#f6f0e8;text-align:left;background:#1b1714;border:1px solid #3a322c;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:72px;padding:10px 14px;font-size:18px;font-weight:750;display:flex}.folder-row span{flex:1;min-width:0}.folder-row svg{flex:none}.crumb-row{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.crumb{color:#ffc56d;background:0 0;border:0;border-radius:12px;align-items:center;gap:2px;min-height:44px;padding:0 10px;font-size:16px;font-weight:750;display:inline-flex}.live-mark{color:#ffc56d;letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:800;display:flex}.live-mark i{background:#ff4d6a;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #ff4d6a2e}.section{margin:8px 0 28px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.section-head h2{letter-spacing:-.03em;margin:0;font-size:26px}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#3a322c transparent;gap:16px;padding:2px 2px 12px;display:flex;overflow-x:auto}.hscroll>*{scroll-snap-align:start}.album-card{width:200px}.album-art{background:#26211c;border-radius:18px;position:relative;overflow:hidden}.album-art-link{aspect-ratio:1;display:block}.album-play{z-index:1;color:#1a100c;background:#ff7a3c;border:0;border-radius:50%;place-items:center;width:56px;height:56px;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 8px 18px #00000059}.album-play:active{background:#ffc56d}.album-title,.album-artist{padding:0 4px;display:block}.album-title{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:16px;font-weight:750;display:-webkit-box;overflow:hidden}.album-artist{color:#b7ab9f;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;overflow:hidden}.genre-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.genre-tile{border:1px solid #3a322c;border-radius:18px;flex-direction:column;justify-content:flex-end;gap:4px;min-height:104px;padding:14px 16px;display:flex}.genre-tile strong{letter-spacing:-.03em;font-size:22px}.genre-tile span{color:#f6f0e8;opacity:.75;font-size:14px}.track-list{flex-direction:column;gap:4px;display:flex}.track-row{border-radius:16px;align-items:center;gap:6px;min-height:76px;padding:4px;display:flex}.track-row.is-current{background:#ff7a3c1a}.track-main{text-align:left;background:0 0;border:0;border-radius:14px;flex:1;align-items:center;gap:12px;min-width:0;min-height:68px;padding:4px;display:flex}.track-art{background:#26211c;border-radius:10px;flex:none;width:56px;height:56px;overflow:hidden}.track-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.track-title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.track-row.is-current .track-title{color:#ffc56d}.track-sub{color:#b7ab9f;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.track-sub button,.track-sub a{color:inherit}.track-dur{color:#8d8176;font-variant-numeric:tabular-nums;text-align:right;min-width:44px;font-size:14px}.icon-hit{color:#f6f0e8;background:0 0;border:0;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.icon-hit[aria-pressed=true]{color:#ff5d73}.icon-hit:active,.track-main:active,.side-link:active{background:#ffffff0d}.cover-fallback{color:#f6f0e8;letter-spacing:-.04em;place-items:center;font-size:28px;font-weight:750;display:grid}.entity{grid-template-columns:minmax(160px,280px) minmax(0,1fr);align-items:end;gap:24px;margin-bottom:22px;display:grid}.entity-art{aspect-ratio:1;background:#26211c;border-radius:24px;width:100%;overflow:hidden;box-shadow:0 18px 40px #00000047}.entity h1{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4vw,52px);line-height:1}.entity-meta{color:#b7ab9f;margin:10px 0 0;font-size:18px}.entity-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.desc{color:#b7ab9f;user-select:text;max-width:62ch;margin:14px 0 0;font-size:15px;line-height:1.45}.tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tabs button{background:0 0;border:1px solid #3a322c;border-radius:999px;min-height:48px;padding:0 18px;font-weight:750}.tabs button[aria-selected=true]{color:#1a100c;background:#ff7a3c;border-color:#0000}.artist-grid,.playlist-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.artist-card,.playlist-card{background:#1b1714;border:1px solid #3a322c;border-radius:18px;align-items:center;gap:14px;min-height:92px;padding:12px;display:flex}.artist-card img,.artist-card .cover-fallback,.monogram{object-fit:cover;border-radius:50%;flex:none;width:68px;height:68px}.monogram{background:#3a2a22;place-items:center;font-size:26px;font-weight:750;display:grid}.playlist-card strong,.artist-card strong{letter-spacing:-.02em;font-size:18px;display:block}.playlist-card span,.artist-card span{color:#b7ab9f;font-size:14px}.player{background:#16130f;border-top:1px solid #3a322c;flex:none;grid-template-columns:minmax(240px,1.05fr) minmax(380px,1.5fr) minmax(210px,.85fr);align-items:center;gap:8px 18px;min-height:112px;padding:8px 18px 10px;display:grid}.player-meta{align-items:center;gap:8px;min-width:0;display:flex}.player-id{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;min-height:72px;padding:0;display:flex}.player-id .track-art{border-radius:12px;width:68px;height:68px}.player-id strong,.player-id em{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.player-id strong{font-size:16px}.player-id em{color:#b7ab9f;margin-top:3px;font-size:14px;font-style:normal}.player-error{color:#ff5d73;margin-top:2px;font-size:13px;display:block}.player-transport{flex-direction:column;gap:0;min-width:0;display:flex}.transport-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.transport-seek{grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:8px;display:grid}.time{font-variant-numeric:tabular-nums;color:#b7ab9f;font-size:13px}.time.end{text-align:right}.player-extra{justify-content:flex-end;align-items:center;gap:8px;display:flex}.volume{align-items:center;gap:4px;width:min(220px,100%);display:flex}.icon-btn{color:#f6f0e8;background:0 0;border:0;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.icon-btn[aria-pressed=true]{color:#ffc56d}.icon-btn:disabled{opacity:.35}.play-btn{color:#1a100c;background:#ff7a3c;border:0;border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.play-btn:active{background:#ffc56d}.play-btn:disabled{opacity:.4}.seek{touch-action:none;align-items:center;height:44px;display:flex;position:relative}.seek:before,.seek-buf,.seek-val{border-radius:999px;height:8px;position:absolute;left:0}.seek:before{background:#ffffff1f;right:0}.seek-buf{pointer-events:none;background:#ffffff38}.seek-val{pointer-events:none;background:#ff7a3c}.seek-val:after{content:"";background:#f6f0e8;border-radius:50%;width:26px;height:26px;position:absolute;top:50%;right:-12px;transform:translateY(-50%);box-shadow:0 2px 8px #00000059}.drawer-backdrop,.now-backdrop{z-index:55;background:#0000009e;position:fixed;inset:0}.drawer{z-index:56;width:min(460px,100%);padding-bottom:env(safe-area-inset-bottom);background:#16130f;border-left:1px solid #3a322c;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-head,.sheet-head{border-bottom:1px solid #3a322c;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:8px 12px 8px 18px;display:flex}.drawer-head h2,.sheet-head h2{margin:0;font-size:22px}.drawer-list{flex:1;padding:8px;overflow:auto}.now{z-index:65;padding:8px 20px calc(16px + env(safe-area-inset-bottom));background:radial-gradient(800px 400px at 50% -10%,#ff7a3c38,#0000 60%),#100e0c;flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.now-body{text-align:center;flex-direction:column;align-items:center;gap:8px;width:min(760px,100%);margin:0 auto;display:flex}.now-art{aspect-ratio:1;border-radius:28px;width:min(420px,72vw);margin:8px 0 12px;overflow:hidden;box-shadow:0 24px 60px #00000059}.now h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,42px)}.now-wide{width:min(640px,100%)}.toast{left:50%;bottom:calc(136px + env(safe-area-inset-bottom));z-index:90;color:#1a100c;text-align:center;background:#f6f0e8;border-radius:999px;max-width:min(92vw,440px);padding:14px 18px;font-weight:800;position:fixed;transform:translate(-50%)}.empty,.error-box{color:#b7ab9f;max-width:46ch;padding:28px 8px;font-size:18px;line-height:1.45}.error-box{color:#f6f0e8}.skeleton{background:#2a241f;border-radius:16px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.eq{align-items:flex-end;gap:2px;width:16px;height:14px;display:inline-flex}.eq i{transform-origin:bottom;background:#ff7a3c;width:3px;height:100%;animation:.9s ease-in-out infinite bounce;display:block}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.spinner{border:3px solid #1a100c40;border-top-color:#1a100c;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.audio-anchor{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.yt-stage{z-index:72;background:#16130f;border-top:1px solid #3a322c;flex:none;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:10px 16px;display:grid;position:relative}.yt-stage.is-idle{display:none}.yt-frame-box{background:#000;flex:none;width:356px;min-width:200px;height:200px;min-height:200px;position:relative;overflow:hidden;transform:translateZ(0)}.yt-frame-box iframe{border:0;display:block;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;position:absolute!important;inset:0!important}.yt-stage.is-expanded .yt-frame-box{width:min(854px,62vw);height:max(200px,min(480px,40dvh))}.yt-copy{min-width:0}.yt-copy strong{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;display:block;overflow:hidden}.yt-copy p{color:#b7ab9f;margin:4px 0 0;font-size:15px}.quality-panel{z-index:72;background:#1b1714;border-top:1px solid #3a322c;flex:none;gap:12px;padding:12px 16px 14px;display:grid;position:relative}.quality-copy h2{margin:0;font-size:22px}.quality-copy p{color:#b7ab9f;max-width:78ch;margin:6px 0 0;font-size:15px;line-height:1.4}.quality-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quality-option{text-align:left;color:#f6f0e8;background:#26211c;border:1px solid #3a322c;border-radius:16px;min-height:76px;padding:12px 14px}.quality-option[aria-pressed=true]{background:#3a2418;border-color:#ff7a3c}.quality-option strong{font-size:17px;display:block}.quality-option span{color:#b7ab9f;margin-top:4px;font-size:13px;line-height:1.35;display:block}.quality-btn{color:#ffc56d;background:0 0;border:1px solid #3a322c;border-radius:999px;min-height:48px;padding:0 12px;font-size:14px;font-weight:800}.app-shell.has-video .toast{top:18px;bottom:auto}.stack{flex-direction:column;gap:10px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.license-link{color:#ffc56d;font-weight:700}@media (max-width:1200px){.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.player{grid-template-columns:minmax(200px,1fr) minmax(280px,1.3fr) auto}.volume{width:140px}}@media (max-width:900px){html{font-size:16px}.sidebar{display:none}.topbar,.mobile-nav{display:flex}.workspace{min-height:180px}.topbar{z-index:84;background:#140f0c;border-bottom:1px solid #3a322c;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:8px 14px;position:relative}.topbar a.brand{z-index:1;padding:0;position:relative}.topbar .brand strong{font-size:22px}.mobile-nav{z-index:80;min-height:68px;padding-bottom:env(safe-area-inset-bottom);touch-action:manipulation;background:#140f0c;border-top:1px solid #3a322c;flex:none;position:relative}.mobile-nav a{color:#b7ab9f;white-space:nowrap;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:64px;padding:0 1px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.mobile-nav a[aria-current=page]{color:#ffc56d}.main-scroll{padding:16px 14px 20px}.search-stack{grid-template-columns:1fr}.hero,.entity{grid-template-columns:1fr;align-items:start}.hero-art,.entity-art{width:min(100%,280px)}.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.album-card{width:156px}.player{grid-template-columns:1fr auto;grid-template-areas:"meta extra""transport transport";gap:2px 8px;min-height:156px;padding:6px 10px 8px}.seek:before,.seek-buf,.seek-val{height:10px}.player-meta{grid-area:meta}.player-transport{grid-area:transport}.player-extra{grid-area:extra}.volume{display:none}.play-btn{width:60px;height:60px}.yt-stage{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:10px;padding:8px 12px}.yt-frame-box{width:200px;height:200px}.yt-stage.is-expanded{grid-template-columns:1fr}.yt-stage.is-expanded .yt-frame-box{width:100%;height:max(200px,min(280px,32dvh))}.yt-copy p{display:none}.yt-copy .row-actions{margin-top:6px}.quality-panel{z-index:74;border:1px solid #3a322c;border-radius:18px;max-height:min(46dvh,420px);position:fixed;top:76px;left:12px;right:12px;overflow:auto;box-shadow:0 16px 40px #00000073}.quality-options{grid-template-columns:1fr}.quality-btn{min-height:44px;padding:0 8px;font-size:13px}.icon-btn{width:46px;height:46px}.player-id .track-art{width:52px;height:52px}.track-dur{display:none}.toast{bottom:calc(188px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.skeleton,.eq i,.spinner{animation:none}}*{scrollbar-width:thin;scrollbar-color:#3a322c transparent}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@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}