:root{--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC",sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC",sans-serif;--bg:#09080d;--ink:rgba(255,248,253,0.96);--ink-muted:rgba(255,246,252,0.74);--ink-soft:rgba(255,244,252,0.45);--ink-faint:rgba(255,244,252,0.18);--line:rgba(255,255,255,0.08);--surface:rgba(19,15,28,0.42);--surface-strong:rgba(22,17,32,0.68);--accent:#ff8ca4;--accent-strong:#ffc1cf;--shadow:0 40px 120px rgba(0,0,0,0.45)}*{box-sizing:border-box}body,html{margin:0;width:100%;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{overflow:hidden}button,input{border:0;background:none;color:inherit;font:inherit}button{cursor:pointer}img{display:block}a{color:inherit;text-decoration:none}.page-shell{width:100vw;height:100vh}.player-experience{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(212,103,123,.18),transparent 28%),radial-gradient(circle at 82% 24%,rgba(88,112,188,.17),transparent 30%),linear-gradient(140deg,#130e18,#120e1a 38%,#121322)}.experience-backdrop,.experience-grid,.experience-wash{position:absolute;inset:0;pointer-events:none}.experience-backdrop{background-image:radial-gradient(circle at 24% 28%,rgba(255,147,171,.26),transparent 34%),radial-gradient(circle at 76% 24%,rgba(111,150,255,.22),transparent 32%),radial-gradient(circle at 50% 86%,rgba(228,118,206,.16),transparent 32%),var(--cover-image);background-size:auto,auto,auto,cover;background-position:50%;filter:blur(72px) saturate(138%) brightness(.76);transform:scale(1.2);opacity:.95}.experience-wash{background:linear-gradient(110deg,rgba(8,7,12,.38),rgba(8,7,12,.1) 32%,rgba(8,7,12,.52)),linear-gradient(180deg,rgba(7,5,10,.32),rgba(7,5,10,.14) 40%,rgba(7,5,10,.65))}.experience-grid{background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 0);background-size:18vw 18vw;opacity:.22;mix-blend-mode:soft-light}.experience-body{position:relative;z-index:2;width:min(1760px,100%);height:100%;margin:0 auto;padding:52px 56px 84px;display:grid;grid-template-rows:auto 1fr;grid-gap:24px;gap:24px}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:24px;gap:24px}.topbar-brand,.topbar-rail{min-width:0}.topbar-rail{padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,transform .24s ease}.topbar-rail:empty{padding:0;border:0;background:none;box-shadow:none}.topbar:focus-within .topbar-rail:not(:empty),.topbar:hover .topbar-rail:not(:empty){opacity:1;transform:translateY(0);pointer-events:auto}.brand-lockup{display:flex;flex-direction:column;gap:4px}.brand-mark{font-family:var(--font-display);font-size:2.35rem;font-weight:820;font-style:italic;letter-spacing:-.06em}.brand-note{font-size:.82rem;color:var(--ink-soft);letter-spacing:.16em;text-transform:uppercase}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.chrome-icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink-muted);background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .18s ease,color .18s ease,background .18s ease}.chrome-icon:hover{color:var(--ink);transform:translateY(-1px);background:rgba(255,255,255,.09)}.playlist-switcher{display:flex;align-items:center;gap:12px;overflow-x:auto;padding:0 2px 2px;min-width:0;scroll-behavior:smooth;scrollbar-width:none}.playlist-switcher::-webkit-scrollbar{display:none}.playlist-pill{flex:0 0 auto;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border-radius:999px;color:var(--ink-muted);background:rgba(255,255,255,.035);border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease}.playlist-pill span{font-size:.94rem;font-weight:600}.playlist-pill em{font-style:normal;color:var(--ink-soft);font-size:.78rem}.playlist-pill.active{color:var(--ink);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.08)}.playlist-pill:hover{transform:translateY(-1px)}.hero-stage{height:100%;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-gap:clamp(40px,5vw,96px);gap:clamp(40px,5vw,96px)}.hero-artwork,.hero-stage{min-height:0;align-items:center}.hero-artwork{display:flex;justify-content:center;justify-self:center;align-self:center;width:100%;opacity:.94}.hero-cover-card{position:relative;width:min(100%,380px);aspect-ratio:1;padding:16px;border-radius:40px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(18,14,26,.78);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 90px rgba(0,0,0,.34)}.hero-artwork-glow{position:absolute;inset:0;border-radius:40px;background:radial-gradient(circle at 50% 28%,rgba(255,219,228,.16),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),rgba(6,5,10,.1));z-index:2;pointer-events:none}.hero-artwork:after,.hero-artwork:before{display:none}.hero-artwork-image{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:28px;filter:saturate(1.05) contrast(1.04) brightness(.94);transform:none}.cover-crossfade{position:relative;display:block;overflow:hidden;isolation:isolate}.cover-crossfade-image{position:absolute;inset:0;display:block;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:cover-image-fade .26s ease both}.cover-transition-placeholder{position:absolute;inset:0;container-type:inline-size;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),rgba(15,12,20,.82);border:1px solid rgba(255,255,255,.08);animation:cover-image-fade .18s ease both}.cover-transition-word{display:block;max-width:78%;transform:rotate(-14deg);color:rgba(255,255,255,.28);font-size:clamp(2.2rem,5vw,3.6rem);font-size:clamp(2.2rem,13cqw,3.8rem);font-style:italic;font-weight:900;line-height:.9;letter-spacing:0;white-space:nowrap;text-transform:lowercase}.transport-avatar-shell .cover-transition-word{max-width:88%;font-size:1.02rem}@keyframes cover-image-fade{0%{opacity:.72;transform:scale(1.018)}to{opacity:1;transform:scale(1)}}.hero-artwork-media{width:100%;height:100%;border-radius:28px}.hero-copy{min-height:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);grid-gap:24px;gap:24px;padding-top:0}.surface-tabs{display:inline-flex;align-items:center;gap:8px;padding:6px;width:max-content;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.surface-tabs button{min-height:38px;padding:0 16px;border-radius:999px;color:var(--ink-soft);font-weight:600;transition:background .18s ease,color .18s ease}.surface-tabs button.active,.surface-tabs button:hover{color:var(--ink);background:rgba(255,255,255,.08)}.about-surface,.lyrics-stage,.track-surface{min-height:0;height:100%;position:relative}.lyrics-stage{overflow-y:auto;padding:1.5vh 0 max(116px,13vh);scrollbar-width:none;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent)}.lyrics-stage::-webkit-scrollbar{display:none}.lyric-line{display:block;width:100%;padding:0;text-align:left;font-family:var(--font-display);font-size:clamp(2.8rem,4.8vw,5.8rem);line-height:1;letter-spacing:-.065em;font-weight:830;color:rgba(255,245,252,.14);transition:color .24s ease,transform .24s ease,opacity .24s ease,text-shadow .24s ease}.lyric-line+.lyric-line{margin-top:26px}.lyric-line.active{color:var(--ink);transform:translateX(8px);text-shadow:0 22px 54px rgba(0,0,0,.32)}.lyric-line:hover{color:rgba(255,245,252,.72)}.track-surface{overflow-y:auto;padding:8px 10px 140px 0;scrollbar-gutter:stable both-edges;scrollbar-width:thin}.track-toolbar{display:grid;grid-template-columns:minmax(0,1.3fr) auto auto;align-items:center;grid-gap:14px;gap:14px;margin-bottom:18px;padding-right:6px}.track-search-field{display:grid;grid-gap:8px;gap:8px}.track-search-field span{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.track-search-field input{width:100%;min-height:48px;padding:0 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--ink)}.track-search-field input::placeholder{color:rgba(255,247,252,.38)}.track-search-field input:focus{outline:none;border-color:rgba(255,177,196,.26);box-shadow:0 0 0 4px rgba(255,177,196,.08)}.track-filter-group{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06)}.track-filter-pill{min-height:34px;padding:0 14px;border-radius:999px;color:var(--ink-soft);transition:background .18s ease,color .18s ease}.track-filter-pill.active,.track-filter-pill:hover{background:rgba(255,255,255,.1);color:var(--ink)}.track-toolbar-stats{display:grid;justify-items:end;grid-gap:4px;gap:4px;font-size:.82rem;color:var(--ink-soft)}.track-toolbar-stats em{font-style:normal;color:rgba(255,209,224,.82)}.about-surface::-webkit-scrollbar,.queue-surface::-webkit-scrollbar,.track-surface::-webkit-scrollbar{width:8px}.about-surface::-webkit-scrollbar-thumb,.queue-surface::-webkit-scrollbar-thumb,.track-surface::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.12)}.track-line{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:18px 14px 18px 0;border-radius:20px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--ink-muted);text-align:left;transition:transform .18s ease,color .18s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.track-line:focus-within,.track-line:hover{transform:translateX(6px);color:var(--ink)}.track-line-main{width:100%;min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) minmax(104px,auto);align-items:center;grid-gap:14px;gap:14px;text-align:left}.track-line.active{color:var(--ink);background:linear-gradient(90deg,rgba(255,177,196,.16),rgba(255,255,255,.04));border-bottom-color:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 30px rgba(0,0,0,.12)}.track-line-index,.track-line-meta{font-size:.88rem;color:var(--ink-soft);letter-spacing:.02em}.track-line-meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;min-width:104px;white-space:nowrap}.track-duration{display:inline-block;min-width:5ch;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.track-playability{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08)}.track-playability.resolved{color:#fce6ee;background:rgba(255,137,178,.18);border-color:rgba(255,177,196,.24)}.track-playability.loading{color:#fff1f6;background:rgba(255,196,213,.12);border-color:rgba(255,255,255,.14)}.track-playability.unresolved{color:#ffe3d7;background:rgba(156,69,44,.22);border-color:rgba(219,128,102,.22)}.track-playability.neutral{color:#f4ebff;background:rgba(255,255,255,.07)}.track-playability.muted{color:rgba(255,240,246,.62);background:rgba(255,255,255,.04)}.track-line-index{display:inline-flex;align-items:center;justify-content:center;min-height:24px}.track-line-index-label{display:inline-block;min-width:2ch;text-align:center}.track-line-indicator{display:inline-flex;align-items:flex-end;justify-content:center;gap:3px;width:20px;height:18px}.track-line-indicator span{width:3px;border-radius:999px;background:rgba(255,216,226,.96);box-shadow:0 0 12px rgba(255,177,196,.34);transform-origin:center bottom}.track-line-indicator span:first-child{height:8px}.track-line-indicator span:nth-child(2){height:14px}.track-line-indicator span:nth-child(3){height:10px}.track-line-indicator.selected span{opacity:.92}.track-line-indicator.loading span{animation:track-indicator-pulse .9s ease-in-out infinite}.track-line-indicator.loading span:nth-child(2){animation-delay:.12s}.track-line-indicator.loading span:nth-child(3){animation-delay:.24s}.track-line-indicator.playing span{animation:track-indicator-bounce .72s ease-in-out infinite}.track-line-indicator.playing span:nth-child(2){animation-delay:.12s}.track-line-indicator.playing span:nth-child(3){animation-delay:.24s}.track-line-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;opacity:0;transform:translateX(4px);transition:opacity .18s ease,transform .18s ease}.track-line.active .track-line-actions,.track-line:focus-within .track-line-actions,.track-line:hover .track-line-actions{opacity:1;transform:translateX(0)}.track-line-action{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--ink-soft);font-size:.78rem;transition:color .18s ease,background .18s ease,border-color .18s ease}.track-line-action:hover{color:var(--ink);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.14)}.track-line-action.active{color:var(--ink);background:rgba(255,177,196,.14);border-color:rgba(255,177,196,.24)}.track-line-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.track-line-copy small,.track-line-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-line-copy strong{font-size:1.02rem;font-weight:680}.track-line-copy small{font-size:.86rem;color:var(--ink-soft)}@keyframes track-indicator-bounce{0%,to{transform:scaleY(.42);opacity:.4}50%{transform:scaleY(1);opacity:1}}@keyframes track-indicator-pulse{0%,to{transform:scaleY(.6);opacity:.38}50%{transform:scaleY(.86);opacity:.88}}.about-surface,.queue-surface{align-self:stretch;overflow-y:auto;padding:16px 10px 140px 0;scrollbar-gutter:stable both-edges}.queue-surface{max-width:100%;display:grid;grid-gap:20px;gap:20px}.queue-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:18px;gap:18px}.queue-head h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,3.6vw,3.2rem);letter-spacing:-.06em}.queue-head>div>p:last-child{margin:12px 0 0;color:var(--ink-muted)}.queue-head-stats{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.queue-head-stats span{min-height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:var(--ink-soft);font-size:.8rem}.queue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.queue-panel{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);min-height:220px}.queue-panel-wide{grid-column:1/-1}.queue-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.queue-panel-head h3{margin:0;font-size:1rem}.queue-panel-head button,.queue-row-action{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:var(--ink-soft);font-size:.78rem}.queue-panel-head button:hover:not(:disabled),.queue-row-action:hover:not(:disabled),.queue-row-main:hover:not(:disabled){border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:var(--ink)}.queue-panel-head button:disabled,.queue-row-action:disabled{opacity:.36;cursor:default}.queue-list{display:grid;grid-gap:10px;gap:10px}.queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center}.queue-row-main{min-width:0;display:grid;grid-gap:3px;gap:3px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.03);text-align:left}.queue-row-main:disabled{opacity:.45;cursor:default}.queue-row-main span,.queue-row-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-row-main strong{font-size:.96rem}.queue-row-main span{font-size:.82rem;color:var(--ink-soft)}.queue-empty{margin:0;color:var(--ink-soft);line-height:1.7}.about-surface{max-width:720px}.about-label{margin:0 0 8px;color:rgba(255,209,224,.76);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.about-surface h2{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.6rem);letter-spacing:-.06em}.about-surface>p{margin:16px 0 0;color:var(--ink-muted);font-size:1rem;line-height:1.65}.about-surface dl{margin:32px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,240px));grid-gap:18px 24px;gap:18px 24px}.about-surface dl div{display:grid;grid-gap:4px;gap:4px}.about-surface dt{color:var(--ink-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.about-surface dd{margin:0;font-size:1rem;color:var(--ink)}.transport-zone{position:absolute;left:0;right:0;bottom:0;z-index:4;height:172px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:18px}.transport-dock{position:relative;width:min(1180px,calc(100% - 120px));min-height:112px;padding:18px 24px 16px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(420px,1.25fr) minmax(240px,1fr);align-items:center;grid-gap:22px;gap:22px;border-radius:34px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(120,64,88,.34),rgba(76,46,78,.26));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 90px rgba(0,0,0,.36);backdrop-filter:blur(34px) saturate(120%);-webkit-backdrop-filter:blur(34px) saturate(120%);opacity:0;transform:translateY(calc(100% + 24px));pointer-events:none;transition:opacity .24s ease,transform .26s ease}.transport-zone.preview-open .transport-dock,.transport-zone:focus-within .transport-dock,.transport-zone:hover .transport-dock{opacity:1;transform:translateY(0);pointer-events:auto}.transport-progress{position:absolute;left:24px;right:24px;top:-1px;height:8px;z-index:3}.transport-progress-time{position:absolute;top:-34px;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgba(17,13,25,.58);border:1px solid rgba(255,255,255,.08);font-size:.78rem;color:var(--ink-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap}.transport-progress input[type=range]{display:block}.transport-progress input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px 999px 14px 14px;background:linear-gradient(90deg,rgba(255,184,206,.96) 0,rgba(255,143,172,.92) var(--progress-percent,0),rgba(255,255,255,.14) var(--progress-percent,0),rgba(255,255,255,.08) 100%)}.transport-progress input[type=range]::-webkit-slider-thumb{width:12px;height:12px;margin-top:-2px;opacity:.98}.transport-progress input[type=range]::-moz-range-track{height:8px;border-radius:999px 999px 14px 14px;background:linear-gradient(90deg,rgba(255,184,206,.96) 0,rgba(255,143,172,.92) var(--progress-percent,0),rgba(255,255,255,.14) var(--progress-percent,0),rgba(255,255,255,.08) 100%)}.transport-progress input[type=range]::-moz-range-thumb{width:12px;height:12px}.transport-now{display:flex;align-items:center;gap:16px;min-width:0}.transport-avatar-shell{position:relative;flex:0 0 64px;width:64px;height:64px;border-radius:20px}.transport-avatar{width:100%;height:100%;border-radius:20px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.24)}.transport-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.transport-copy span,.transport-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-copy strong{font-size:1.02rem}.transport-copy span{font-size:.86rem;color:var(--ink-soft)}.transport-center{display:grid;align-content:center;justify-items:center}.transport-controls{display:flex;align-items:center;justify-content:center;gap:26px}.transport-controls .transport-icon{color:rgba(255,247,252,.94);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.14);box-shadow:0 10px 24px rgba(0,0,0,.18)}.transport-controls .transport-icon:hover:not(:disabled){background:rgba(255,255,255,.16)}.transport-icon,.transport-play{display:inline-flex;align-items:center;justify-content:center;color:var(--ink-muted);transition:transform .18s ease,color .18s ease,opacity .18s ease,background .18s ease}.transport-icon{width:50px;height:50px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045)}.transport-icon:hover:not(:disabled){transform:translateY(-1px);color:var(--ink);background:rgba(255,255,255,.08)}.transport-icon:disabled{opacity:.25;cursor:default}.transport-icon.active{color:var(--ink);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.12)}.transport-play{width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#fff,#ffeef3);color:#2a1120;box-shadow:0 12px 38px rgba(255,226,238,.18)}.transport-play:hover{transform:translateY(-2px) scale(1.02)}.transport-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px}.volume-control{min-width:144px;display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:8px;gap:8px;padding-left:4px}input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(255,152,179,.95),rgba(255,199,220,.42))}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-4px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.28)}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:linear-gradient(90deg,rgba(255,152,179,.95),rgba(255,199,220,.42))}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.28)}.settings-shell{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:32px;background:rgba(6,5,10,.48);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.settings-panel{width:min(860px,100%);max-height:min(86vh,920px);overflow-y:auto;padding:28px;border-radius:34px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top,rgba(255,177,196,.08),transparent 32%),linear-gradient(180deg,rgba(24,19,36,.94),rgba(14,11,24,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 34px 120px rgba(0,0,0,.42)}.settings-panel::-webkit-scrollbar{width:10px}.settings-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.settings-header p{margin:0 0 8px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,213,226,.74)}.settings-header h3{margin:0;font-family:var(--font-display);font-size:2.2rem;letter-spacing:-.05em}.settings-api-host{display:inline-flex;margin-left:12px;transform:translateY(-2px);padding:5px 10px;background:rgba(255,255,255,.05);color:var(--ink-soft);font-family:var(--font-sans);font-size:.82rem;font-style:normal;font-weight:650;letter-spacing:0;vertical-align:middle}.settings-api-host,.settings-toast{border-radius:999px;border:1px solid rgba(255,255,255,.08)}.settings-toast{margin-bottom:18px;padding:11px 16px;background:rgba(11,9,16,.72);color:var(--ink);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.settings-toast.error{background:rgba(73,22,36,.72);color:#ffd8df}.close-mark{font-size:1.7rem;line-height:1}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.provider-chip{display:grid;grid-gap:6px;gap:6px;padding:18px;text-align:left;border-radius:22px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.provider-chip strong{font-size:1rem}.provider-chip span{color:var(--ink-soft);font-size:.88rem}.provider-chip.active,.provider-chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(0,0,0,.16)}.provider-chip.active{background:linear-gradient(180deg,rgba(255,177,196,.18),rgba(255,255,255,.06));border-color:rgba(255,177,196,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 42px rgba(0,0,0,.24)}.settings-form{display:grid;grid-gap:16px;gap:16px;margin-top:24px;padding:22px;border-radius:26px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025)}.field{display:grid;grid-gap:10px;gap:10px}.field span{font-size:.9rem;color:var(--ink-muted)}.field input{min-height:56px;padding:0 18px;border-radius:18px;color:var(--ink);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.field input:focus{outline:none;border-color:rgba(255,177,196,.34);background:rgba(255,255,255,.06);box-shadow:0 0 0 4px rgba(255,177,196,.08)}.primary-action{min-height:56px;padding:0 22px;border-radius:18px;background:linear-gradient(180deg,#ffb1c4,#ff8ca4);color:#35101f;font-weight:760;letter-spacing:-.01em;box-shadow:0 18px 38px rgba(255,140,164,.18)}.primary-action:disabled{opacity:.62;cursor:default}.settings-section{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.07)}.settings-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.settings-section-head h4{margin:0;font-size:1.06rem}.settings-section-head button{color:var(--ink-muted)}.settings-hint{margin:10px 0 0;color:var(--ink-soft)}.settings-hint.error{color:#ffb7c4}.snapshot-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.snapshot-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:14px;gap:14px;padding:16px 18px;border-radius:18px;text-align:left;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05);transition:transform .18s ease,border-color .18s ease,background .18s ease}.snapshot-row:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}.snapshot-row em,.snapshot-row small,.snapshot-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapshot-row em,.snapshot-row small{margin-top:5px;font-style:normal;color:var(--ink-soft)}.toast-banner{position:fixed;top:126px;left:50%;z-index:8;transform:translateX(-50%);max-width:min(720px,calc(100% - 40px));padding:12px 18px;border-radius:999px;background:rgba(11,9,16,.68);border:1px solid rgba(255,255,255,.08);color:var(--ink);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.toast-banner.error{top:164px;background:rgba(73,22,36,.72)}.toast-banner.subtle{top:220px;color:var(--ink-muted)}.audio-player{display:none}.empty-surface{padding-top:18px;color:var(--ink-soft)}@media (max-width:1280px){.experience-body{padding:40px 30px 82px}.hero-stage{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:32px}.lyric-line{font-size:clamp(2.4rem,4.4vw,4.8rem)}.transport-dock{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 18px}.transport-now,.transport-tools{justify-content:center}.track-toolbar{grid-template-columns:minmax(0,1fr);justify-items:stretch}.track-toolbar-stats{justify-items:start}.queue-grid{grid-template-columns:1fr}}@media (max-width:1024px){body{overflow:auto}.page-shell,.player-experience{min-height:100vh;height:auto}.experience-body{min-height:100vh;padding-bottom:110px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px}.topbar-brand{grid-column:1/2}.topbar-rail{grid-column:1/-1;opacity:1;transform:translateY(0);pointer-events:auto}.topbar-actions{grid-column:2/3;grid-row:1;justify-content:flex-end}.hero-stage{grid-template-columns:1fr;gap:30px}.hero-artwork{width:100%}.hero-copy{min-height:62vh}.queue-head{grid-template-columns:1fr;align-items:start}.queue-head-stats{justify-content:flex-start}.about-surface dl{grid-template-columns:1fr}}@media (max-width:720px){.experience-body{padding:20px 18px 228px;gap:18px}.topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px}.topbar-rail{grid-column:1/-1;opacity:1;transform:translateY(0);pointer-events:auto}.brand-mark{font-size:1.8rem}.playlist-switcher{gap:10px}.playlist-pill em{display:none}.hero-stage{gap:22px}.hero-artwork{width:100%}.hero-cover-card{border-radius:28px;padding:12px}.hero-artwork-image{border-radius:18px}.hero-copy{min-height:58vh}.lyric-line{font-size:clamp(2rem,9vw,3.6rem)}.track-line{grid-template-columns:1fr;padding-right:0;gap:10px}.track-line-main{grid-template-columns:44px minmax(0,1fr);gap:10px}.track-line-meta{grid-column:2/3;justify-content:flex-start}.track-line-actions{grid-column:1/2;opacity:1;transform:translateX(0);flex-wrap:wrap;justify-content:flex-start}.queue-row{grid-template-columns:1fr}.queue-row-action{justify-self:start}.surface-tabs{width:100%;justify-content:space-between}.settings-shell{padding:12px}.settings-panel{padding:20px}.provider-grid{grid-template-columns:1fr}.transport-dock{width:calc(100% - 20px);border-radius:28px;opacity:1;transform:translateY(0);pointer-events:auto}.transport-zone{height:168px;padding-bottom:12px}.volume-control{min-width:0;width:100%}}