@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-gradient:radial-gradient(circle at 18% 16%, #d4af3724, transparent 24%), radial-gradient(circle at 82% 12%, #67e8f91f, transparent 22%), radial-gradient(circle at 52% 110%, #ff7ab614, transparent 28%), linear-gradient(180deg, #0b0b12 0%, #050509 100%);--text-main:#f5f7ff;--text-muted:#e1e4f0ad;--glass-bg:linear-gradient(180deg, #171822e0, #0c0c12c7);--glass-border:#ffffff1a;--ambient-gold:radial-gradient(circle, #d4af373d, transparent 70%);--ambient-cyan:radial-gradient(circle, #67e8f92e, transparent 70%)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-gradient:radial-gradient(circle at 18% 16%, #d4af371f, transparent 28%), radial-gradient(circle at 82% 12%, #0ea5e91a, transparent 26%), radial-gradient(circle at 52% 110%, #f472b60f, transparent 30%), linear-gradient(180deg, #f8faff 0%, #eef2f8 100%);--text-main:#0f172a;--text-muted:#64748b;--glass-bg:linear-gradient(180deg, #ffffffd9, #f8fafcc7);--glass-border:#00000014;--ambient-gold:radial-gradient(circle, #d4af3729, transparent 70%);--ambient-cyan:radial-gradient(circle, #0ea5e924, transparent 70%)}html,body,#root{min-height:100%}body{color:var(--text-main);background:var(--bg-gradient);scrollbar-color:#d4af3759 transparent;background-attachment:fixed;margin:0;font-family:Space Grotesk,sans-serif;transition:background-color .3s,color .3s}button,input{font:inherit}*{box-sizing:border-box}::selection{color:#fff9e1;background:#d4af3759}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:linear-gradient(#f9e59680,#67e8f940);border-radius:999px}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow-x:clip}.app-shell:before,.app-shell:after{content:"";pointer-events:none;z-index:-1;filter:blur(110px);border-radius:9999px;position:fixed}.app-shell:before{background:radial-gradient(circle,#d4af373d,#0000 70%);width:30rem;height:30rem;top:-6rem;left:-8rem}.app-shell:after{background:radial-gradient(circle,#67e8f92e,#0000 70%);width:26rem;height:26rem;bottom:-8rem;right:-8rem}.music-shell{width:min(1240px,100vw - 32px);margin:0 auto;padding:22px 0 28px}.music-grid{gap:20px;display:grid}.music-grid>section,.music-grid>div{min-width:0}.music-grid--home{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start}.music-stack--main{min-width:0}.music-grid--signin{grid-template-columns:minmax(0,1.05fr) minmax(340px,.9fr);align-items:center;min-height:calc(100vh - 32px)}.glass-panel{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#171822e0,#0c0c12c7);border:1px solid #ffffff1a;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000073}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 32% 68%,#ffffff0d);position:absolute;inset:0}.hero-card,.player-card,.form-card,.header-card,.info-card,.connect-card,.feature-card{border-radius:28px}.hero-card{padding:34px}.player-card,.form-card{padding:28px}.header-card{margin-bottom:18px;padding:18px 22px}.hero-ambient{filter:blur(18px);background:radial-gradient(circle,#d4af3738,#0000 68%);border-radius:50%;width:240px;height:240px;position:absolute;inset:auto auto -40px -60px}.eyebrow{text-transform:uppercase;letter-spacing:.36em;color:#d1d6e6b3;margin:0;font-size:11px}.hero-title,.section-title,.panel-title,.signin-title{color:#fffaf2;margin:0;font-family:Cormorant Garamond,serif;font-weight:200;line-height:.92}.hero-title{max-width:10ch;margin-top:18px;font-size:clamp(3rem,6vw,5.2rem)}.section-title{font-size:clamp(2rem,4vw,3.6rem)}.signin-title{max-width:11ch;font-size:clamp(3.6rem,7vw,6.3rem)}.body-copy{color:#e1e4f0b8;margin:0;font-size:.94rem;line-height:1.65}.hero-copy{max-width:58ch;margin-top:18px}.pill-row,.tag-row,.header-row,.form-row,.stat-row,.queue-row,.control-row,.progress-row,.brand-row{flex-wrap:wrap;gap:12px;display:flex}.pill{color:#f4f6fcd1;letter-spacing:.22em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:inline-flex}.pill--cyan{color:#92f0ff;background:#67e8f914;border-color:#67e8f933}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.feature-card{padding:20px}.history-sidebar{align-self:start;min-height:calc(100vh - 64px);position:sticky;top:18px}.history-sidebar__shell{gap:18px;padding:22px;display:grid;position:relative}.history-sidebar--closed .history-sidebar__title-wrap,.history-sidebar--closed .history-sidebar__profile,.history-sidebar--closed .history-sidebar__stats,.history-sidebar--closed .history-sidebar__body{display:none}.history-sidebar--closed .history-sidebar__shell{align-content:start;justify-items:center}.history-sidebar--closed .history-sidebar__header{justify-content:center}.history-sidebar__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.history-sidebar__title-wrap{min-width:0}.history-sidebar__title{color:#fffaf2;margin:6px 0 0;font-family:Cormorant Garamond,serif;font-size:2rem;line-height:.95}.history-sidebar__toggle{color:#f7e8b0;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.history-sidebar__profile{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:12px;padding:14px;display:flex}.history-sidebar__avatar{color:#fff8df;background:radial-gradient(circle at 30% 25%,#60a5fa 0%,#2563eb 35%,#1e1b4b 70%,#020617 100%);border:1px solid #d4af372e;border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #0000004d}.history-sidebar__name,.history-sidebar__email{margin:0}.history-sidebar__name{color:#fffaf2;font-weight:700}.history-sidebar__email{color:#e1e4f0a8;margin-top:4px;font-size:.9rem}.history-sidebar__stats{gap:10px;display:grid}.history-sidebar__stat-card{color:#e1e4f0c7;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.history-sidebar__stat-card svg{color:#92f0ff}.history-sidebar__stat-card strong{color:#fffaf2;font-size:1.4rem}.history-sidebar__body{gap:14px;display:grid}.history-sidebar__section-head{color:#f4f6fcd1;text-transform:uppercase;letter-spacing:.22em;align-items:center;gap:8px;font-size:11px;display:inline-flex}.history-sidebar__error,.history-sidebar__loading,.history-sidebar__empty{color:#e1e4f0c2;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;margin:0;padding:14px 16px;line-height:1.6}.history-sidebar__error{color:#ff8b8b;background:#ff6b6b14;border-color:#ff6b6b38}.history-sidebar__empty span{color:#e1e4f09e;margin-top:6px;display:block}.history-sidebar__list{gap:10px;display:grid}.history-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:14px 16px}.history-item__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-item__source,.history-item__time,.history-item__details{color:#e1e4f0ad;margin:0}.history-item__source{text-transform:uppercase;letter-spacing:.18em;font-size:.84rem}.history-item__time{font-size:.82rem}.history-item__title{color:#fffaf2;margin:8px 0 0;font-size:1rem;line-height:1.5}.history-item__details{margin-top:6px;font-size:.9rem}.feature-title,.queue-title,.label,.meta-title,.card-title{color:#fffaf2;margin:0}.feature-title{margin-top:16px;font-family:Cormorant Garamond,serif;font-size:2rem}.feature-copy,.queue-copy,.meta-copy{color:#e1e4f0ad;margin:10px 0 0;font-size:.94rem;line-height:1.7}.icon-badge{color:#f7e8b0;background:#d4af371a;border:1px solid #d4af372e;border-radius:18px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 0 24px #d4af3724}.form-card{margin-top:18px}.connect-head,.panel-head,.signin-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.connect-head{border-bottom:1px solid #ffffff14;padding-bottom:16px}.connect-title{color:#fffaf2;margin:4px 0 0;font-family:Cormorant Garamond,serif;font-size:clamp(1.9rem,3vw,3rem)}.source-toggle-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.source-toggle-button{color:#e6ecf8db;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:.82rem;font-weight:600;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:inline-flex}.source-toggle-button:hover{transform:translateY(-1px)}.source-toggle-button.is-active{color:#fff6d8;background:linear-gradient(135deg,#d4af3738,#00c8ff24);border-color:#d4af375c;box-shadow:0 0 0 1px #d4af3729,0 0 24px #00c8ff1f}.source-toggle-button:disabled{opacity:.65;cursor:not-allowed}.input-shell{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:12px;padding:16px 18px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.input-shell:focus-within{border-color:#d4af3773;box-shadow:0 0 0 1px #d4af372e,0 0 30px #d4af371a}.text-field{color:#fffaf2;background:0 0;border:0;outline:0;width:100%;font-size:.98rem}.text-field::placeholder{color:#c2c8d694}.primary-button,.ghost-button,.icon-button,.queue-button,.play-button,.signout-button{cursor:pointer;border:0;transition:transform .16s,filter .16s,background-color .16s,border-color .16s}.primary-button{color:#08080d;letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(135deg,#fff0b0 0%,#d4af37 45%,#a97b19 100%);border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 22px;font-weight:700;display:inline-flex;box-shadow:0 18px 36px #d4af3738}.primary-button:hover,.signout-button:hover,.queue-button:hover,.icon-button:hover{transform:translateY(-1px)}.mini-status{color:#90efff;text-transform:uppercase;letter-spacing:.22em;background:#67e8f914;border:1px solid #67e8f933;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:inline-flex}.brand-row{align-items:center}.brand-mark{color:#f7e8b0;background:#d4af371a;border:1px solid #d4af3733;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;display:inline-flex;overflow:hidden;box-shadow:0 0 28px #d4af371f}.brand-logo-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.brand-name{color:#fffaf2;margin:0;font-family:Cormorant Garamond,serif;font-size:2rem;line-height:1}.brand-subtitle{text-transform:uppercase;letter-spacing:.34em;color:#c2c8d6ad;margin:4px 0 0;font-size:10px}.header-card{z-index:30;justify-content:space-between;align-items:center;gap:16px;display:flex;overflow:visible}.header-actions{flex:none;justify-content:flex-end;align-items:center;gap:10px;margin-left:auto;display:inline-flex}.brand-row--header{flex-wrap:nowrap;width:auto;min-width:0}.brand-copy{min-width:0}.brand-row--header .brand-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.header-user-identity--top{flex:none}.signout-button--header{margin-left:0}.history-button{color:#b8f7ff;cursor:pointer;background:#67e8f914;border:1px solid #67e8f938;border-radius:12px;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:.82rem;font-weight:700;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.history-button:hover,.history-button:focus-visible{background:#67e8f926;border-color:#67e8f98c;transform:translateY(-1px)}.history-button__count{color:#e1e4f094;font-size:.7rem;font-weight:500}.header-user-block{align-items:center;gap:12px;display:inline-flex;position:relative}.header-user-identity{align-items:center;display:inline-flex;position:relative}.header-user-avatar{letter-spacing:.02em;cursor:pointer;color:#fff8df;background:radial-gradient(circle at 30% 25%,#60a5fa 0%,#2563eb 35%,#1e1b4b 70%,#020617 100%);border:1px solid #d4af3747;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-family:Cormorant Garamond,serif;font-size:1.12rem;font-weight:700;display:inline-flex;box-shadow:0 0 0 2px #d4af371f,0 10px 24px #0000004d}.header-user-avatar:focus-visible{outline:0;box-shadow:0 0 0 2px #d4af3747,0 0 0 5px #d4af3724,0 10px 24px #0000004d}.header-user-meta{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:left;z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#181924fa,#0b0c13fa);border:1px solid #d4af3747;border-radius:16px;gap:4px;min-width:260px;padding:13px 15px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-6px);box-shadow:0 20px 44px #00000080,0 0 0 1px #d4af3714}.header-user-meta:before{content:"";background:#181924fa;border-top:1px solid #d4af3738;border-left:1px solid #d4af3738;width:10px;height:10px;position:absolute;top:-6px;right:18px;transform:rotate(45deg)}.header-user-identity:hover .header-user-meta,.header-user-identity:focus-within .header-user-meta,.header-user-identity.is-open .header-user-meta{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header-user-name,.header-user-email{margin:0}.header-user-name{color:#fff4d0;font-size:.92rem;line-height:1}.header-user-email{color:#c2c8d6b3;font-size:.78rem;line-height:1}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card,.status-card,.queue-card,.now-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px}.metric-card{padding:18px}.metric-label{color:#c2c8d6a6;text-transform:uppercase;letter-spacing:.28em;margin:0;font-size:10px}.metric-value{color:#fffaf2;margin:10px 0 0;font-size:1rem}.status-card{margin-top:18px;padding:20px}.status-copy{color:#e1e4f0a8;max-width:64ch;margin:14px 0 0;line-height:1.75}.latest-link{color:#edf0f7c2;word-break:break-word;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;margin-top:18px;padding:16px 18px}.latest-link-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:10px;display:block;overflow:hidden}.latest-label{color:#f6dea0;text-transform:uppercase;letter-spacing:.24em;align-items:center;gap:8px;margin-right:10px;font-size:11px;display:inline-flex}.player-card{padding:28px;position:sticky;top:22px}.player-card--empty{min-height:calc(100vh - 64px)}.player-empty,.queue-card,.now-card{padding:22px}.player-hero{grid-template-columns:128px minmax(0,1fr);align-items:center;gap:1px;display:grid}.track-art{background:radial-gradient(circle at 30% 24%,#00c8ff5c,#0000 32%),radial-gradient(circle at 70% 72%,#6d46ff57,#0000 28%),linear-gradient(145deg,#0c204efa,#070c1cfa);border:1px solid #00c8ff42;border-radius:28px;place-items:center;width:100px;height:100px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px #01081759,inset 0 0 0 1px #ffffff0a}.track-art__glow{filter:blur(6px);background:radial-gradient(circle,#00c8ff6b,#0000 68%);border-radius:50%;width:86px;height:86px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.track-art .icon-badge{z-index:1;border-radius:24px;width:68px;height:68px;position:relative}.track-meta{gap:12px;min-width:0;display:grid}.player-headline{justify-content:space-between;align-items:start;gap:16px;display:flex}.panel-title--track{overflow-wrap:anywhere;word-break:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:10ch;line-height:.98;display:-webkit-box;overflow:hidden}.track-subtitle{color:#c8dcf8b8;margin:0;font-size:.96rem}.track-status-row{flex-wrap:wrap;gap:10px;display:flex}.track-status-row .pill{letter-spacing:.14em}.track-status-row .pill.is-live{box-shadow:0 0 0 1px #00c8ff1a,0 0 18px #00c8ff1f}.empty-stage{text-align:center;background:#ffffff0a;border:1px dashed #ffffff1f;border-radius:24px;place-items:center;gap:18px;min-height:540px;display:grid}.empty-stage-title{color:#fffaf2;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(2.5rem,5vw,4.6rem)}.waveform-shell{background:linear-gradient(#071e4857,#040c1f85);border:1px solid #499fff2e;border-radius:22px;margin-top:18px;padding:16px 18px 18px}.waveform-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.waveform-state{letter-spacing:.24em;text-transform:uppercase;color:#dff8ff;background:#00c8ff1f;border:1px solid #00c8ff42;border-radius:999px;align-items:center;padding:7px 10px;font-size:10px;line-height:1;display:inline-flex}.waveform-state:before{content:"";background:linear-gradient(#00c8ff,#6d46ff);border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 12px #00c8ff6b}.waveform-visualizer{justify-content:center;align-items:end;gap:7px;height:88px;display:flex}.waveform-bar{transform-origin:bottom;background:linear-gradient(#dff8ff 0%,#00c8ff 34%,#1f7cff 68%,#6d46ff 100%);border-radius:999px;width:7px;box-shadow:0 0 10px #00c8ff47,0 0 18px #6d46ff1f}.waveform-bar:nth-child(4n){background:linear-gradient(#f2fbff 0%,#8cecff 28%,#00c8ff 64%,#1f7cff 100%)}.waveform-bar:nth-child(5n){background:linear-gradient(#f0f3ff 0%,#79eaff 30%,#21a8ff 62%,#6d46ff 100%)}.waveform-bar:nth-child(6n){background:linear-gradient(#fff 0%,#b5f4ff 26%,#00c8ff 58%,#7c5cff 100%)}.panel-head{align-items:start}.panel-title{font-size:clamp(2.2rem,4vw,3.6rem)}.track-count{color:#f6dea0;text-transform:uppercase;letter-spacing:.28em;background:#d4af371a;border:1px solid #d4af3733;border-radius:999px;margin:0;padding:10px 14px;font-size:11px}.seek-shell{background:#071e4847;border:1px solid #499fff2e;border-radius:22px;margin-top:16px;padding:16px 18px}.seek-range{appearance:none;background:linear-gradient(90deg,#1071ff 0%,#00c8ff 52%,#6d46ff 100%);border-radius:999px;outline:none;width:100%;height:8px;margin:0}.seek-range::-webkit-slider-thumb{appearance:none;background:#ecfbff;border:3px solid #00c8ff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 24px #00c8ff47}.time-row,.queue-top,.seek-meta,.control-row,.track-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.time-label,.queue-number,.subtle-label{color:#c2c8d6a8;text-transform:uppercase;letter-spacing:.24em;font-size:10px}.section-copy{color:#e1e4f0ad;margin:12px 0 0;line-height:1.7}.control-row{justify-content:center;gap:16px;margin-top:22px}.transport-shell{background:#071e4833;border:1px solid #499fff29;border-radius:24px;margin-top:18px;padding:18px}.repeat-button{--repeat-badge-size:16px;--repeat-badge-font-size:10px;--repeat-badge-inset:2px;position:relative}.repeat-button.is-active{color:#8cebff;background:#00c8ff1f;border-color:#00c8ff61;box-shadow:0 0 0 1px #00c8ff1f,0 0 20px #00c8ff24}.repeat-one-badge{right:var(--repeat-badge-inset);bottom:var(--repeat-badge-inset);width:var(--repeat-badge-size);min-width:var(--repeat-badge-size);height:var(--repeat-badge-size);font-size:var(--repeat-badge-font-size);color:#0a1020;pointer-events:none;background:linear-gradient(135deg,#eaf6ff 0%,#00c8ff 100%);border-radius:999px;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute;box-shadow:0 0 12px #00c8ff38}.icon-button,.play-button{justify-content:center;align-items:center;display:inline-flex}.icon-button{color:#f4f6fcd1;background:#ffffff0d;border:1px solid #499fff2e;border-radius:50%;width:54px;height:54px}.play-button{color:#091018;background:radial-gradient(circle at 30% 28%,#d9fbff 0%,#8cecff 24%,#00c8ff 58%,#1f7cff 100%);border-radius:50%;width:92px;height:92px;position:relative;box-shadow:0 22px 40px #00a7ff47,0 0 0 8px #00c8ff14}.play-button:before{content:"";filter:blur(12px);z-index:-1;background:radial-gradient(circle,#00c8ff38,#0000 72%);border-radius:50%;position:absolute;inset:-8px}.queue-card{background:radial-gradient(circle at 15% 10%,#00c8ff2e,#0000 28%),radial-gradient(circle at 90% 0,#6d46ff29,#0000 24%),linear-gradient(#071e486b,#040a19b8);border:1px solid #499fff2e;border-radius:26px;flex-direction:column;min-height:0;margin-top:16px;padding:20px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08}.queue-header{justify-content:space-between;align-items:start;gap:16px;margin-bottom:12px;display:flex}.queue-subtitle{color:#c2c8d6b8;margin:8px 0 0;font-size:.88rem}.queue-page-controls{flex-wrap:wrap;gap:10px;display:flex}.queue-page-controls--bottom{z-index:2;justify-content:space-between;margin-top:14px;position:relative}.queue-page-button{color:#f4f6fc;cursor:pointer;background:linear-gradient(135deg,#071e48e6,#0a1430cc);border:1px solid #499fff33;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:.84rem;display:inline-flex}.queue-page-button:disabled{opacity:.45;cursor:not-allowed}.queue-list{gap:12px;max-height:480px;margin-top:12px;padding-right:4px;display:grid;overflow-y:auto}.queue-list::-webkit-scrollbar{width:6px}.queue-list::-webkit-scrollbar-track{background:0 0}.queue-list::-webkit-scrollbar-thumb{background:linear-gradient(#00c8ffcc,#6d46ff99);border-radius:999px}.queue-button{color:#f4f6fc;text-align:left;background:linear-gradient(135deg,#ffffff0d,#071e4857);border:1px solid #499fff29;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-width:0;padding:15px 16px;display:grid;overflow:hidden;box-shadow:0 12px 24px #01081724}.queue-button.is-active{background:linear-gradient(90deg,#00c8ff2e,#6d46ff24);border-color:#00c8ff4d;box-shadow:0 0 0 1px #00c8ff1f,0 16px 28px #00a7ff1f}.queue-track-title{color:#eef7ff;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.98rem;overflow:hidden}.queue-track-index{color:#9eeeff;flex:none;justify-self:end}.sign-in-card{padding:34px}.sign-in-hero,.sign-in-auth{overflow:hidden}.sign-in-hero{position:relative}.sign-in-hero__glow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#00c8ff29,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto auto 18px 18px}.sign-in-studio{z-index:1;gap:16px;display:grid;position:relative}.sign-in-copy{max-width:58ch;margin-top:18px}.hero-brand-block{gap:14px;display:grid}.brand-row--hero{align-items:center;gap:14px}.brand-mark--hero{border-radius:20px;width:62px;height:62px}.hero-badge-row{flex-wrap:wrap;gap:10px;display:flex}.mini-chip{color:#e9f8ff;letter-spacing:.22em;text-transform:uppercase;background:#071e4852;border:1px solid #499fff38;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:inline-flex}.mini-chip--cyan{background:#00c8ff1f;border-color:#00c8ff47}.sign-in-hero-copy{gap:10px;display:grid}.sign-in-heading{max-width:12ch}.sign-in-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sign-in-metric-card{background:linear-gradient(135deg,#ffffff0d,#071e4857);border:1px solid #499fff2e;border-radius:18px;padding:14px 16px}.sign-in-waveform{background:radial-gradient(circle,#00c8ff2e,#0000 30%),radial-gradient(circle at 16% 40%,#6d46ff1f,#0000 22%),linear-gradient(#071e4857,#040c1fa3);border:1px solid #499fff33;border-radius:22px;justify-content:center;align-items:end;gap:6px;min-height:88px;padding:16px 14px;display:flex;position:relative;overflow:hidden}.sign-in-waveform:before{content:"";background:linear-gradient(90deg,#0000,#00c8ff61,#6d46ff38,#0000);height:1px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%);box-shadow:0 0 16px #00c8ff2e}.sign-in-waveform__bar{z-index:1;transform-origin:bottom;background:linear-gradient(#fff 0%,#b8f7ff 18%,#56dcff 36%,#00c8ff 58%,#1f7cff 82%,#6d46ff 100%);border-radius:999px;width:8px;position:relative;box-shadow:0 0 10px #00c8ff38,0 0 18px #6d46ff24}.sign-in-waveform__bar:nth-child(3n){background:linear-gradient(#fff 0%,#aaf4ff 18%,#00d9ff 44%,#1f7cff 76%,#8a5dff 100%)}.sign-in-waveform__bar:nth-child(4n){background:linear-gradient(#fff 0%,#dcfeff 16%,#7be6ff 40%,#00baff 70%,#7c5cff 100%)}.sign-in-waveform__bar:nth-child(5n){background:linear-gradient(#fff 0%,#effcff 16%,#8cecff 34%,#19a5ff 70%,#6d46ff 100%)}.feature-card--signin{padding:18px}.steps-panel{background:linear-gradient(135deg,#071e4857,#040c1f94);border:1px solid #499fff2e;border-radius:20px;gap:10px;padding:18px;display:grid}.steps-list{gap:10px;display:grid}.step-item{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.step-number{color:#dff8ff;letter-spacing:.18em;background:#00c8ff1f;border:1px solid #00c8ff47;border-radius:999px;justify-content:center;align-items:center;width:34px;height:30px;font-size:11px;font-weight:700;display:inline-flex}.sign-in-auth{gap:16px;display:grid}.signin-top--music{background:linear-gradient(135deg,#071e4870,#040c1fb8)}.google-auth-block--featured{background:linear-gradient(135deg,#ffffff0a,#071e4857);border:1px solid #499fff3d;padding:18px}.auth-support-card{background:#071e4847;border:1px solid #499fff2e;border-radius:20px;padding:16px}.auth-support-list{gap:10px;margin-top:10px;display:grid}.auth-support-item{color:#e1e4f0d1;padding-left:16px;line-height:1.65;position:relative}.auth-support-item:before{content:"";background:linear-gradient(#00c8ff,#6d46ff);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:0;box-shadow:0 0 10px #00c8ff73}.primary-button--signin{width:100%}.sign-in-note{max-width:56ch}.sign-in-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px;display:grid}.sign-in-footer{margin-top:22px}.muted-line{color:#c2c8d6a8;margin:0;line-height:1.72}.form-stack{gap:14px;margin-top:18px;display:grid}.google-auth-block{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;gap:10px;padding:16px;display:grid}.google-button-mount{justify-content:center;min-height:42px;display:flex}.google-button-mount>div,.google-button-mount iframe{max-width:100%}.google-error{color:#ffb0b7;margin:0;font-size:.9rem;line-height:1.6}.auth-divider{color:#c2c8d6a6;text-transform:uppercase;letter-spacing:.24em;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:10px;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffff29,#0000);height:1px}.field-label{gap:10px;display:grid}.field-caption{color:#c2c8d6a8;text-transform:uppercase;letter-spacing:.28em;font-size:10px}.sign-in-panel{padding:28px}.signin-top{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.signin-stack{margin-top:18px}.signout-button{color:#f4f6fc;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:14px 18px;line-height:1;display:inline-flex}.signout-button:hover{color:#fff;background:linear-gradient(135deg,#b31c1c,#641111);border-color:#8b000099;box-shadow:0 0 10px #8b000080}.signout-button svg{flex-shrink:0}.empty-stage .icon-badge{border-radius:26px;width:72px;height:72px}.app-footer{border-radius:22px;gap:16px;width:min(1240px,100vw - 32px);margin:0 auto 20px;padding:18px 20px;display:grid}.app-footer__brand{align-items:center;gap:14px;min-width:0;display:flex}.app-footer__mark{color:#8cebff;background:linear-gradient(135deg,#00c8ff24,#6d46ff1f);border:1px solid #00c8ff42;border-radius:14px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 0 20px #00c8ff24}.app-footer__columns{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr);gap:14px;display:grid}.app-footer__section{flex-direction:column;gap:10px;min-width:0;display:flex}.app-footer__section--features{text-align:right;justify-self:end;align-items:flex-start}.app-footer__heading{color:#f3f8ff;letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.82rem}.app-footer__section-copy{color:#e1e4f0c7;align-items:flex-start;gap:8px;margin:0;font-size:.92rem;line-height:1.6;display:flex}.app-footer__contacts{gap:8px;display:grid}.app-footer__link{color:#eaf6ff;background:#071e4857;border:1px solid #499fff2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.app-footer__link:hover{background:#0e336c75;border-color:#70cfff66;transform:translateY(-1px)}.app-footer__link span{font-size:.82rem}.app-footer__pill-group{flex-wrap:wrap;gap:8px;display:flex}.app-footer__feature-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.app-footer__feature-item{color:#e9f4ffe0;align-items:center;gap:8px;font-size:.92rem;display:inline-flex}.app-footer__copy{color:#e1e4f0b8;margin:4px 0 0;font-size:.92rem;line-height:1.6}.app-footer__links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.app-footer__pill{color:#eaf6ff;letter-spacing:.18em;text-transform:uppercase;background:#071e4857;border:1px solid #499fff2e;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;display:inline-flex}.app-footer__meta{border-top:1px solid #ffffff14;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding-top:12px;display:grid}.app-footer__meta-item{color:#c2c8d6b3;font-size:.84rem}.app-footer__meta-item--center{text-align:center;justify-self:center;align-items:center;gap:8px;display:inline-flex}.app-footer__meta-item--icon{justify-self:end;align-items:center;gap:8px;display:inline-flex}@media (width<=1080px){.music-grid--home,.music-grid--signin{grid-template-columns:1fr}.player-card{position:relative;top:auto}.sign-in-title,.hero-title{max-width:none}}@media (width<=780px){.music-shell{width:min(100vw - 20px,1240px);padding-top:10px}.hero-card,.player-card,.form-card,.header-card,.sign-in-card,.sign-in-panel{border-radius:22px;padding:18px}.feature-grid,.sign-in-features,.hero-metrics{grid-template-columns:1fr}.app-footer__section--features{text-align:left;justify-self:start;align-items:flex-start}.panel-head,.connect-head,.signin-top,.header-card,.queue-header{flex-direction:column;align-items:flex-start}.play-button{width:78px;height:78px}.control-row{gap:12px}.header-user-block{justify-content:space-between;width:100%}.header-user-meta{min-width:min(260px,100vw - 48px);left:auto;right:0}.player-hero{grid-template-columns:1fr;justify-items:start}.track-art{width:112px;height:112px}.panel-title--track{max-width:100%}.player-headline{flex-direction:column}.transport-shell{padding:14px}.waveform-visualizer{gap:5px;height:74px}.waveform-bar{width:6px}}@media (width<=992px){.music-shell{width:min(100vw - 24px,1240px)}.header-card{flex-wrap:wrap}.header-user-block{justify-content:space-between;width:100%}.player-card,.hero-card,.status-card,.sign-in-card,.sign-in-panel{border-radius:24px}.track-count{letter-spacing:.2em;font-size:10px}.queue-list{max-height:420px}}@media (width<=640px){.music-shell{width:min(100vw - 16px,1240px);padding:8px 0 18px}.hero-card,.player-card,.form-card,.header-card,.sign-in-card,.sign-in-panel,.queue-card,.now-card,.transport-shell,.waveform-shell{border-radius:18px;padding:14px}.hero-title,.signin-title,.section-title,.panel-title{line-height:1}.panel-title{font-size:clamp(1.6rem,7vw,2.4rem)}.brand-mark{border-radius:14px;width:44px;height:44px}.brand-name{font-size:1.45rem}.brand-subtitle{letter-spacing:.24em}.player-hero{gap:12px}.track-art{border-radius:20px;width:92px;height:92px}.track-art .icon-badge{border-radius:18px;width:56px;height:56px}.track-status-row{gap:8px}.track-status-row .pill,.pill{letter-spacing:.12em;padding:8px 10px;font-size:10px}.waveform-shell{padding-top:12px}.waveform-visualizer{gap:4px;height:62px}.waveform-bar{width:5px}.transport-shell{margin-top:12px}.control-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.icon-button{width:46px;height:46px}.play-button{width:70px;height:70px}.queue-list{max-height:320px}.queue-page-controls,.queue-page-controls--bottom{gap:8px}.queue-page-controls--bottom{flex-direction:column;align-items:stretch}.queue-page-button{justify-content:center;width:100%}.signout-button{padding:12px 14px}.header-user-meta{min-width:min(240px,100vw - 32px)}.latest-link-value{white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.5}.source-toggle-row{width:100%}.source-toggle-button{flex:calc(50% - 6px)}}@media (width<=420px){.music-shell{width:calc(100vw - 12px)}.hero-card,.player-card,.header-card,.queue-card,.transport-shell,.waveform-shell,.now-card{padding:12px}.eyebrow{letter-spacing:.24em;font-size:10px}.panel-title{font-size:clamp(1.35rem,8vw,2rem)}.track-count{text-align:center;justify-content:center;width:100%}.time-label,.queue-number,.subtle-label{letter-spacing:.14em;font-size:9px}.queue-track-title{font-size:.9rem}.icon-button{width:42px;height:42px}.play-button{width:64px;height:64px}.header-user-block{flex-direction:column;align-items:stretch;gap:8px}.header-user-identity{align-self:flex-end}.signout-button{justify-content:center;width:100%;padding:12px 16px}}@media (width<=900px){.music-grid{gap:14px}.header-card{flex-direction:column;align-items:stretch}.brand-row{width:100%}.header-user-block{justify-content:space-between;width:100%}.player-empty,.queue-card,.now-card{padding:14px}.queue-list{max-height:360px}}@media (width<=700px){.music-shell{width:calc(100vw - 14px)}.music-grid--signin{min-height:auto}.hero-card,.player-card,.form-card,.header-card,.sign-in-card,.sign-in-panel,.queue-card,.now-card,.transport-shell,.waveform-shell,.status-card{border-radius:16px;padding:12px}.hero-title,.signin-title,.section-title,.panel-title{max-width:100%;font-size:clamp(1.5rem,7vw,2.2rem)}.player-hero{grid-template-columns:1fr;gap:10px}.track-art{width:84px;height:84px}.control-row{flex-wrap:wrap;gap:8px;margin-top:8px}.icon-button{width:42px;height:42px}.play-button{width:62px;height:62px}.queue-button{gap:10px;padding:12px}.queue-page-controls--bottom{flex-direction:column;align-items:stretch}.queue-page-button{justify-content:center;width:100%}.sign-in-features,.feature-grid,.hero-metrics,.sign-in-metrics{grid-template-columns:1fr}.hero-badge-row{gap:8px}.mini-chip{text-align:center;justify-content:center;width:100%}.sign-in-waveform{gap:4px;min-height:64px;padding:12px 10px}.sign-in-waveform__bar{width:6px}.sign-in-studio,.sign-in-panel,.signin-stack{gap:12px}.sign-in-copy{max-width:none;margin-top:12px}.sign-in-features{margin-top:16px}.sign-in-footer{flex-wrap:wrap;gap:8px}.google-auth-block{gap:8px;padding:12px}.google-button-mount{width:100%;overflow:hidden}.google-button-mount>div,.google-button-mount iframe{max-width:100%}.sign-in-hero__glow{width:160px;height:160px;inset:auto auto 8px 8px}.primary-button{width:100%}.muted-line,.google-error{font-size:.94rem}.signin-top{gap:12px}}@media (width<=420px){.brand-mark--hero{width:52px;height:52px}.sign-in-heading{max-width:100%}.steps-panel,.auth-support-card,.google-auth-block--featured{padding:12px}.sign-in-waveform__bar{width:5px}}@media (width<=700px){.app-footer{justify-items:start;width:calc(100vw - 14px)}.app-footer__columns{grid-template-columns:1fr}.app-footer__links{justify-content:flex-start}.app-footer__meta{text-align:center;grid-template-columns:1fr;justify-items:center;width:100%}.app-footer__meta-item--icon{justify-self:center}}@media (width<=420px){.app-footer{padding:14px}.app-footer__brand{align-items:flex-start}.app-footer__link,.app-footer__pill{justify-content:center;width:100%}}@media (width<=900px){.header-card{flex-direction:column;align-items:stretch;gap:10px}.header-actions{justify-content:flex-end;width:100%;margin-left:0}.brand-row--header{gap:10px;width:100%}.header-user-identity--top{margin-left:0}.signout-button--header{justify-content:center;width:auto;margin-left:0}}@media (width<=640px){.brand-row--header .brand-mark{border-radius:12px;width:40px;height:40px}.brand-row--header .brand-name{max-width:10ch;font-size:1.28rem}.brand-row--header .brand-subtitle{letter-spacing:.24em;font-size:9px}}@media (width<=420px){.brand-row--header{gap:8px}.brand-row--header .brand-name{max-width:8ch;font-size:1.14rem}.header-user-avatar{width:36px;height:36px}}@media (width<=700px){.repeat-button{--repeat-badge-size:13px;--repeat-badge-font-size:8px;--repeat-badge-inset:1px}}@media (width<=420px){.repeat-button{--repeat-badge-size:12px;--repeat-badge-font-size:7px;--repeat-badge-inset:0px}}.app-loading-overlay{z-index:2000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050509db,#050509f5);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.drive-loader{color:#fffaf2;justify-content:center;align-items:center;width:100%;display:flex}.drive-loader--full{min-height:100vh}.drive-loader--compact{min-height:260px}.drive-loader__stage{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(#171822eb,#0c0c12d6);border:1px solid #ffffff1a;border-radius:30px;justify-items:center;gap:18px;width:min(440px,100%);padding:30px 26px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000073}.drive-loader__stage:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 32% 68%,#ffffff0d);position:absolute;inset:0}.drive-loader--compact .drive-loader__stage{width:min(360px,100%);padding:24px 20px}.drive-loader__svg{--cloud-color:#4387f4;--arrows-color:#80b1ff;--time-animation:1s;width:112px;height:112px;display:block}.drive-loader__svg rect{fill:var(--cloud-color)}.drive-loader__rotor{transform-origin:50% 72.8938%;fill:var(--arrows-color);filter:drop-shadow(0 0 8px #0009);animation:rotation var(--time-animation) linear infinite}.drive-loader__mask-shapes circle{animation:cloud calc(var(--time-animation) * 2) linear infinite}.drive-loader__mask-shapes circle:nth-child(2){animation-delay:calc((var(--time-animation) * 2) / -3)}.drive-loader__mask-shapes circle:nth-child(3){animation-delay:calc((var(--time-animation) * 2) / -1.5)}.drive-loader__lines line{stroke-width:5px;transform-origin:50%;animation:lines calc(var(--time-animation) / 1.33) linear infinite;rotate:-65deg}.drive-loader__copy{text-align:center}.drive-loader__message{color:#fffaf2;margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,3vw,2.25rem)}.drive-loader__submessage{color:#e1e4f0b8;margin:8px 0 0;font-size:.95rem;line-height:1.65}.player-loading-shell{margin-top:0}.google-loader-shell{min-height:140px}.track-count__loading-text{letter-spacing:.18em;text-transform:uppercase;font-size:11px}@media (width<=1280px){.music-grid--home,.music-grid--home.is-sidebar-collapsed{grid-template-columns:minmax(0,1fr)}.history-sidebar{min-height:auto;position:relative;top:auto}.history-sidebar--closed .history-sidebar__shell{min-height:88px}.history-sidebar--closed .history-sidebar__header{justify-content:center}.history-sidebar--closed .history-sidebar__toggle{width:100%;max-width:54px}}@media (width<=780px){.music-shell{width:min(100vw - 20px,1240px);padding-top:16px}.history-sidebar__shell{padding:18px}.history-sidebar__title{font-size:1.7rem}.history-sidebar--closed .history-sidebar__shell{min-height:76px;padding:14px}}@keyframes rotation{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes lines{0%{transform:translateY(-10px)}to{transform:translateY(8px)}}@keyframes cloud{0%{cx:20;cy:60;r:15}50%{cx:50;cy:45;r:20}to{cx:80;cy:60;r:15}}@media (prefers-reduced-motion:reduce){.drive-loader__rotor,.drive-loader__mask-shapes circle,.drive-loader__lines line{animation:none}}.history-backdrop{z-index:49;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#03050c9e;border:0;position:fixed;inset:0}.history-sidebar{z-index:50;border-radius:22px;width:min(390px,100vw - 32px);max-width:calc(100vw - 32px);height:calc(100dvh - 32px);min-height:0;position:fixed;top:16px;right:16px;overflow:hidden auto;box-shadow:0 24px 80px #00000094}.history-sidebar__shell{width:100%;min-width:0;min-height:100%;padding:24px}.history-sidebar--closed{pointer-events:none}.history-sidebar--closed .history-sidebar__shell{padding:24px}.history-sidebar__title{font-size:1.8rem;line-height:1}.history-sidebar__toggle{cursor:pointer}.history-sidebar__body,.history-sidebar__list,.history-item{min-width:0;max-width:100%}.history-item__meta{min-width:0}.history-item__source,.history-item__time,.history-item__title,.history-item__details{overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%}.history-item__time{text-align:right}@media (width<=700px){.history-sidebar{width:calc(100vw - 16px);max-width:calc(100vw - 16px);height:calc(100dvh - 16px);top:8px;right:8px}.history-sidebar__shell{padding:18px}.history-button__count{display:none}}.header-card,.hero-card,.form-card,.status-card,.player-card,.feature-card{background:linear-gradient(145deg,#1c1e2bf0,#0a0c14e6);border-color:#ffffff21}.header-card{box-shadow:0 18px 44px #00000052,0 0 0 1px #67e8f90a}.hero-card{padding:38px;box-shadow:0 26px 70px #00000061,inset 0 1px #ffffff12}.hero-title{letter-spacing:0;max-width:12ch;font-size:clamp(3.2rem,5.4vw,5.5rem)}.hero-copy{color:#e8ebf6c7;max-width:54ch}.feature-card{padding:22px;transition:transform .18s,border-color .18s,background-color .18s}.feature-card:hover{background:linear-gradient(145deg,#202736f5,#0b101aeb);border-color:#67e8f947;transform:translateY(-3px)}.feature-title{font-size:1.65rem}.form-card{border-color:#d4af3733;box-shadow:0 20px 55px #0000004d,0 0 0 1px #d4af370a}.connect-title{font-size:clamp(1.65rem,2.6vw,2.4rem)}.source-toggle-button{min-width:112px}.input-shell{background:#0508108c;min-height:58px}.primary-button{background:linear-gradient(135deg,#fff2b8 0%,#e1bb4a 48%,#bd8b23 100%);min-width:134px}.primary-button:focus-visible,.source-toggle-button:focus-visible,.signout-button:focus-visible,.header-user-avatar:focus-visible,.history-button:focus-visible{outline-offset:3px;outline:2px solid #67e8f9}.youtube-audio-host{opacity:0;pointer-events:none;z-index:1;width:1px;height:1px;position:fixed;bottom:0;left:0;overflow:hidden}.status-card{padding:22px}.status-copy{font-size:.92rem}@media (width<=700px){.hero-card{padding:22px 18px}.hero-title{font-size:clamp(2.8rem,13vw,4.2rem)}.connect-head{align-items:flex-start}.mini-status{letter-spacing:.14em;font-size:9px}.form-row{align-items:stretch}.primary-button{width:100%}}.autoplay-button,.repeat-button{position:relative}.autoplay-button.is-active,.repeat-button.is-active{color:#091018;background:radial-gradient(circle at 30% 28%,#d9fbff 0%,#8cecff 35%,#00c8ff 100%);border-color:#67e8f9cc;box-shadow:0 0 18px #00c8ff59}.repeat-one-badge{background:#fff3;border-radius:999px;padding:2px 4px;font-size:9px;font-weight:800;line-height:1;position:absolute;top:4px;right:6px}.repeat-button.is-active .repeat-one-badge{color:#091018;background:#09101859}.autoplay-blocked-banner{color:#f9e596;cursor:pointer;text-align:center;background:#d4af3729;border:1px solid #d4af3773;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin:12px 0;padding:11px 16px;font-size:13px;font-weight:500;transition:transform .16s,background .16s;display:flex}.autoplay-blocked-banner:hover{background:#d4af3742;transform:translateY(-1px)}.pill--gold{color:#f9e596;background:#d4af3724;border-color:#d4af3766}.history-item--interactive{text-align:left;cursor:pointer;border:1px solid #ffffff14;width:100%;transition:transform .16s,background-color .16s,border-color .16s}.history-item--interactive:hover{background:#ffffff14;border-color:#67e8f959;transform:translate(4px)}.history-item--interactive:focus-visible{outline-offset:2px;outline:2px solid #67e8f9}.theme-toggle-button{color:#f5f7ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .16s,background-color .16s,border-color .16s;display:inline-flex}.theme-toggle-button:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.theme-toggle-text{letter-spacing:.04em}.signin-top-actions{align-items:center;gap:10px;display:flex}.hero-content-wrap{margin-top:14px}.hero-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.feature-badge{color:#f5f7ffe0;letter-spacing:.02em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.input-shell.is-focused{border-color:#d4af3799;box-shadow:0 0 16px #d4af372e}.paste-clipboard-button{color:#f9e596;cursor:pointer;white-space:nowrap;background:#d4af371f;border:1px solid #d4af3766;border-radius:999px;align-items:center;gap:5px;padding:6px 13px;font-size:12px;font-weight:600;transition:transform .14s,background-color .14s;display:inline-flex}.paste-clipboard-button:hover{background:#d4af3738;transform:scale(1.03)}.input-clear-button{width:28px;height:28px;color:var(--text-muted,#8b8b99);cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;justify-content:center;align-items:center;transition:all .14s;display:inline-flex}.input-clear-button:hover{color:#fff;background:#ffffff38}.preset-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.preset-label{text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted,#8b8b99);font-size:12px;font-weight:600}.preset-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preset-chip{color:#67e8f9;cursor:pointer;background:#67e8f912;border:1px solid #67e8f93d;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .16s;display:inline-flex}.preset-chip:hover{background:#67e8f92e;border-color:#67e8f973;transform:translateY(-1px)}.button-spinner-wrap{align-items:center;gap:8px;display:inline-flex}.button-spinner{border:2px solid #0910184d;border-top-color:#091018;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spinRecord}.shuffle-button.is-active{color:#091018;background:radial-gradient(circle at 30% 28%,#fff0b0 0%,#d4af37 50%,#b8860b 100%);border-color:#d4af37cc;box-shadow:0 0 16px #d4af3759}.pill--speed{color:#f5f7ffe6;background:#ffffff0d;border-color:#ffffff26;align-items:center;gap:5px;display:inline-flex}.secondary-controls-row{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding-top:12px;display:flex}.volume-widget-wrap{align-items:center;gap:8px;display:flex;position:relative}.volume-icon-button{color:#f4f6fcd9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .16s;display:inline-flex}.volume-icon-button:hover{background:#ffffff1f;transform:scale(1.04)}.volume-slider-shell{align-items:center;gap:8px;display:flex}.volume-range{accent-color:#00c8ff;cursor:pointer;width:84px;height:4px}.volume-label-text{color:var(--text-muted,#8b8b99);min-width:28px;font-size:11px;font-weight:600}.autoplay-pill-button{color:#67e8f9;cursor:pointer;background:#67e8f90f;border:1px solid #67e8f933;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .16s;display:inline-flex}.autoplay-pill-button.is-active{background:#67e8f929;border-color:#67e8f973}.queue-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.queue-search-shell{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;max-width:190px;padding:6px 12px;display:flex}.queue-search-icon{color:var(--text-muted,#8b8b99);flex-shrink:0}.queue-search-input{color:inherit;background:0 0;border:0;outline:none;width:100%;font-size:12px}.queue-search-clear{color:var(--text-muted,#8b8b99);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.queue-empty-search{text-align:center;color:var(--text-muted,#8b8b99);padding:24px 16px;font-size:13px}.track-art.is-spinning{animation:12s linear infinite spinRecord}@keyframes spinRecord{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-ambient{background:var(--ambient-gold);filter:blur(55px);pointer-events:none;border-radius:50%;width:220px;height:220px;position:absolute;top:-40px;right:-40px}.hero-ambient--cyan{background:var(--ambient-cyan);inset:auto auto -40px -40px}[data-theme=light] .glass-panel{background:linear-gradient(#ffffffe6,#f8fafdd9);border-color:#00000017;box-shadow:0 16px 45px #0f172a12}[data-theme=light] .glass-panel:before{background:linear-gradient(135deg,#fffc,#0000 40%,#fff6)}[data-theme=light] .hero-title,[data-theme=light] .panel-title,[data-theme=light] .section-title,[data-theme=light] .connect-title,[data-theme=light] .brand-name,[data-theme=light] .signin-title,[data-theme=light] .sign-in-heading,[data-theme=light] .queue-track-title,[data-theme=light] .history-item__title,[data-theme=light] .history-sidebar__title,[data-theme=light] .header-user-name,[data-theme=light] .empty-stage-title,[data-theme=light] .panel-title--track{color:#0f172a}[data-theme=light] .body-copy,[data-theme=light] .hero-copy,[data-theme=light] .status-copy,[data-theme=light] .track-subtitle,[data-theme=light] .brand-subtitle,[data-theme=light] .queue-subtitle,[data-theme=light] .history-item__details,[data-theme=light] .header-user-email,[data-theme=light] .sign-in-copy,[data-theme=light] .muted-line,[data-theme=light] .section-copy{color:#334155}[data-theme=light] .eyebrow,[data-theme=light] .subtle-label,[data-theme=light] .time-label,[data-theme=light] .queue-number,[data-theme=light] .preset-label,[data-theme=light] .volume-label-text{color:#475569;font-weight:600}[data-theme=light] .theme-toggle-button{color:#0f172a;background:#fff;border-color:#0000001f;box-shadow:0 2px 6px #0000000a}[data-theme=light] .theme-toggle-button:hover{background:#f1f5f9;border-color:#0003}[data-theme=light] .history-button{color:#0369a1;background:#0284c714;border-color:#0284c747;font-weight:700}[data-theme=light] .history-button:hover{background:#0284c726;border-color:#0284c773}[data-theme=light] .history-button__count{color:#0369a1;font-weight:700}[data-theme=light] .signout-button{color:#b91c1c;background:#fff;border-color:#dc262638}[data-theme=light] .signout-button:hover{background:#dc262614;border-color:#dc262666}[data-theme=light] .header-user-avatar{color:#fff;background:radial-gradient(circle at 30% 25%,#60a5fa 0%,#2563eb 45%,#1d4ed8 100%);border:2px solid #fff;box-shadow:0 2px 10px #2563eb40}[data-theme=light] .header-user-meta{background:#fff;border-color:#0000001f;box-shadow:0 16px 40px #0000001f}[data-theme=light] .header-user-meta:before{background:#fff;border-top-color:#0000001f;border-left-color:#0000001f}[data-theme=light] .pill{color:#334155;background:#0000000a;border-color:#0000001a;font-weight:600}[data-theme=light] .pill--cyan{color:#0369a1;background:#0284c71a;border-color:#0284c759;font-weight:600}[data-theme=light] .pill--gold{color:#92400e;background:#d977061f;border-color:#d9770666;font-weight:600}[data-theme=light] .pill--speed{color:#1e293b;background:#fff;border-color:#0000001a;font-weight:600}[data-theme=light] .pill.is-live{color:#065f46;background:#10b9811f;border-color:#10b98166;font-weight:700}[data-theme=light] .track-count,[data-theme=light] .mini-status{color:#0369a1;background:#0284c71a;border-color:#0284c74d;font-weight:700}[data-theme=light] .icon-badge{color:#92400e;background:#d977061f;border-color:#d977064d}[data-theme=light] .brand-mark{color:#92400e;background:#d977061a;border-color:#d9770640}[data-theme=light] .feature-badge{color:#1e293b;background:#fff;border-color:#0000001a;box-shadow:0 1px 3px #00000008}[data-theme=light] .input-shell{background:#fff;border-color:#00000024;box-shadow:inset 0 1px 3px #0000000a}[data-theme=light] .input-shell.is-focused{border-color:#0284c7;box-shadow:0 0 0 1px #0284c7,0 0 16px #0284c72e}[data-theme=light] .text-field{color:#0f172a}[data-theme=light] .text-field::placeholder{color:#94a3b8}[data-theme=light] .source-toggle-button{color:#475569;background:#fff;border-color:#0000001a}[data-theme=light] .source-toggle-button:hover{color:#0f172a;background:#f8fafc}[data-theme=light] .source-toggle-button.is-active{color:#92400e;background:#d9770624;border-color:#d97706;font-weight:700;box-shadow:0 2px 8px #d9770626}[data-theme=light] .primary-button{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 50%,#b45309 100%);box-shadow:0 10px 24px #d9770647}[data-theme=light] .paste-clipboard-button{color:#92400e;background:#d977061f;border-color:#d9770666;font-weight:700}[data-theme=light] .paste-clipboard-button:hover{background:#d9770638}[data-theme=light] .input-clear-button{color:#475569;background:#0000000f}[data-theme=light] .input-clear-button:hover{color:#0f172a;background:#00000024}[data-theme=light] .preset-chip{color:#0369a1;background:#0284c714;border-color:#0284c74d;font-weight:600}[data-theme=light] .preset-chip:hover{background:#0284c729;border-color:#0284c7}[data-theme=light] .status-card{background:linear-gradient(#ffffffe6,#f8fafdd9);border-color:#00000017}[data-theme=light] .latest-link{color:#1e293b;background:#f1f5f9e6;border-color:#00000014}[data-theme=light] .latest-label{color:#92400e;font-weight:700}[data-theme=light] .latest-link-value{color:#0f172a;font-weight:500}[data-theme=light] .track-art{color:#0f172a;background:linear-gradient(145deg,#f1f5f9 0%,#e2e8f0 100%);border-color:#0284c73d;box-shadow:0 14px 28px #0f172a14}[data-theme=light] .track-art .icon-badge{color:#0284c7;background:#0284c71a;border-color:#0284c740}[data-theme=light] .waveform-shell{background:#f1f5f9e0;border-color:#00000014}[data-theme=light] .waveform-state{color:#0369a1;background:#0284c71f;border-color:#0284c752;font-weight:700}[data-theme=light] .waveform-bar{background:linear-gradient(#0284c7 0%,#2563eb 50%,#4f46e5 100%);box-shadow:0 0 8px #0284c740}[data-theme=light] .waveform-bar:nth-child(4n){background:linear-gradient(#0284c7 0%,#06b6d4 100%)}[data-theme=light] .waveform-bar:nth-child(5n){background:linear-gradient(#2563eb 0%,#3b82f6 100%)}[data-theme=light] .waveform-bar:nth-child(6n){background:linear-gradient(#4f46e5 0%,#6366f1 100%)}[data-theme=light] .now-card{background:#f1f5f9b3;border-color:#00000014}[data-theme=light] .seek-shell{background:#f1f5f9e6;border-color:#00000014}[data-theme=light] .seek-range{background:linear-gradient(90deg,#0284c7 0%,#38bdf8 60%,#6366f1 100%)}[data-theme=light] .seek-range::-webkit-slider-thumb{background:#fff;border:3px solid #0284c7;box-shadow:0 2px 8px #0284c759}[data-theme=light] .transport-shell{background:#f1f5f9d9;border-color:#00000014}[data-theme=light] .secondary-controls-row{border-top-color:#00000014}[data-theme=light] .icon-button{color:#1e293b;background:#fff;border-color:#0000001a;box-shadow:0 2px 6px #00000008}[data-theme=light] .icon-button:hover{background:#f1f5f9;border-color:#0000002e}[data-theme=light] .play-button{background:radial-gradient(circle at 30% 28%,#38bdf8 0%,#0284c7 40%,#1d4ed8 100%);box-shadow:0 14px 30px #0284c761,0 0 0 6px #0284c71f}[data-theme=light] .play-button:before{background:radial-gradient(circle,#0284c740,#0000 72%)}[data-theme=light] .repeat-button.is-active{color:#0369a1;background:#0284c726;border-color:#0284c7}[data-theme=light] .repeat-one-badge{color:#fff;background:#0284c7}[data-theme=light] .shuffle-button.is-active{color:#b45309;background:#d9770629;border-color:#d97706}[data-theme=light] .volume-icon-button{color:#1e293b;background:#fff;border-color:#0000001a}[data-theme=light] .volume-range{accent-color:#0284c7}[data-theme=light] .autoplay-pill-button{color:#0369a1;background:#0284c714;border-color:#0284c74d}[data-theme=light] .autoplay-pill-button.is-active{background:#0284c72e;border-color:#0284c7}[data-theme=light] .queue-card{background:#f8fafceb;border-color:#00000014;box-shadow:0 4px 20px #00000008}[data-theme=light] .queue-search-shell{color:#0f172a;background:#fff;border-color:#0000001f}[data-theme=light] .queue-search-input{color:#0f172a}[data-theme=light] .queue-button{color:#0f172a;background:#fff;border-color:#00000014;box-shadow:0 2px 6px #00000005}[data-theme=light] .queue-button:hover{background:#f1f5f9;border-color:#0284c759}[data-theme=light] .queue-button.is-active{background:#0284c71f;border-color:#0284c7;box-shadow:0 0 0 1px #0284c747}[data-theme=light] .queue-track-title{color:#0f172a;font-weight:500}[data-theme=light] .queue-button.is-active .queue-track-title{color:#0284c7;font-weight:600}[data-theme=light] .queue-track-index{color:#64748b;font-weight:600}[data-theme=light] .queue-button.is-active .queue-track-index{color:#0284c7}[data-theme=light] .queue-page-button{color:#0f172a;background:#fff;border-color:#0000001a;box-shadow:0 2px 6px #00000008}[data-theme=light] .queue-page-button:hover:not(:disabled){background:#f1f5f9;border-color:#0284c74d}[data-theme=light] .history-sidebar{background:#fffffff5;border-color:#00000017;box-shadow:0 20px 60px #0000001f}[data-theme=light] .history-item{background:#fff;border-color:#00000014;box-shadow:0 2px 6px #00000005}[data-theme=light] .history-item:hover{background:#f8fafc;border-color:#0284c766}[data-theme=light] .history-item__source{color:#0284c7;font-weight:700}[data-theme=light] .history-item__time{color:#64748b}[data-theme=light] .history-item__details{color:#475569}[data-theme=light] .history-sidebar__stat-card{color:#0f172a;background:#f1f5f9cc;border-color:#00000014}[data-theme=light] .history-sidebar__toggle{color:#334155;background:#fff;border-color:#0000001a}[data-theme=light] .app-footer{background:#fffc;border-color:#00000014}[data-theme=light] .app-footer__copy,[data-theme=light] .app-footer__meta-item,[data-theme=light] .app-footer__link{color:#475569}[data-theme=light] .app-footer__heading{color:#0f172a}[data-theme=light] .app-footer__pill{color:#334155;background:#fff;border-color:#00000017}[data-theme=light] .app-footer__feature-item{color:#334155}[data-theme=light] .empty-stage{background:#f1f5f9bf;border-color:#0000001f}[data-theme=light] .auth-support-card{background:#f1f5f9d9;border-color:#00000014}[data-theme=light] .auth-support-item{color:#334155}[data-theme=light] .sign-in-metric-card{background:#fff;border-color:#00000014}[data-theme=light] .metric-label{color:#64748b}[data-theme=light] .metric-value{color:#0f172a}