@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2) format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2) format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2) format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2) format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff) format("woff")}:root{font-family:DM Sans,Segoe UI,sans-serif;color:#242321;background:#f7f7f4;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #242321;--muted: #7c7973;--soft: #aaa69e;--line: #e9e7e1;--paper: #ffffff;--canvas: #f7f7f4;--purple: #6450d8;--purple-dark: #513ac9;--purple-soft: #eeebff;--pink: #eb5c87;--orange: #ee8f4c;--green: #4da77c;--sidebar-width: 238px;--shadow-sm: 0 8px 28px rgba(42, 38, 32, .06);--shadow-md: 0 20px 54px rgba(42, 38, 32, .11)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(100,80,216,.24);outline-offset:2px}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img{display:block}p,h1,h2,h3{margin:0}.app-shell{min-height:100vh;background:radial-gradient(circle at 82% -10%,rgba(235,92,135,.08),transparent 27%),radial-gradient(circle at 30% 105%,rgba(100,80,216,.06),transparent 28%),var(--canvas)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--sidebar-width);flex-direction:column;padding:31px 20px 22px;border-right:1px solid var(--line);background:#fafaf7eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;width:fit-content;align-items:center;gap:10px;padding:0 7px;color:var(--ink);background:transparent;font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.5px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(145deg,#705be7,#5c43cf);box-shadow:0 7px 18px #6450d840,inset 0 1px 1px #ffffff4d}.main-nav{display:flex;flex-direction:column;gap:5px;margin-top:54px}.nav-caption{margin:0 12px 10px;color:#aaa69f;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.nav-item{position:relative;display:flex;width:100%;align-items:center;gap:13px;padding:12px 13px;border-radius:12px;color:#77736d;background:transparent;font-size:14px;font-weight:500;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease}.nav-item:hover{color:var(--ink);background:#ffffffbf;transform:translate(2px)}.nav-item.active{color:var(--purple);background:var(--purple-soft);font-weight:600}.nav-item.active:before{position:absolute;left:-20px;width:3px;height:23px;border-radius:0 3px 3px 0;background:var(--purple);content:""}.nav-count{display:grid;min-width:20px;height:20px;margin-left:auto;place-items:center;border-radius:8px;color:var(--purple);background:#fff;font-size:10px;font-weight:700}.sidebar-bottom{display:flex;flex-direction:column;gap:14px;margin-top:auto}.private-card{display:flex;gap:10px;align-items:flex-start;padding:14px;border:1px solid #ebe8e3;border-radius:14px;background:#ffffffc7}.private-icon{display:grid;flex:0 0 auto;width:30px;height:30px;place-items:center;border-radius:9px;color:var(--purple);background:var(--purple-soft)}.private-icon.large{width:42px;height:42px;border-radius:13px}.private-card strong{display:block;margin:1px 0 3px;font-size:12px}.private-card p{color:var(--soft);font-size:10px}.help-link{display:flex;align-items:center;gap:8px;padding:4px 10px;color:#99958e;font-size:11px;transition:color .15s ease}.help-link:hover{color:var(--purple)}.help-link svg:last-child{margin-left:auto}.mobile-close,.mobile-brand,.menu-button,.bottom-nav,.menu-backdrop{display:none}.main-content{min-height:100vh;margin-left:var(--sidebar-width)}.topbar{display:flex;height:80px;align-items:center;justify-content:flex-end;padding:0 clamp(28px,4.4vw,70px)}.topbar-actions{display:flex;align-items:center;gap:12px}.demo-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e9e4ff;border-radius:99px;color:var(--purple);background:#f5f2ff;font-size:11px;font-weight:600}.icon-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:50%;color:#7b7770;background:#ffffffbf;transition:background .16s ease,color .16s ease,transform .16s ease}.icon-button:hover{color:var(--purple);background:#fff;transform:rotate(12deg)}.avatar{display:grid;width:36px;height:36px;place-items:center;border:2px solid white;border-radius:50%;color:#fff;background:linear-gradient(145deg,#29282e,#5c5964);box-shadow:0 4px 12px #1e1c1929;font-family:Manrope,sans-serif;font-size:13px;font-weight:700}.page{width:min(1180px,calc(100% - 7vw));margin:0 auto;padding:27px 0 80px;animation:page-in .45s cubic-bezier(.22,1,.36,1)}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.welcome-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px}.eyebrow{margin-bottom:6px;color:var(--purple);font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.welcome-row h1,.page-title h1{font-family:Manrope,sans-serif;font-size:clamp(30px,3.1vw,43px);font-weight:700;letter-spacing:-2.1px;line-height:1.08}.welcome-row>div>p:last-child,.page-title>p:last-child{margin-top:9px;color:var(--muted);font-size:14px}.service-pill{display:flex;align-items:center;gap:7px;margin-bottom:5px;color:#918d85;font-size:11px;font-weight:500}.service-pill span,.status-dot{width:7px;height:7px;border-radius:50%;background:#c4c0b8}.service-pill.online span,.status-dot{background:var(--green);box-shadow:0 0 0 4px #4da77c1f}.dashboard-grid{display:grid;grid-template-columns:minmax(460px,1.7fr) minmax(290px,.83fr);gap:22px}.recognizer-card{position:relative;display:flex;min-height:445px;overflow:hidden;flex-direction:column;padding:18px 22px;border:1px solid rgba(230,226,219,.82);border-radius:25px;background:linear-gradient(#ffffffeb,#fffffff0),repeating-linear-gradient(90deg,transparent 0 28px,rgba(100,80,216,.04) 29px 30px);box-shadow:var(--shadow-sm);transition:box-shadow .3s ease,border-color .3s ease}.recognizer-card:before,.recognizer-card:after{position:absolute;border-radius:50%;pointer-events:none;content:""}.recognizer-card:before{top:-90px;right:-75px;width:230px;height:230px;background:radial-gradient(circle,rgba(235,92,135,.08),transparent 67%)}.recognizer-card:after{bottom:-110px;left:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(100,80,216,.07),transparent 67%)}.recognizer-card.is-active{border-color:#6450d830;box-shadow:0 22px 65px #6450d81f}.source-switcher{z-index:2;display:flex;width:fit-content;gap:4px;padding:4px;border-radius:11px;background:#f1f0ed}.recognizer-toolbar{z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px}.activate-real{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e4ddff;border-radius:9px;color:var(--purple);background:#f5f2ff;font-size:9px;font-weight:700;transition:transform .16s ease,background .16s ease}.activate-real:hover{background:#ece7ff;transform:translateY(-1px)}.source-switcher button{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;color:#99958e;background:transparent;font-size:11px;font-weight:600;transition:all .18s ease}.source-switcher button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #2a272314}.recognizer-center{z-index:2;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding-top:9px}.orb-wrap{position:relative;display:grid;width:185px;height:185px;place-items:center}.orb-ripple{position:absolute;inset:0;border:1px solid rgba(216,102,131,.12);border-radius:50%;background:#ec6c8a06;transition:transform .4s ease,opacity .4s ease}.ripple-two{inset:21px;border-color:#6450d81f}.listen-orb{position:relative;z-index:2;display:grid;width:114px;height:114px;overflow:hidden;place-items:center;border:7px solid rgba(255,255,255,.88);border-radius:50%;color:#fff;background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.24),transparent 25%),linear-gradient(145deg,#f07c7c 5%,#e65d8e 48%,#7b55d9);box-shadow:0 18px 34px #cb4b793b,0 6px 15px #6450d829,inset 0 1px 2px #ffffff52;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.listen-orb:not(:disabled):hover{transform:scale(1.055);box-shadow:0 22px 42px #cb4b794a,0 8px 20px #6450d833}.listen-orb:not(:disabled):active{transform:scale(.97)}.wave-bars{display:flex;height:58px;align-items:center;gap:4px}.wave-bars i{width:3px;border-radius:99px;background:#fffffff2;transform:scaleY(.72);transition:transform .3s ease}.listen-orb:hover .wave-bars i{animation:bar-dance .7s ease-in-out infinite alternate}.listen-orb:hover .wave-bars i:nth-child(2n){animation-delay:-.35s}.listen-orb:hover .wave-bars i:nth-child(3n){animation-delay:-.18s}@keyframes bar-dance{0%{transform:scaleY(.5)}to{transform:scaleY(1)}}.is-active .ripple-one{animation:ripple 1.8s ease-out infinite}.is-active .ripple-two{animation:ripple 1.8s .6s ease-out infinite}.is-active .wave-bars i{animation:bar-dance .46s ease-in-out infinite alternate}@keyframes ripple{0%{transform:scale(.65);opacity:.7}to{transform:scale(1.15);opacity:0}}.orb-loader{position:absolute;animation:spin .85s linear infinite}.is-active .wave-bars{opacity:.38}.recognizer-copy{min-height:65px;margin-top:3px;text-align:center}.recognizer-copy h2{font-family:Manrope,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.5px}.recognizer-copy p{max-width:350px;margin:5px auto 0;color:#99958e;font-size:11px}.text-action{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:0;color:var(--purple);background:transparent;font-size:11px;font-weight:600}.privacy-note{z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 1px;color:#aaa69f;font-size:9px}.privacy-note .status-dot{width:5px;height:5px;box-shadow:none}.radio-player{position:relative;z-index:4;width:min(620px,100%);margin:3px auto 6px;padding:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:18px;color:#fff;background:radial-gradient(circle at 82% 120%,rgba(119,82,216,.35),transparent 42%),linear-gradient(145deg,#242228,#19181c);box-shadow:0 18px 38px #1f1b2330}.radio-player:after{position:absolute;inset:auto -30px -50px auto;width:130px;height:130px;border-radius:50%;background:#e85b8b1a;filter:blur(25px);pointer-events:none;content:""}.radio-source-row{position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:7px 8px 7px 11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff0e}.radio-source-row>svg{flex:0 0 auto;color:#aaa3b7}.radio-source-row input{min-width:0;flex:1;border:0;outline:none;color:#f6f3fa;background:transparent;font-size:10px}.radio-source-row input::placeholder{color:#77717e}.radio-source-row input:disabled{opacity:.55}.station-preset{flex:0 0 auto;padding:6px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#d9d3e4;background:#ffffff13;font-size:9px;font-weight:700;transition:color .15s ease,background .15s ease}.station-preset:hover{color:#fff;background:#ffffff21}.radio-console{position:relative;z-index:2;display:grid;grid-template-columns:45px minmax(130px,1fr) auto auto;align-items:center;gap:11px;padding:11px 5px 5px}.radio-play{display:grid;width:43px;height:43px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#ef7189,#7c57da);box-shadow:0 8px 19px #b84b8247;transition:transform .17s ease,box-shadow .17s ease}.radio-play:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 10px 24px #b84b825e}.radio-station-heading{display:flex;align-items:center;gap:8px}.radio-station-heading strong{overflow:hidden;font-family:Manrope,sans-serif;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.live-badge{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px;color:#8e8993;font-size:7px;font-weight:800;letter-spacing:.55px}.live-badge i{width:5px;height:5px;border-radius:50%;background:#77717d}.live-badge.on-air{color:#ff91a8}.live-badge.on-air i{background:#f2607d;box-shadow:0 0 0 4px #f2607d21;animation:live-pulse 1.5s ease-out infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 0 2px #f2607d1f}50%{box-shadow:0 0 0 6px #f2607d00}}.live-wave{display:flex;height:26px;align-items:center;gap:2px;margin-top:3px;overflow:hidden;opacity:.35}.live-wave i{width:2px;flex:0 0 auto;border-radius:99px;background:linear-gradient(to top,#8b62e0,#ef7189);transform:scaleY(.45);transform-origin:center}.live-wave.is-moving{opacity:.9}.live-wave.is-moving i{animation:live-meter .65s ease-in-out infinite alternate}.live-wave.is-moving i:nth-child(2n){animation-delay:-.32s}.live-wave.is-moving i:nth-child(3n){animation-delay:-.48s}.live-wave.is-moving i:nth-child(5n){animation-delay:-.16s}@keyframes live-meter{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.radio-volume{display:flex;align-items:center;gap:5px}.radio-volume button{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;color:#aaa3b7;background:transparent}.radio-volume button:hover{color:#fff;background:#ffffff0f}.radio-volume input{width:58px;height:3px;accent-color:#df6a96;cursor:pointer}.identify-live{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border-radius:11px;color:#2c2830;background:#f7f4fa;font-size:9px;font-weight:800;white-space:nowrap;transition:transform .16s ease,background .16s ease}.identify-live:not(:disabled):hover{background:#fff;transform:translateY(-1px)}.identify-live:disabled{color:#77717d;background:#ffffff14;cursor:not-allowed}.radio-player-error{position:relative;z-index:2;margin:3px 6px 0;color:#ff9aae;font-size:9px}.radio-player-hint{position:relative;z-index:2;margin:3px 6px 1px;color:#77717d;font-size:8px}.right-column{display:grid;min-width:0;grid-template-rows:1fr auto;gap:14px}.empty-result-card,.found-card{display:flex;min-height:350px;flex-direction:column;align-items:center;justify-content:center;padding:28px;border:1px solid rgba(230,226,219,.84);border-radius:25px;background:#ffffffd1;box-shadow:var(--shadow-sm)}.record-stack{position:relative;display:grid;width:82px;height:82px;margin-bottom:23px;place-items:center;color:#6450d86b}.record-stack span{position:absolute;width:68px;height:68px;border-radius:12px;background:#eeebff;transform:rotate(-10deg) translate(-8px,1px)}.record-stack span:nth-child(2){background:#fdebef;transform:rotate(8deg) translate(8px,-1px)}.record-stack svg{z-index:2}.empty-result-card h3{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.35px}.empty-result-card p{max-width:220px;margin-top:8px;color:#9d9991;font-size:10px;line-height:1.55;text-align:center}.found-card{position:relative;justify-content:flex-start;padding:18px 20px 20px;animation:result-in .5s cubic-bezier(.34,1.56,.64,1)}@keyframes result-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.found-label{display:flex;width:100%;align-items:center;gap:7px;color:#8b877f;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.9px}.found-label-icon{display:grid;width:19px;height:19px;place-items:center;border-radius:50%;color:#fff;background:var(--green)}.album-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#e8e5df}.album-fallback{display:grid;place-items:center;color:#ffffffd1;background:radial-gradient(circle at 70% 25%,rgba(255,255,255,.2),transparent 20%),linear-gradient(145deg,#e76287,#6651d7)}.found-cover{width:132px;margin-top:15px;border-radius:17px;box-shadow:0 16px 28px #2d262433}.found-info{width:100%;margin-top:17px;text-align:center}.found-info h3{overflow:hidden;font-family:Manrope,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap}.found-info p{margin-top:2px;overflow:hidden;color:#605d58;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.found-info small{display:block;margin-top:4px;overflow:hidden;color:#aaa69e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.result-demo{margin-top:8px;padding:4px 7px;border-radius:99px;color:var(--purple);background:var(--purple-soft);font-size:8px;font-weight:600}.lyrics-preview{width:100%;margin-top:12px;padding:10px 11px;border:1px solid #ebe8e2;border-radius:13px;background:linear-gradient(145deg,#faf9f7,#f4f1f8)}.lyrics-preview.has-lyrics{border-color:#e3def1;background:radial-gradient(circle at 100% 0,rgba(227,101,144,.08),transparent 42%),linear-gradient(145deg,#faf9f7,#f1eef9)}.lyrics-preview-heading{display:flex;min-height:18px;align-items:center;justify-content:space-between;gap:8px}.lyrics-preview-heading>span{display:inline-flex;align-items:center;gap:6px;color:#716a78;font-family:Manrope,sans-serif;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.55px}.lyrics-preview-heading>span svg{color:var(--purple)}.lyrics-preview-heading>svg{color:#9a949f}.lyrics-preview-heading button{padding:3px 0;color:var(--purple);background:transparent;font-size:8px;font-weight:700}.lyrics-preview-heading button:hover{text-decoration:underline}.lyrics-muted{margin-top:7px;color:#9a959d;font-size:9px;line-height:1.45}.lyrics-lines{display:block;width:100%;margin-top:7px;padding:0;color:#4e4951;background:transparent;text-align:left}.lyrics-lines span{display:block;overflow:hidden;font-family:Manrope,sans-serif;font-size:9px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.lyrics-lines span:first-child{color:#27232a;font-weight:700}.lyrics-backdrop{padding:28px;background:#141216a3}.lyrics-dialog{display:flex;width:min(680px,100%);max-height:min(780px,calc(100vh - 56px));overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.62);border-radius:25px;background:radial-gradient(circle at 85% -10%,rgba(225,101,143,.1),transparent 32%),#fbfaf8;box-shadow:0 35px 100px #14111761;animation:dialog-in .3s cubic-bezier(.22,1,.36,1)}.lyrics-dialog-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.lyrics-dialog-track{display:flex;min-width:0;align-items:center;gap:13px}.lyrics-dialog-track .album-art{width:61px;flex:0 0 auto;border-radius:12px;box-shadow:0 8px 18px #26202824}.lyrics-dialog-track>div{min-width:0}.lyrics-dialog-track h2{overflow:hidden;margin-top:2px;font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap}.lyrics-dialog-track>div>span{display:block;margin-top:2px;color:#7c777f;font-size:10px}.lyrics-dialog-header>button{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;color:#858087;background:#eeeae7}.lyrics-dialog-header>button:hover{color:var(--ink);background:#e5e1de}.lyrics-scroll{min-height:220px;overflow-y:auto;padding:32px clamp(28px,7vw,72px) 40px;scroll-behavior:smooth}.lyrics-scroll p{color:#27232a;font-family:Manrope,sans-serif;font-size:clamp(17px,2.2vw,23px);font-weight:650;line-height:1.55;letter-spacing:-.35px}.lyrics-break{display:block;height:22px}.lyrics-attribution{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-top:1px solid var(--line);color:#9b969e;background:#f7f5f2e0;font-size:8px}.lyrics-attribution a{display:inline-flex;align-items:center;gap:4px;color:var(--purple);font-weight:700}.found-actions{display:grid;width:100%;grid-template-columns:1fr auto auto;gap:8px;margin-top:auto;padding-top:15px}.primary-button,.secondary-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:9px 15px;border-radius:10px;font-size:10px;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.primary-button{color:#fff;background:linear-gradient(135deg,#6c56df,#5940c9);box-shadow:0 7px 16px #6450d836}.primary-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 21px #6450d845}.primary-button:disabled{opacity:.48}.secondary-button{color:#77736d;background:#f1efeb}.square-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:10px;color:#8f8b84;background:#fff}.square-button.favorite,.is-favorite,.track-meta button:has(svg[fill=currentColor]){color:var(--pink)!important}.provider-card{display:flex;min-height:80px;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(230,226,219,.84);border-radius:18px;background:#ffffffd1;box-shadow:var(--shadow-sm)}.youtube-mark{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border-radius:11px;color:#fff;background:#ff2c2c;box-shadow:0 7px 14px #ff2c2c2e;font-size:13px}.provider-card>div:nth-child(2){min-width:0;flex:1}.provider-card strong{display:block;font-family:Manrope,sans-serif;font-size:11px}.provider-card p{margin-top:2px;overflow:hidden;color:#a09c95;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.provider-card button{padding:7px 10px;border-radius:8px;color:#605d57;background:#f0efec;font-size:9px;font-weight:600}.connected-check{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:var(--green);background:#e8f5ee}.recent-section{margin-top:43px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.section-heading h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.7px}.section-heading button{display:flex;align-items:center;gap:2px;padding:6px 0;color:#8e8a83;background:transparent;font-size:10px;font-weight:600}.section-heading button:hover{color:var(--purple)}.track-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.track-card{min-width:0;padding:10px 10px 12px;border:1px solid transparent;border-radius:17px;background:#ffffff73;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.track-card:hover{z-index:2;border-color:var(--line);background:#fff;box-shadow:0 15px 35px #2a262017;transform:translateY(-4px)}.track-cover-wrap{position:relative;overflow:hidden;border-radius:13px}.track-cover-wrap .album-art{border-radius:13px;transition:transform .4s cubic-bezier(.22,1,.36,1)}.track-card:hover .track-cover-wrap .album-art{transform:scale(1.035)}.cover-add{position:absolute;right:10px;bottom:10px;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;color:#fff;background:#23211fe0;box-shadow:0 7px 16px #1d1b193d;opacity:0;transform:translateY(5px) scale(.9);transition:opacity .18s ease,transform .18s ease,background .18s ease}.track-card:hover .cover-add,.cover-add:focus-visible{opacity:1;transform:translateY(0) scale(1)}.cover-add:hover{background:var(--purple)}.track-meta{display:flex;align-items:flex-start;gap:7px;margin-top:11px}.track-meta>div{min-width:0;flex:1}.track-meta h3{overflow:hidden;font-family:Manrope,sans-serif;font-size:11px;font-weight:700;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap}.track-meta p{margin-top:2px;overflow:hidden;color:#8f8b84;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.track-meta button{padding:0;color:#aaa69e;background:transparent;opacity:.65}.track-meta button:hover{color:var(--pink);opacity:1}.track-time{display:flex;align-items:center;gap:5px;margin-top:8px;color:#b0aca5;font-size:8px}.empty-library{display:flex;min-height:110px;align-items:center;justify-content:center;gap:10px;border:1px dashed #dcd8d0;border-radius:17px;color:#aaa69e;font-size:11px}.page-title{margin:6px 0 32px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.library-toolbar label{display:flex;width:min(390px,100%);align-items:center;gap:10px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;color:#aaa69f;background:#fff;box-shadow:0 5px 15px #2a262009}.library-toolbar input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.library-toolbar>span{color:#98948c;font-size:10px}.track-list{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#ffffffb8;box-shadow:var(--shadow-sm)}.track-row{display:grid;grid-template-columns:30px 48px minmax(160px,1.3fr) minmax(120px,1fr) 65px 28px 81px;min-height:72px;align-items:center;gap:13px;padding:10px 15px;border-bottom:1px solid #efede8;transition:background .16s ease}.track-row:last-child{border-bottom:0}.track-row:hover{background:#fff}.track-row .album-art{width:48px;border-radius:9px}.track-index{color:#bab6af;font-size:9px;font-variant-numeric:tabular-nums}.row-title,.row-album{min-width:0}.row-title strong,.row-title span,.row-album{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-title strong{font-family:Manrope,sans-serif;font-size:11px}.row-title span,.row-album,.row-date{color:#8f8b84;font-size:9px}.row-title span{margin-top:3px}.track-row>button:not(.row-add){display:grid;padding:4px;place-items:center;color:#aaa69e;background:transparent}.row-add{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:8px;color:#746f69;background:#f0eeea;font-size:9px;font-weight:600}.row-add:hover{color:#fff;background:var(--purple)}.large-empty{display:flex;min-height:390px;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #dad6cf;border-radius:22px;background:#ffffff59;text-align:center}.large-empty>span{display:grid;width:66px;height:66px;margin-bottom:19px;place-items:center;border-radius:20px;color:var(--purple);background:var(--purple-soft);transform:rotate(-5deg)}.large-empty h2{font-family:Manrope,sans-serif;font-size:17px}.large-empty p{margin:7px 0 19px;color:var(--muted);font-size:11px}.settings-page{max-width:900px;margin-left:max(3.5vw,calc((100vw - var(--sidebar-width) - 1180px) / 2))}.setup-page{max-width:940px}.settings-loading{display:flex;min-height:420px;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:12px}.setup-progress{display:grid;grid-template-columns:auto minmax(30px,1fr) auto minmax(30px,1fr) auto;align-items:center;gap:13px;margin:-2px 0 24px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:#ffffffad}.setup-progress>div{display:grid;grid-template-columns:29px auto;align-items:center;column-gap:9px}.setup-progress>div>span{display:grid;width:29px;height:29px;grid-row:span 2;place-items:center;border-radius:50%;color:#8d8982;background:#eeece8;font-size:10px;font-weight:700}.setup-progress>div.done>span{color:#fff;background:var(--green)}.setup-progress strong{font-family:Manrope,sans-serif;font-size:10px}.setup-progress small{color:#9c9891;font-size:8px}.setup-progress>i{height:1px;background:#ddd9d2}.settings-error{display:flex;align-items:center;gap:9px;margin-bottom:15px;padding:11px 13px;border:1px solid #f2ccd3;border-radius:11px;color:#a84255;background:#fff0f3;font-size:10px}.configuration-card{overflow:hidden;margin-bottom:18px;border:1px solid var(--line);border-radius:20px;background:#ffffffd6;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.configuration-card.configured{border-color:#4da77c4d;box-shadow:0 12px 35px #4da77c12}.configuration-head{display:flex;align-items:center;gap:14px;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#ffffffe6,#f8f6ff94)}.service-logo{display:grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border-radius:14px}.audd-logo{color:#fff;background:linear-gradient(145deg,#705be7,#5540c6);box-shadow:0 9px 20px #6450d838}.youtube-logo{color:#fff;background:#ff2c2c;box-shadow:0 9px 20px #ff2c2c2e;font-size:14px}.configuration-head>div{min-width:0;flex:1}.configuration-head .eyebrow{margin-bottom:3px;font-size:8px}.configuration-head h2{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.4px}.configuration-head p:last-child{margin-top:3px;color:#96928b;font-size:9px}.configuration-body{padding:20px}.setup-steps{display:flex;flex-direction:column;gap:10px;margin:0 0 17px;padding:0;list-style:none}.setup-steps li{display:flex;align-items:flex-start;gap:9px}.setup-steps li>span{display:grid;width:20px;height:20px;flex:0 0 auto;place-items:center;border-radius:7px;color:var(--purple);background:var(--purple-soft);font-size:8px;font-weight:700}.setup-steps p{padding-top:2px;color:#77736d;font-size:10px;line-height:1.6}.setup-steps a{display:inline-flex;align-items:center;gap:3px;color:var(--purple);font-weight:700}.secret-field{display:flex;min-width:0;flex-direction:column;gap:7px}.secret-field>span{color:#67635d;font-size:9px;font-weight:700}.secret-field>span small{margin-left:6px;color:#aaa69e;font-weight:500}.secret-field>div{display:flex;gap:8px}.secret-field input{width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid #e2dfd8;border-radius:10px;outline:none;color:var(--ink);background:#fbfaf8;font-size:10px;transition:border-color .16s ease,box-shadow .16s ease}.secret-field input:focus{border-color:#6450d885;box-shadow:0 0 0 3px #6450d814}.secret-field input:disabled{color:#aaa69e;background:#efede9}.secret-field>div .primary-button{flex:0 0 auto;white-space:nowrap}.managed-note{margin-top:8px;color:#8f8b84;font-size:9px}.quick-test{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:13px;padding:10px 11px;border:1px dashed #dcd5ff;border-radius:10px;color:#7e7980;background:#f8f6ff;font-size:9px;line-height:1.5}.quick-test button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:7px 9px;border-radius:8px;color:var(--purple);background:#ebe7ff;font-size:8px;font-weight:700}.redirect-uri{margin:-7px 0 17px 29px;padding:9px 11px;overflow-x:auto;border:1px solid #e3dfff;border-radius:9px;background:#f6f3ff}.redirect-uri code{padding:0;color:#5d4cb5;background:transparent;font-size:9px;white-space:nowrap}.credential-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.credential-grid .optional{grid-column:1 / -1}.password-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.security-logo{color:#fff;background:linear-gradient(145deg,#2f7b64,#205c4a);box-shadow:0 9px 20px #205c4a33}.password-security-note{display:inline-flex;align-items:center;gap:7px;margin-right:auto;color:#6f7f76;font-size:9px}.configuration-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.save-credentials{border:1px solid #e1ded8}.connection-success{display:inline-flex;align-items:center;gap:7px;color:var(--green);font-size:10px;font-weight:700}.settings-panel{overflow:hidden;margin-bottom:18px;border:1px solid var(--line);border-radius:19px;background:#ffffffc7;box-shadow:var(--shadow-sm)}.settings-heading{padding:20px 22px;border-bottom:1px solid var(--line)}.settings-heading h2{font-family:Manrope,sans-serif;font-size:14px}.settings-heading p{margin-top:5px;color:#97938c;font-size:10px;line-height:1.7}.setting-row{display:flex;min-height:76px;align-items:center;gap:13px;padding:13px 22px;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0}.setting-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;color:var(--purple);background:var(--purple-soft)}.setting-row>div{min-width:140px;flex:1}.setting-row strong{font-family:Manrope,sans-serif;font-size:11px}.setting-row p{margin-top:3px;color:#99958e;font-size:9px}.integration-state{display:flex;align-items:center;gap:6px;color:#9d9992;font-size:9px;font-weight:600}.integration-state i{width:6px;height:6px;border-radius:50%;background:#c5c1b9}.integration-state.ready{color:var(--green)}.integration-state.ready i{background:var(--green)}.setting-row>button{padding:8px 11px;border-radius:8px;color:#fff;background:var(--purple);font-size:9px;font-weight:600}.info-panel{display:flex;align-items:center;justify-content:space-between;padding-right:22px}.info-panel .settings-heading{border-bottom:0}code{padding:1px 4px;border-radius:4px;color:#6b5cae;background:#f0edfb;font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;padding:20px;place-items:center;background:#1a18197a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.playlist-dialog{width:min(450px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.55);border-radius:23px;background:#fcfbf9;box-shadow:0 35px 95px #1c181954;animation:dialog-in .3s cubic-bezier(.22,1,.36,1)}@keyframes dialog-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between}.dialog-header h2{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.8px}.dialog-header>button{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#8e8a83;background:#eeece8}.dialog-track{display:flex;align-items:center;gap:12px;margin:19px 0 16px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}.dialog-track .album-art{width:51px;border-radius:10px}.dialog-track div{min-width:0}.dialog-track strong,.dialog-track span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-track strong{font-family:Manrope,sans-serif;font-size:11px}.dialog-track span{margin-top:3px;color:#8e8a83;font-size:9px}.connect-state{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.youtube-large{display:grid;width:58px;height:58px;margin-bottom:18px;place-items:center;border-radius:18px;color:#fff;background:#ff2c2c;box-shadow:0 13px 25px #ff2c2c33}.connect-state h3{font-family:Manrope,sans-serif;font-size:15px}.connect-state p{max-width:300px;margin:7px 0 18px;color:#8f8b84;font-size:10px;line-height:1.6}.config-hint{padding:12px;border-radius:10px;color:#827d75;background:#f0eeea;font-size:9px;line-height:1.7}.youtube-search-link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--purple);font-size:9px;font-weight:700}.youtube-search-link:hover{text-decoration:underline}.playlist-scroll{display:flex;max-height:245px;overflow:auto;flex-direction:column;gap:5px;padding-right:3px}.playlist-option{display:flex;width:100%;align-items:center;gap:11px;padding:8px;border:1px solid transparent;border-radius:12px;color:var(--ink);background:transparent;text-align:left;transition:background .15s ease,border-color .15s ease}.playlist-option:hover{background:#f4f2ee}.playlist-option.selected{border-color:#ddd7ff;background:#f1eeff}.playlist-thumb{display:grid;width:40px;height:40px;overflow:hidden;flex:0 0 auto;place-items:center;border-radius:9px;color:var(--purple);background:#e8e4f8}.playlist-thumb img{width:100%;height:100%;object-fit:cover}.playlist-option>div{min-width:0;flex:1}.playlist-option strong,.playlist-option span{display:block}.playlist-option strong{overflow:hidden;font-family:Manrope,sans-serif;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.playlist-option>div>span{margin-top:3px;color:#97938c;font-size:8px}.playlist-option>i{display:grid;width:21px;height:21px;place-items:center;border:1px solid #d8d4cd;border-radius:50%;color:#fff;font-style:normal}.playlist-option.selected>i{border-color:var(--purple);background:var(--purple)}.dialog-loading,.no-playlist{display:flex;min-height:110px;align-items:center;justify-content:center;gap:9px;color:#99958e;font-size:10px;text-align:center}.create-playlist{display:flex;gap:7px;margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.create-playlist input{min-width:0;flex:1;padding:9px 11px;border:1px solid #e4e1da;border-radius:9px;outline:0;color:var(--ink);background:#fff;font-size:9px}.create-playlist button{display:flex;align-items:center;gap:5px;padding:8px 11px;border-radius:9px;color:#625e57;background:#eceae6;font-size:9px;font-weight:600}.dialog-error{margin-top:10px;padding:8px 10px;border-radius:8px;color:#b94d60;background:#fdebef;font-size:9px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toast{position:fixed;right:24px;bottom:24px;z-index:120;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;background:#272523f0;box-shadow:0 15px 40px #231e1e3d;font-size:10px;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}.toast svg{color:#84d4ac}.toast-visible{opacity:1;transform:translateY(0)}.spin,.orb-loader{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){:root{--sidebar-width: 210px}.sidebar{padding-inline:15px}.nav-item.active:before{left:-15px}.dashboard-grid{grid-template-columns:minmax(400px,1.55fr) minmax(260px,.85fr)}.track-grid{gap:11px}.page{width:calc(100% - 5vw)}.track-row{grid-template-columns:25px 45px minmax(140px,1.2fr) minmax(100px,.9fr) 55px 25px 36px}.track-row .album-art{width:45px}.row-add span{display:none}.row-add{display:grid;width:32px;height:32px;padding:0;place-items:center}.radio-console{grid-template-columns:45px minmax(110px,1fr) auto}.identify-live{grid-column:1 / -1}}@media(max-width:820px){:root{--sidebar-width: 238px}.sidebar{transform:translate(-102%);transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:25px 0 70px #2420202b}.sidebar-open{transform:translate(0)}.mobile-close{position:absolute;top:20px;right:16px;display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#77736d;background:#eeece8}.menu-backdrop{position:fixed;inset:0;z-index:35;display:block;background:#18161640;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.main-content{margin-left:0}.topbar{height:68px;justify-content:space-between;padding:0 22px}.menu-button{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:11px;color:var(--ink);background:#fff}.mobile-brand{display:flex;align-items:center;gap:7px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-1px}.mobile-brand .brand-mark{width:28px;height:28px;border-radius:9px}.topbar .icon-button{display:none}.page{width:calc(100% - 44px);padding-top:20px}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);grid-template-rows:1fr}.empty-result-card,.found-card{min-height:335px}.provider-card{align-self:start}.track-grid{grid-template-columns:repeat(3,1fr)}.track-grid .track-card:nth-child(4){display:none}.settings-page{margin-inline:auto}.setup-progress{gap:8px}.setup-progress>div{grid-template-columns:29px;justify-items:center}.setup-progress>div>span{grid-row:auto}.setup-progress strong,.setup-progress small{display:none}}@media(max-width:620px){.app-shell{padding-bottom:68px}.topbar{padding-inline:15px}.topbar-actions{gap:8px}.avatar{width:32px;height:32px}.demo-badge{padding:6px 8px}.page{width:calc(100% - 30px);padding:15px 0 45px}.welcome-row{align-items:flex-start;margin-bottom:22px}.welcome-row h1,.page-title h1{font-size:31px;letter-spacing:-1.6px}.welcome-row>div>p:last-child,.page-title>p:last-child{max-width:270px;font-size:12px;line-height:1.5}.service-pill{display:none}.dashboard-grid{gap:13px}.recognizer-card{min-height:405px;padding:14px;border-radius:21px}.recognizer-toolbar{align-items:stretch;flex-direction:column-reverse;gap:8px}.source-switcher{width:100%;margin-inline:auto;justify-content:center}.source-switcher button{flex:1;justify-content:center;padding-inline:7px}.activate-real{align-self:flex-end}.recognizer-center{padding-top:5px}.orb-wrap{width:170px;height:170px}.listen-orb{width:107px;height:107px}.radio-player{margin-top:8px;border-radius:16px}.radio-source-row{padding-left:9px}.radio-source-row input{font-size:9px}.station-preset{padding-inline:8px}.radio-console{grid-template-columns:43px minmax(0,1fr) auto;gap:8px}.radio-volume input{display:none}.radio-volume button{width:31px;height:31px}.identify-live{grid-column:1 / -1;width:100%}.right-column{display:flex;flex-direction:column}.empty-result-card{display:none}.found-card{min-height:370px;border-radius:21px}.found-cover{width:145px}.lyrics-backdrop{padding:10px}.lyrics-dialog{max-height:calc(100vh - 20px);border-radius:21px}.lyrics-dialog-header{padding:15px}.lyrics-dialog-track .album-art{width:52px}.lyrics-dialog-track h2{max-width:210px;font-size:16px}.lyrics-scroll{padding:26px 22px 34px}.lyrics-scroll p{font-size:17px;line-height:1.58}.lyrics-attribution{padding:11px 15px}.provider-card{width:100%;min-height:72px}.recent-section{margin-top:32px}.track-grid{display:flex;overflow-x:auto;gap:10px;margin-inline:-15px;padding:0 15px 15px;scroll-snap-type:x mandatory}.track-card{width:160px;flex:0 0 auto;scroll-snap-align:start}.track-grid .track-card:nth-child(4){display:block}.cover-add{opacity:1;transform:none}.bottom-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;height:64px;grid-template-columns:repeat(3,1fr);padding:5px max(15px,env(safe-area-inset-right)) max(5px,env(safe-area-inset-bottom)) max(15px,env(safe-area-inset-left));border-top:1px solid rgba(229,226,220,.9);background:#fafaf8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#aaa69f;background:transparent;font-size:8px;font-weight:600}.bottom-nav button.active{color:var(--purple)}.library-toolbar{align-items:stretch;flex-direction:column;gap:8px}.library-toolbar label{width:100%}.library-toolbar>span{padding-left:3px}.track-list{border-radius:15px}.track-row{grid-template-columns:46px minmax(0,1fr) 27px 34px;gap:10px;padding:9px 10px}.track-row .album-art{width:46px}.track-index,.row-album,.row-date{display:none}.row-add{width:30px;height:30px}.page-title{margin-bottom:24px}.setting-row{padding-inline:14px}.integration-state{display:none}.info-panel{padding-right:14px}.configuration-head{align-items:flex-start;padding:15px}.configuration-head .integration-state{display:none}.configuration-body{padding:16px 15px}.credential-grid{grid-template-columns:1fr}.credential-grid .optional{grid-column:auto}.secret-field>div{align-items:stretch;flex-direction:column}.configuration-actions{align-items:stretch;flex-direction:column}.configuration-actions button{width:100%}.redirect-uri{margin-left:0}.quick-test{align-items:flex-start;flex-direction:column}.playlist-dialog{max-height:calc(100vh - 20px);padding:18px;border-radius:20px}.toast{right:15px;bottom:78px;left:15px;justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ink: #142033;--muted: #60738d;--soft: #8b9cb0;--line: #dce6f1;--paper: #ffffff;--canvas: #f3f7fc;--purple: #2563eb;--purple-dark: #1d4ed8;--purple-soft: #e7efff;--pink: #38bdf8;--green: #0f84d8;--sidebar-width: 252px;--shadow-sm: 0 10px 34px rgba(34, 28, 43, .065);--shadow-md: 0 24px 70px rgba(34, 28, 43, .13)}body{color:var(--ink);background:var(--canvas);font-size:14px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.app-shell{background:radial-gradient(circle at 84% -8%,rgba(56,189,248,.13),transparent 29%),radial-gradient(circle at 24% 112%,rgba(37,99,235,.1),transparent 34%),linear-gradient(135deg,#fafcff,#f2f7fd 56%,#f7faff)}.sidebar{padding:27px 18px 20px;border-right-color:#ddd9e0c7;background:#faf9f8db;box-shadow:8px 0 40px #28222f06;-webkit-backdrop-filter:blur(28px) saturate(1.15);backdrop-filter:blur(28px) saturate(1.15)}.brand{min-height:48px;gap:12px;padding:4px 8px;letter-spacing:0}.brand-mark{position:relative;width:40px;height:40px;overflow:hidden;border-radius:13px;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.32),transparent 28%),linear-gradient(145deg,#7a64f0,#5b3fd2);box-shadow:0 10px 24px #5c3fd247,inset 0 1px #ffffff4d}.brand-copy{display:flex;align-items:baseline;gap:5px}.brand-copy strong{font-size:21px;font-weight:800;letter-spacing:-.8px}.brand-copy small{color:#7d7883;font-size:12px;font-weight:650;letter-spacing:.2px}.main-nav{margin-top:46px;gap:7px}.nav-caption{margin:0 14px 9px;color:#9a96a0;font-size:10px;letter-spacing:1.25px}.nav-item{min-height:46px;gap:12px;padding:11px 14px;border-radius:13px;color:#6f6b74;font-size:13px;font-weight:550}.nav-item:hover{background:#ffffffe6;transform:none}.nav-item.active{color:#563ed0;background:#eeebff;box-shadow:inset 0 0 0 1px #6952e60e}.nav-item.active:before{display:none}.nav-count{min-width:22px;height:22px;border-radius:7px;font-size:10px}.private-card{align-items:center;padding:12px;border-color:#e6e2e9;border-radius:15px;background:#ffffffad}.private-card strong{font-size:12px}.private-card p{font-size:10px}.help-link{min-height:38px;font-size:11px}.topbar{height:74px;padding:0 clamp(28px,4vw,64px)}.topbar-actions{gap:9px}.private-status,.demo-badge{display:inline-flex;min-height:32px;align-items:center;gap:7px;padding:7px 11px;border:1px solid #e3dfe6;border-radius:999px;color:#68636c;background:#ffffffb3;font-size:11px;font-weight:600}.private-status svg{color:var(--green)}.icon-button{width:40px;height:40px;border-color:#e3dfe5}.icon-button:hover{transform:none}.avatar{width:40px;height:40px;font-size:10px;letter-spacing:-.2px}.page{width:min(1280px,calc(100% - 6vw));padding:23px 0 88px}.welcome-row{margin-bottom:28px}.eyebrow{margin-bottom:8px;font-size:10px;letter-spacing:1.45px}.welcome-row h1,.page-title h1{font-size:clamp(34px,3.3vw,48px);font-weight:750;letter-spacing:-2.4px}.welcome-row>div>p:last-child,.page-title>p:last-child{max-width:650px;margin-top:10px;color:#716d76;font-size:14px;line-height:1.55}.service-pill{margin-bottom:4px;color:#726e77;font-size:11px}.dashboard-grid{grid-template-columns:minmax(550px,1.62fr) minmax(320px,.82fr);gap:20px}.recognizer-card{min-height:500px;padding:20px;overflow:hidden;border-color:#e1dde2e6;border-radius:26px;background:#ffffffc2;box-shadow:0 16px 50px #231d2b13;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.recognizer-card:before{top:-130px;right:-80px;width:310px;height:310px;background:radial-gradient(circle,rgba(231,95,144,.085),transparent 67%)}.recognizer-card:after{bottom:-140px;left:-90px;width:330px;height:330px;background:radial-gradient(circle,rgba(105,82,230,.07),transparent 67%)}.recognizer-card.radio-mode{padding-bottom:18px}.source-switcher{padding:5px;border-radius:13px;background:#f0eef2}.source-switcher button{min-height:38px;gap:7px;padding:9px 13px;border-radius:9px;color:#7d7882;font-size:11px}.source-switcher button.active{color:#26212a;background:#fff;box-shadow:0 4px 14px #261f2f16}.activate-real{min-height:38px;padding-inline:12px;font-size:10px}.recognizer-center{padding-top:18px}.orb-wrap{width:210px;height:210px}.listen-orb{width:126px;height:126px;border-width:6px;box-shadow:0 20px 45px #cb4b7938,0 10px 25px #6450d829}.recognizer-copy{min-height:72px;margin-top:6px}.recognizer-copy h2{font-size:20px}.recognizer-copy p{margin-top:7px;font-size:12px}.privacy-note{gap:7px;color:#817d85;font-size:10px}.privacy-note svg{color:var(--green)}.radio-player{position:relative;z-index:4;display:flex;width:100%;min-height:410px;flex:1;flex-direction:column;margin:18px 0 0;padding:18px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;color:#fff;background:radial-gradient(circle at 12% 5%,rgba(142,106,241,.25),transparent 34%),radial-gradient(circle at 92% 92%,rgba(231,91,143,.2),transparent 34%),linear-gradient(150deg,#23202a,#17151d 55%,#211725);box-shadow:0 26px 60px #1d172438,inset 0 1px #ffffff14}.radio-player:before{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%);content:""}.radio-player:after{display:none}.radio-player-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px}.radio-kicker{display:inline-flex;align-items:center;gap:7px;color:#bcb5c6;font-size:10px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase}.live-badge{min-height:28px;padding:6px 9px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#938c99;background:#ffffff0b;font-size:8px;letter-spacing:.7px}.live-badge i{width:6px;height:6px}.live-badge.on-air{color:#ffb0c3;background:#eb5d8b17;border-color:#eb5d8b2e}.source-toggle{display:inline-flex;min-height:34px;align-items:center;gap:6px;padding:7px 9px;border-radius:9px;color:#b6afbd;background:#ffffff0e;font-size:9px;font-weight:650}.source-toggle svg:last-child{transition:transform .18s ease}.source-toggle[aria-expanded=true] svg:last-child{transform:rotate(180deg)}.source-toggle:hover{color:#fff;background:#ffffff17}.station-drawer{position:relative;z-index:5;max-height:470px;margin-top:13px;padding:15px;overflow-y:auto;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0e;box-shadow:inset 0 1px #ffffff09;animation:source-in .18s ease;scrollbar-color:rgba(255,255,255,.2) transparent}.station-drawer-heading,.custom-stations-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.station-drawer-heading>div,.custom-stations-heading>div{min-width:0}.station-drawer-heading strong,.station-drawer-heading span,.custom-stations-heading strong,.custom-stations-heading span{display:block}.station-drawer-heading strong,.custom-stations-heading strong{font-family:Manrope,sans-serif;font-size:11px}.station-drawer-heading div>span,.custom-stations-heading div>span{margin-top:2px;color:#918a97;font-size:9px}.station-drawer-heading>span{flex:0 0 auto;padding:5px 8px;border-radius:999px;color:#aaa3b0;background:#ffffff0f;font-size:8px;font-weight:700}.station-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.station-option{--station-color: #7458df;display:grid;min-width:0;min-height:59px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;border:1px solid transparent;border-radius:12px;color:#d8d2dc;background:#ffffff0b;text-align:left;transition:background .16s ease,border-color .16s ease,transform .16s ease}.station-option:hover{border-color:#ffffff1a;background:#ffffff14;transform:translateY(-1px)}.station-option.active{border-color:color-mix(in srgb,var(--station-color),transparent 52%);background:color-mix(in srgb,var(--station-color),transparent 84%)}.station-option-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;overflow:hidden;padding:5px;border-radius:10px;color:#fff;background:linear-gradient(145deg,color-mix(in srgb,var(--station-color),white 16%),var(--station-color));box-shadow:0 6px 14px color-mix(in srgb,var(--station-color),transparent 72%);font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.station-logo{display:block;width:100%;height:100%;object-fit:contain}.station-logo-fallback{display:grid;width:100%;height:100%;place-items:center}.station-option-copy{min-width:0}.station-option-copy strong,.station-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-option-copy strong{font-size:9px}.station-option-copy small{margin-top:3px;color:#8f8895;font-size:7px}.station-option>svg{color:#8fd1b3}.custom-stations-heading{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}.custom-station-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.custom-station{display:grid;grid-template-columns:minmax(0,1fr) 38px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#ffffff09}.custom-station.active{border-color:#7558df75;background:#7558df1a}.custom-station>button:first-child{display:grid;min-width:0;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:7px;color:#d8d2dc;background:transparent;text-align:left}.custom-station>button:first-child>span:nth-child(2){min-width:0}.custom-station strong,.custom-station small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-station strong{font-size:9px}.custom-station small{margin-top:2px;color:#88818e;font-size:7px}.custom-station>button:first-child>svg{color:#8fd1b3}.remove-station{display:grid;width:38px;min-height:38px;place-items:center;align-self:center;border-radius:9px;color:#8f8895;background:transparent}.remove-station:hover{color:#ff9db2;background:#e85f9117}.add-station-form{display:grid;grid-template-columns:minmax(110px,.6fr) minmax(180px,1.4fr) auto;gap:7px}.add-station-form input{min-width:0;min-height:40px;padding:0 11px;border:1px solid rgba(255,255,255,.1);border-radius:10px;outline:none;color:#fff;background:#ffffff0e;font-size:9px}.add-station-form input::placeholder{color:#746e79}.add-station-form input:focus{border-color:#8b6fefb3;box-shadow:0 0 0 3px #7558df1f}.add-station-form button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:6px;padding:8px 11px;border-radius:10px;color:#27222d;background:#f5f1f7;font-size:9px;font-weight:750;white-space:nowrap}.add-station-form button:hover{background:#fff}.station-error{display:flex;align-items:center;gap:6px;margin-top:8px;color:#ff9db2;font-size:9px}.radio-source-row{position:relative;z-index:3;display:flex;width:100%;align-items:center;gap:10px;margin:12px 0 0;padding:7px 8px 7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0f;animation:source-in .18s ease}@keyframes source-in{0%{opacity:0;transform:translateY(-4px)}}.radio-source-row input{min-height:30px;font-size:11px}.station-preset{min-height:32px;padding:7px 11px;font-size:9px}.radio-stage{position:relative;z-index:2;display:grid;flex:1;grid-template-columns:132px minmax(0,1fr) 60px;align-items:center;gap:24px;padding:20px 10px 15px}.station-art{position:relative;display:grid;width:126px;height:126px;place-items:center;border-radius:32px;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.34),transparent 22%),linear-gradient(145deg,color-mix(in srgb,var(--station-color),white 24%),var(--station-color) 52%,#6c55e5);box-shadow:0 22px 42px #9f4cbf4f,inset 0 1px 1px #ffffff52;transform:rotate(-3deg)}.station-broadcast-icon{position:relative;z-index:2;display:grid;width:66px;height:66px;place-items:center;overflow:hidden;padding:10px;border:1px solid rgba(255,255,255,.28);border-radius:21px;color:#fff;background:linear-gradient(145deg,#fff3,#ffffff13);box-shadow:inset 0 1px #fff3,0 14px 25px #040e2238;transform:rotate(3deg) translateY(-5px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.station-broadcast-icon:after{position:absolute;top:12px;right:12px;width:6px;height:6px;border-radius:50%;background:#ff8b79;box-shadow:0 0 0 4px #ff786624,0 0 12px #ff78668c;content:""}.station-broadcast-signal{position:absolute;z-index:3;bottom:16px;left:50%;display:flex;height:19px;align-items:end;gap:3px;transform:translate(-50%) rotate(3deg)}.station-broadcast-signal i{width:3px;height:var(--signal-height);border-radius:999px;background:#ffffffe0;box-shadow:0 0 7px #ffffff3d;transform-origin:bottom}.is-live .station-broadcast-signal i{animation:station-signal .86s ease-in-out infinite alternate}.is-live .station-broadcast-signal i:nth-child(2){animation-delay:-.46s}.is-live .station-broadcast-signal i:nth-child(3){animation-delay:-.17s}.is-live .station-broadcast-signal i:nth-child(4){animation-delay:-.61s}.is-live .station-broadcast-signal i:nth-child(5){animation-delay:-.32s}@keyframes station-signal{0%{opacity:.48;transform:scaleY(.55)}to{opacity:1;transform:scaleY(1)}}.station-art-orbit{position:absolute;inset:15px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.station-art-orbit.orbit-two{inset:29px;border-color:#ffffff21}.is-live .station-art{animation:station-float 5s ease-in-out infinite}@keyframes station-float{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-4px)}}.radio-station{min-width:0}.radio-station>p{color:#9d95a4;font-size:10px;font-weight:650;letter-spacing:.6px;text-transform:uppercase}.radio-station h2{overflow:hidden;margin-top:4px;font-family:Manrope,sans-serif;font-size:clamp(25px,3vw,36px);font-weight:750;letter-spacing:-1.5px;text-overflow:ellipsis;white-space:nowrap}.radio-station>span{display:block;margin-top:3px;color:#aaa2af;font-size:12px}.radio-station-heading{display:none}.live-wave{height:44px;gap:3px;margin-top:12px;opacity:.28}.live-wave i{width:3px;background:linear-gradient(to top,#9a79f0,#f078a2)}.radio-play{width:58px;height:58px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#fffffff0;color:#211d27;box-shadow:0 12px 30px #08060a47}.radio-play:hover{transform:scale(1.05);box-shadow:0 14px 34px #08060a57}.radio-play svg{margin-left:2px}.is-live .radio-play svg,.radio-play .spin{margin-left:0}.radio-control-dock{position:relative;z-index:2;display:grid;grid-template-columns:auto minmax(150px,1fr) auto;align-items:center;gap:18px;padding:12px 13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#fff1;box-shadow:inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.radio-volume{gap:8px}.radio-volume button{width:38px;height:38px;border-radius:11px}.radio-volume input{width:78px;height:4px}.radio-volume>span{min-width:34px;color:#89828f;font-size:9px;font-variant-numeric:tabular-nums}.identify-copy{min-width:0;padding-left:16px;border-left:1px solid rgba(255,255,255,.09)}.identify-copy strong,.identify-copy span{display:block}.identify-copy strong{font-family:Manrope,sans-serif;font-size:11px}.identify-copy span{margin-top:2px;color:#938c9a;font-size:9px}.identify-live{min-width:124px;min-height:44px;gap:8px;padding:10px 15px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#7359ea,#d95d9a);box-shadow:0 10px 24px #704ad342;font-size:10px}.identify-live:not(:disabled):hover{background:linear-gradient(135deg,#8066f0,#e36ba4);transform:translateY(-1px)}.identify-live:disabled{color:#a29ba8;background:#ffffff14;box-shadow:none}.recognition-feedback{position:relative;z-index:2;display:flex;min-height:28px;align-items:center;justify-content:center;gap:7px;padding-top:9px;color:#8f8795;font-size:9px;line-height:1.35;text-align:center}.recognition-feedback svg{flex:0 0 auto}.recognition-feedback.is-success{color:#80c9a8}.recognition-feedback.is-error{color:#f39aae}.radio-player-error{margin:4px 0 0;color:#ff9db2;text-align:center;font-size:10px}.right-column{gap:14px}.empty-result-card,.found-card{min-height:400px;border-color:#e1dde2e6;border-radius:26px;background:#ffffffc7;box-shadow:0 16px 50px #231d2b11;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.empty-result-card{padding:34px}.empty-result-card h3{font-size:17px}.empty-result-card p{margin-top:9px;color:#79747d;font-size:11px;line-height:1.6}.found-card{padding:20px}.found-label{color:#746f78;font-size:9px}.found-cover{width:148px;margin-top:17px;border-radius:20px}.found-info{margin-top:16px}.found-info h3{font-size:19px}.found-info p{margin-top:3px;font-size:12px}.found-info small{margin-top:5px;font-size:10px}.lyrics-preview{margin-top:14px;padding:11px 12px;border-radius:14px}.lyrics-preview-heading>span{font-size:9px}.lyrics-preview-heading button{min-height:26px;font-size:9px}.lyrics-muted,.lyrics-lines span{font-size:10px}.found-actions{gap:9px;padding-top:16px}.primary-button,.secondary-button{min-height:42px;padding:10px 15px;font-size:11px}.square-button{width:42px;height:42px}.provider-card{min-height:76px;padding:13px 15px;border-color:#e1dde2e6;border-radius:18px;background:#ffffffbf;box-shadow:var(--shadow-sm)}.provider-card strong{font-size:11px}.provider-card p{margin-top:3px;font-size:9px}.recent-section{margin-top:47px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:21px;letter-spacing:-.7px}.section-heading button{min-height:34px;font-size:11px}.track-grid{gap:16px}.track-card{padding:11px 11px 13px;border-radius:18px;background:#ffffff85}.track-card:hover{transform:translateY(-3px);box-shadow:0 17px 40px #251f2b17}.cover-add{width:40px;height:40px}.track-meta h3{font-size:12px}.track-meta p{margin-top:3px;font-size:10px}.track-meta button{display:grid;min-width:30px;min-height:30px;place-items:center}.track-time{margin-top:9px;font-size:9px}.page-title{margin:8px 0 34px}.library-toolbar label{min-height:46px;border-radius:14px}.library-toolbar input{font-size:12px}.library-toolbar>span{font-size:11px}.track-list{border-radius:20px}.track-row{min-height:78px;padding:11px 16px}.track-row>button:not(.row-add){min-width:34px;min-height:34px}.row-add{min-height:36px;padding:8px 10px;font-size:10px}.setup-page{max-width:1050px}.setup-progress{margin-bottom:25px}.setup-progress strong{font-size:11px}.setup-progress small{font-size:9px}.configuration-card,.settings-panel{border-radius:22px;background:#ffffffc2;box-shadow:var(--shadow-sm)}.configuration-head{padding:20px 22px}.configuration-head h2{font-size:17px}.configuration-head p:last-child{margin-top:4px;font-size:10px}.configuration-body{padding:22px}.setup-steps p{font-size:11px}.secret-field>span{font-size:10px}.secret-field input{height:44px;font-size:11px}.integration-state,.redirect-uri code,.quick-test{font-size:10px}.playlist-dialog{border-radius:24px}@media(max-width:1180px){:root{--sidebar-width: 224px}.page{width:calc(100% - 4vw)}.dashboard-grid{grid-template-columns:minmax(460px,1.48fr) minmax(290px,.82fr)}.radio-stage{grid-template-columns:112px minmax(0,1fr) 56px;gap:18px}.station-art{width:108px;height:108px;border-radius:28px}.radio-volume input{width:60px}.radio-volume>span{display:none}}@media(max-width:900px){:root{--sidebar-width: 252px}.main-content{margin-left:0}.page{width:calc(100% - 44px)}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:minmax(0,1fr) minmax(250px,.75fr)}.empty-result-card,.found-card{min-height:390px}.radio-control-dock{grid-template-columns:auto 1fr auto}}@media(max-width:620px){.topbar{height:70px}.private-status{display:none}.mobile-brand{gap:8px;font-size:15px;letter-spacing:0}.mobile-brand>span:last-child{display:inline-flex;gap:4px;align-items:baseline;color:#77717b;font-size:11px}.mobile-brand strong{color:var(--ink);font-size:17px;letter-spacing:-.6px}.page{width:calc(100% - 28px);padding-top:18px}.welcome-row{margin-bottom:20px}.welcome-row h1,.page-title h1{font-size:32px;letter-spacing:-1.7px}.welcome-row>div>p:last-child,.page-title>p:last-child{max-width:330px;font-size:12px}.recognizer-card{min-height:420px;padding:13px;border-radius:23px}.recognizer-card.radio-mode{min-height:0;padding-bottom:13px}.source-switcher{gap:3px;padding:4px}.source-switcher button{min-height:42px;padding:8px 7px;font-size:9px}.source-switcher button svg{width:15px}.orb-wrap{width:176px;height:176px}.listen-orb{width:112px;height:112px}.recognizer-copy h2{font-size:18px}.recognizer-copy p{font-size:11px}.radio-player{min-height:430px;margin-top:12px;padding:14px;border-radius:19px}.radio-player-head{grid-template-columns:1fr auto;gap:8px}.radio-kicker{font-size:9px}.radio-player-head>.live-badge{justify-self:end}.source-toggle{grid-column:1 / -1;width:100%;justify-content:center;min-height:38px}.station-drawer{max-height:520px;padding:12px 12px 78px}.station-drawer-heading{align-items:flex-start}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.station-option{min-height:62px;grid-template-columns:34px minmax(0,1fr)}.station-option>svg{display:none}.station-option-copy strong{font-size:9px}.station-option-copy small{font-size:7px}.add-station-form{grid-template-columns:1fr}.add-station-form input,.add-station-form button{min-height:44px}.custom-station{grid-template-columns:minmax(0,1fr) 44px}.remove-station{width:44px;min-height:44px}.radio-source-row{align-items:stretch;flex-wrap:wrap;padding:9px}.radio-source-row>svg{margin:8px 0 0 3px}.radio-source-row input{min-width:calc(100% - 34px)}.station-preset{width:100%;min-height:38px}.radio-stage{grid-template-columns:92px minmax(0,1fr) 48px;gap:13px;padding:19px 0 14px}.station-art{width:88px;height:88px;border-radius:24px}.station-broadcast-icon{width:54px;height:54px;border-radius:18px}.station-broadcast-icon svg{width:30px;height:30px}.station-broadcast-signal{bottom:10px;transform:translate(-50%) rotate(3deg) scale(.84)}.station-art-orbit{inset:11px}.station-art-orbit.orbit-two{inset:23px}.radio-station h2{font-size:22px;letter-spacing:-1px}.radio-station>span{font-size:10px}.live-wave{height:36px;gap:2px;margin-top:8px}.live-wave i{width:2px}.radio-play{width:48px;height:48px}.radio-control-dock{grid-template-columns:1fr auto;gap:10px;padding:10px}.radio-volume{min-height:42px}.radio-volume button{width:42px;height:42px}.radio-volume input{display:block;width:82px}.identify-copy{display:none}.identify-live{min-width:118px;min-height:44px}.recognition-feedback{min-height:37px;padding:10px 4px 0;font-size:9px}.right-column{display:flex}.empty-result-card{display:none}.found-card{min-height:0;padding:17px}.found-cover{width:148px}.provider-card{min-height:76px}.recent-section{margin-top:37px}.track-grid{max-width:100%;margin-inline:0;padding:0 0 15px}.track-card{width:172px}.track-meta button{min-width:34px;min-height:34px}.bottom-nav{height:68px}.bottom-nav button{min-height:54px;font-size:9px}.lyrics-dialog-track h2{max-width:190px}}.station-drawer-close{display:none}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:620px){html{scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom))}body{min-width:320px;-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}.app-shell{min-height:100dvh;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:29;height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-inline:14px;border-bottom:1px solid rgba(232,227,234,.68);background:#faf8f9e0;-webkit-backdrop-filter:blur(22px) saturate(1.35);backdrop-filter:blur(22px) saturate(1.35)}.menu-button,.mobile-close,.avatar{width:44px;height:44px;flex:0 0 auto}.menu-button{border-radius:13px}.mobile-close{top:calc(16px + env(safe-area-inset-top));right:14px}.mobile-brand .brand-mark{width:30px;height:30px}.sidebar{width:min(86vw,320px);padding:calc(26px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom))}.main-nav{margin-top:48px}.nav-item{min-height:48px;padding:12px 13px}.page{width:calc(100% - 24px);padding-top:20px;padding-bottom:calc(38px + env(safe-area-inset-bottom))}.welcome-row h1,.page-title h1{max-width:100%;font-size:clamp(29px,8.5vw,34px);line-height:1.04}.page-title{margin:6px 2px 25px}.eyebrow{font-size:9px;letter-spacing:1.35px}.recognizer-card{min-height:398px}.source-switcher button{min-height:44px;font-size:10px}.orb-wrap{width:164px;height:164px}.listen-orb{width:106px;height:106px}.source-toggle{min-height:44px;font-size:10px}.radio-player>.station-drawer{position:absolute;inset:0;z-index:20;max-height:none;margin:0;padding:16px 14px 24px;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:inherit;color:#fff;background:radial-gradient(circle at 16% 0%,rgba(132,99,226,.3),transparent 33%),linear-gradient(160deg,#282332,#17151d 62%,#211725);box-shadow:none;animation:mobile-sheet-in .22s cubic-bezier(.22,1,.36,1);scrollbar-width:thin}.station-drawer-heading{position:sticky;top:-16px;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;min-height:68px;margin:-16px -14px 13px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:#1f1b27eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.station-drawer-heading strong{font-size:14px}.station-drawer-heading div>span{margin-top:3px;font-size:10px}.station-drawer-heading>span{font-size:9px}.station-drawer-close{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;color:#ddd7e2;background:#ffffff17}body:has(.radio-player>.station-drawer) .bottom-nav{pointer-events:none;transform:translateY(115%)}.station-grid{gap:8px}.station-option{min-height:72px;grid-template-columns:38px minmax(0,1fr);padding:9px;border-radius:14px}.station-option-mark{width:38px;height:38px;border-radius:11px}.station-option-copy strong{font-size:11px}.station-option-copy small{margin-top:3px;font-size:9px;line-height:1.25}.custom-stations-heading{margin:18px 2px 10px}.custom-stations-heading strong{font-size:12px}.custom-stations-heading div>span{font-size:10px}.custom-station{min-height:58px;border-radius:13px}.custom-station>button:first-child{min-height:56px}.add-station-form{gap:8px}.add-station-form input,.add-station-form button{min-height:48px;border-radius:12px;font-size:16px}.add-station-form button{justify-content:center;font-size:12px}.radio-stage{grid-template-columns:80px minmax(0,1fr) 48px;gap:12px}.station-art{width:78px;height:78px;border-radius:21px}.station-broadcast-icon{width:48px;height:48px;border-radius:16px;transform:rotate(3deg) translateY(-4px)}.station-broadcast-icon svg{width:27px;height:27px}.station-broadcast-signal{bottom:8px;transform:translate(-50%) rotate(3deg) scale(.72)}.radio-station h2{font-size:20px}.radio-volume input{width:min(76px,20vw)}.section-heading button,.track-meta button,.cover-add{min-width:44px;min-height:44px}.section-heading button{padding-inline:10px}.track-card{width:min(47vw,174px)}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-top:5px;padding-bottom:max(5px,env(safe-area-inset-bottom));background:#fcfbf9f0;box-shadow:0 -10px 30px #221d260d;transition:transform .22s cubic-bezier(.22,1,.36,1)}.bottom-nav button{min-height:54px}.library-toolbar label{min-height:50px;border-radius:15px}.library-toolbar input{font-size:16px}.library-toolbar>span{font-size:11px}.track-list{border-radius:19px}.track-row{min-height:72px;grid-template-columns:52px minmax(0,1fr) 44px 44px;gap:6px;padding:9px 10px}.track-row .album-art{width:52px;border-radius:11px}.row-title strong{font-size:12px}.row-title span{font-size:10px}.track-row>button:not(.row-add),.row-add{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;place-items:center;border-radius:12px}.dialog-backdrop:not(.lyrics-backdrop){padding:0;place-items:end center}.playlist-dialog{width:100%;max-height:calc(100dvh - 10px);padding:20px 18px calc(18px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:25px 25px 0 0;animation-name:mobile-sheet-in}.dialog-header>button{width:44px;height:44px}.dialog-header h2{font-size:21px}.dialog-track{margin:14px 0}.playlist-scroll{max-height:min(38dvh,310px)}.playlist-option{min-height:58px;padding:8px 6px}.playlist-option strong{font-size:12px}.playlist-option>div>span{font-size:10px}.create-playlist{align-items:stretch}.create-playlist input,.create-playlist button{min-height:48px;font-size:16px}.create-playlist button{flex:0 0 auto;font-size:11px}.dialog-footer{gap:9px}.dialog-footer button{min-height:48px;flex:1}.lyrics-backdrop{padding:0;place-items:stretch}.lyrics-dialog{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}.lyrics-dialog-header{padding:calc(12px + env(safe-area-inset-top)) 14px 12px;background:#fbfaf8e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.lyrics-dialog-header>button{width:44px;height:44px}.lyrics-dialog-track .album-art{width:50px}.lyrics-dialog-track h2{max-width:min(52vw,210px);font-size:16px}.lyrics-scroll{padding:28px 22px 38px}.lyrics-scroll p{font-size:18px;line-height:1.62}.lyrics-attribution{padding:12px 15px calc(12px + env(safe-area-inset-bottom))}.configuration-card,.settings-panel{border-radius:19px}.configuration-head{padding:17px 16px}.configuration-head h2{font-size:17px}.configuration-head p:last-child{font-size:10px;line-height:1.4}.configuration-body{padding:18px 16px}.setup-steps p{font-size:11px;line-height:1.55}.secret-field>span{font-size:11px}.secret-field input{height:50px;font-size:16px}.primary-button,.secondary-button,.configuration-actions button,.quick-test button{min-height:48px}.redirect-uri{overflow:hidden;padding:10px}.redirect-uri code{font-size:10px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.settings-heading{padding:18px 16px}.info-panel{padding-right:16px}.toast{right:12px;bottom:calc(76px + env(safe-area-inset-bottom));left:12px;min-height:48px;border-radius:14px}}.access-screen{position:relative;display:grid;min-height:100dvh;overflow:hidden;padding:24px;place-items:center;background:radial-gradient(circle at 15% 10%,rgba(232,92,145,.13),transparent 30%),radial-gradient(circle at 88% 88%,rgba(105,82,230,.14),transparent 34%),#f7f4f7}.access-screen:before,.access-screen:after{position:absolute;width:340px;height:340px;border:1px solid rgba(105,82,230,.08);border-radius:50%;content:""}.access-screen:before{top:-190px;right:-90px;box-shadow:0 0 0 46px #6952e606,0 0 0 92px #6952e605}.access-screen:after{bottom:-230px;left:-100px;box-shadow:0 0 0 54px #e85c9105,0 0 0 106px #e85c9103}.access-card{position:relative;z-index:1;display:flex;width:min(430px,100%);min-height:260px;flex-direction:column;align-items:center;justify-content:center;padding:34px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#ffffffc7;box-shadow:0 30px 90px #281f2f21,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center}.access-brand{display:flex;align-items:center;gap:10px;color:#6f6873;font-family:Manrope,sans-serif;font-size:15px;font-weight:700}.access-brand strong{color:var(--ink);font-size:22px;letter-spacing:-.8px}.access-brand .brand-mark{width:38px;height:38px}.access-loader{margin:52px 0 16px;color:var(--purple)}.access-card>p:last-child{color:var(--muted);font-size:12px}.login-card,.unavailable-card{align-items:stretch;justify-content:flex-start;text-align:left}.login-card .access-brand,.unavailable-card .access-brand{align-self:center;margin-bottom:35px}.access-icon{display:grid;width:52px;height:52px;margin-bottom:22px;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#735be9,#5c42cf);box-shadow:0 12px 28px #6952e640}.access-icon.error{background:linear-gradient(145deg,#ed6e9b,#be4c78);box-shadow:0 12px 28px #e2538633}.access-card h1{font-family:Manrope,sans-serif;font-size:30px;line-height:1.08;letter-spacing:-1.4px}.access-copy{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:12px;margin-top:25px}.login-card label>span{display:block;margin-bottom:7px;color:#68636c;font-size:10px;font-weight:700}.login-card input{width:100%;height:50px;padding:0 14px;border:1px solid #ded9e1;border-radius:13px;outline:0;color:var(--ink);background:#ffffffdb;font-size:16px}.login-card input:focus{border-color:#6952e68c;box-shadow:0 0 0 4px #6952e617}.login-card form>button,.unavailable-card>button{min-height:50px;justify-content:center}.login-card>small{display:flex;align-items:center;gap:6px;margin-top:20px;color:#8f8992;font-size:9px}.login-card>small svg{color:var(--green)}.access-error{display:flex;align-items:center;gap:7px;padding:10px 11px;border-radius:10px;color:#aa435b;background:#fff0f3;font-size:10px}.unavailable-card>button{align-self:flex-start;margin-top:24px}.logout-link{width:100%;border:0;background:transparent;text-align:left}@media(max-width:620px){.access-screen{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.access-card{padding:27px 23px;border-radius:24px}.login-card .access-brand,.unavailable-card .access-brand{margin-bottom:28px}.access-card h1{font-size:27px}.access-copy{font-size:12px}}.found-card{width:100%;min-width:0;max-width:100%;overflow:hidden;align-items:stretch}.found-label{min-width:0}.found-label-icon{flex:0 0 19px}.found-label-copy{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.found-label .result-demo{flex:0 0 auto;margin:0 0 0 auto;padding:4px 7px;white-space:nowrap}.found-summary{display:grid;width:100%;min-width:0;grid-template-columns:clamp(88px,32%,112px) minmax(0,1fr);align-items:center;gap:16px;margin-top:18px}.found-cover{width:100%;max-width:none;margin:0;border-radius:18px}.found-info{width:auto;min-width:0;margin:0;text-align:left}.found-info-kicker{display:block;margin-bottom:5px;color:#97919a;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.found-info h3,.found-info p,.found-info small{max-width:100%;overflow:hidden;overflow-wrap:anywhere;white-space:normal}.found-info h3{display:-webkit-box;font-size:19px;line-height:1.18;letter-spacing:-.58px;-webkit-box-orient:vertical;-webkit-line-clamp:3}.found-info p{display:-webkit-box;margin-top:6px;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.found-info small{display:-webkit-box;margin-top:7px;font-size:10px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.lyrics-preview,.lyrics-lines{min-width:0;max-width:100%;overflow:hidden}.found-actions{min-width:0;grid-template-columns:minmax(0,1fr) auto auto}.found-actions .primary-button{min-width:0;max-width:100%;overflow:hidden;padding-inline:12px}.found-actions .primary-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.found-actions .square-button{width:44px;height:44px;flex:0 0 44px}@media(max-width:380px){.found-summary{grid-template-columns:82px minmax(0,1fr);gap:13px}.found-info h3{font-size:17px}.found-info p{font-size:11px}.found-actions{gap:7px}.found-actions .primary-button{padding-inline:9px}}.app-version{display:flex;align-items:center;justify-content:space-between;margin:2px 10px -3px;color:#aaa4ad;font-size:9px;letter-spacing:.35px}.app-version strong{padding:3px 6px;border:1px solid #e5e0ea;border-radius:999px;color:#766a91;background:#ffffffb8;font-size:8px}.result-column{display:block;min-width:0}.result-column>.found-card,.result-column>.empty-result-card{min-height:100%}.radio-kicker{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-station h2,.radio-station>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-add-track{display:inline-flex;min-height:30px;align-items:center;gap:6px;margin-top:10px;padding:6px 10px;border:1px solid rgba(255,255,255,.11);border-radius:9px;color:#ded7e4;background:#ffffff12;font-size:9px;font-weight:700;transition:border-color .16s ease,background .16s ease,transform .16s ease}.player-add-track:hover{border-color:#9e7df68c;background:#8b69e833;transform:translateY(-1px)}.radio-control-dock{grid-template-columns:auto minmax(150px,1fr) auto auto}.auto-recognition-switch{display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#a9a1ae;background:#ffffff0d;cursor:pointer}.auto-recognition-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.auto-recognition-switch>span{position:relative;width:31px;height:18px;border-radius:99px;background:#4b4650;transition:background .18s ease}.auto-recognition-switch>span i{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#c8c1cc;box-shadow:0 2px 5px #00000040;transition:transform .18s ease,background .18s ease}.auto-recognition-switch.enabled>span{background:linear-gradient(135deg,#8066f0,#e36ba4)}.auto-recognition-switch.enabled>span i{background:#fff;transform:translate(13px)}.auto-recognition-switch strong{font-size:9px}.auto-recognition-switch.disabled{opacity:.46;cursor:not-allowed}.library-page{max-width:1240px}.collection-hero{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(520px,1.25fr);align-items:end;gap:clamp(28px,5vw,72px);margin-bottom:34px}.collection-hero .page-title{margin:0}.collection-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid rgba(225,219,228,.92);border-radius:20px;background:#ffffffb8;box-shadow:0 18px 50px #261e2e0e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.collection-stats>div{position:relative;min-width:0;padding:17px 16px;border-right:1px solid #ece8ee}.collection-stats>div:last-child{border-right:0}.collection-stats span,.collection-stats small{display:block;overflow:hidden;color:#97919d;font-size:8px;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}.collection-stats strong{display:block;margin:5px 0 3px;font-family:Manrope,sans-serif;font-size:24px;line-height:1;letter-spacing:-1px}.collection-stats small{font-size:7px;text-transform:none;letter-spacing:0}.library-toolbar{justify-content:flex-start;margin-bottom:13px;padding:6px;border:1px solid rgba(229,224,232,.9);border-radius:16px;background:#ffffffa3;box-shadow:0 9px 30px #221c2b09}.library-toolbar label.library-search{width:min(520px,100%);min-height:42px;padding:9px 12px;border:0;border-radius:11px;background:#fff;box-shadow:none}.library-toolbar label.library-sort{position:relative;display:grid;width:auto;min-height:42px;grid-template-columns:auto auto auto;align-items:center;gap:7px;padding:7px 10px;border:0;border-radius:11px;color:#96909a;background:transparent;box-shadow:none;font-size:9px}.library-sort select{min-width:112px;border:0;outline:0;color:#514b57;background:transparent;font:700 9px DM Sans,sans-serif;appearance:none;cursor:pointer}.library-sort svg{pointer-events:none}.library-toolbar .library-result-count{margin-left:auto;padding-right:10px;font-weight:700}.track-list{border-radius:20px;background:#ffffffc2;box-shadow:0 18px 55px #231c2c0f}.track-list-header,.track-row{grid-template-columns:30px 48px minmax(180px,1.45fr) minmax(130px,.85fr) 72px minmax(132px,auto)}.track-list-header{display:grid;min-height:38px;align-items:center;gap:13px;padding:5px 15px;border-bottom:1px solid #ebe7ed;color:#aaa4ad;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.track-list-header span:last-child{text-align:right}.track-row{min-height:76px;padding-block:11px}.track-row:hover{background:linear-gradient(90deg,#f9f7fcf2,#fff)}.row-title strong{font-size:12px}.row-title span,.row-album,.row-date{font-size:10px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.row-actions>button,.row-actions>a{display:grid;width:34px;height:34px;min-width:34px;place-items:center;border-radius:10px;color:#9d97a1;background:transparent;transition:color .15s ease,background .15s ease,transform .15s ease}.row-actions>button:hover,.row-actions>a:hover{color:var(--purple);background:var(--purple-soft);transform:translateY(-1px)}.row-actions>button.is-favorite{color:var(--pink)}.row-actions .row-add{display:flex;width:auto;min-width:78px;padding-inline:10px;color:#fff;background:var(--purple)}.row-actions .row-add:hover{color:#fff;background:var(--purple-dark)}.playlists-page{width:min(1260px,calc(100% - 6vw))}.playlist-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.playlist-page-head .page-title{width:100%;min-width:0;margin:0}.sync-button{display:inline-flex;min-height:42px;align-items:center;gap:8px;padding:9px 14px;border:1px solid #e1dce5;border-radius:12px;color:#6e6872;background:#ffffffc7;box-shadow:0 8px 24px #231c2b0d;font-size:10px;font-weight:700}.sync-button:hover{color:var(--purple);background:#fff}.playlist-connect-card{display:grid;min-height:280px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:clamp(26px,5vw,58px);overflow:hidden;border:1px solid #e3dfe7;border-radius:27px;background:radial-gradient(circle at 100% 0,rgba(113,84,226,.12),transparent 34%),#ffffffc7;box-shadow:0 26px 80px #231c2b14}.playlist-connect-card>span,.playlist-editor-empty>span,.playlist-items-empty>span{display:grid;width:72px;height:72px;place-items:center;border-radius:22px;color:#fff;background:linear-gradient(145deg,#765de9,#d76092);box-shadow:0 17px 35px #6450d83b}.playlist-connect-card h2{font:750 22px/1.2 Manrope,sans-serif;letter-spacing:-.8px}.playlist-connect-card div>p:last-child{max-width:590px;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.6}.playlist-workspace{display:grid;min-height:650px;grid-template-columns:292px minmax(0,1fr);overflow:hidden;border:1px solid rgba(224,219,227,.96);border-radius:26px;background:#ffffffb8;box-shadow:0 28px 90px #221b2b16;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.playlist-rail{display:flex;min-width:0;flex-direction:column;padding:19px 14px;border-right:1px solid #e9e5eb;background:linear-gradient(180deg,#f7f4faf0,#f2eff5b8)}.playlist-rail-head{display:flex;align-items:center;justify-content:space-between;padding:1px 6px 14px;color:#807987}.playlist-rail-head span,.playlist-rail-head strong{display:block}.playlist-rail-head span{color:#a29ba6;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.9px}.playlist-rail-head strong{margin-top:3px;color:#4b454f;font-size:11px}.playlist-quick-create{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;margin-bottom:14px;padding:5px;border:1px solid #e1dce5;border-radius:13px;background:#fff;box-shadow:0 7px 22px #271f2f0b}.playlist-quick-create input{min-width:0;border:0;outline:0;padding:8px;color:var(--ink);background:transparent;font-size:10px}.playlist-quick-create button{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;color:#fff;background:var(--purple)}.playlist-quick-create button:disabled{color:#aaa4ad;background:#eeeaf0}.playlist-rail-list{display:flex;min-height:0;overflow:auto;flex:1;flex-direction:column;gap:5px;padding:1px 2px 8px;scrollbar-width:thin}.playlist-rail-item{display:grid;min-width:0;min-height:60px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px;border:1px solid transparent;border-radius:13px;color:#766f79;background:transparent;text-align:left;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.playlist-rail-item:hover{background:#ffffffb3;transform:translate(2px)}.playlist-rail-item.active{border-color:#ded6ff;color:var(--purple);background:#fff;box-shadow:0 8px 26px #3e2d5a12}.playlist-rail-item.drop-ready:not(.active){border-color:#6952e63d;border-style:dashed;background:#6952e609}.playlist-rail-item.drop-target:not(.active){border-color:#765de9;border-style:solid;color:#654cc4;background:#f0ebff;box-shadow:0 10px 28px #533cac2e,inset 0 0 0 2px #765de914;transform:translate(4px) scale(1.015)}.playlist-rail-item.drop-target .playlist-rail-cover{color:#fff;background:linear-gradient(145deg,#765de9,#5a7de0)}.playlist-rail-cover{display:grid;width:44px;height:44px;overflow:hidden;place-items:center;border-radius:10px;color:#7b66ce;background:linear-gradient(145deg,#e8e2f7,#f4e5ec)}.playlist-rail-cover img,.playlist-editor-cover img,.playlist-track-cover img{width:100%;height:100%;object-fit:cover}.playlist-rail-item>span:nth-child(2){min-width:0}.playlist-rail-item strong,.playlist-rail-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-rail-item strong{color:#3f3943;font:700 10px Manrope,sans-serif}.playlist-rail-item small{margin-top:4px;color:#9f98a3;font-size:8px}.playlist-rail-loading,.playlist-rail-empty{display:flex;min-height:120px;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px;color:#9d96a1;font-size:9px;line-height:1.5;text-align:center}.playlist-editor{width:100%;min-width:0;max-width:100%;overflow:hidden;padding:24px 25px 28px;background:radial-gradient(circle at 98% 0,rgba(232,95,145,.055),transparent 28%),#ffffff94}.playlist-editor-head{min-width:0;display:grid;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:18px;padding-bottom:22px;border-bottom:1px solid #ece8ee}.playlist-editor-cover{display:grid;width:82px;height:82px;overflow:hidden;place-items:center;border-radius:19px;color:#fff;background:linear-gradient(145deg,#765de9,#d76092);box-shadow:0 16px 32px #3f2b532e}.playlist-editor-title{min-width:0}.playlist-editor-title>span{color:#928b96;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.9px}.playlist-editor-title h2{overflow:hidden;margin-top:5px;font:750 24px/1.18 Manrope,sans-serif;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap}.playlist-editor-title p{margin-top:6px;color:#8e8791;font-size:10px}.playlist-editor-actions,.playlist-track-actions{min-width:0;display:flex;align-items:center;gap:5px}.playlist-editor-actions>button,.playlist-editor-actions>a{display:inline-flex;min-height:38px;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;color:#716a74;background:#f0edf1;font-size:9px;font-weight:700}.playlist-editor-actions>button:hover,.playlist-editor-actions>a:hover{color:var(--purple);background:var(--purple-soft)}.playlist-editor-actions .danger:hover,.playlist-track-actions .danger:hover{color:#b83e57;background:#fdebef}.playlist-edit-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(250px,1.35fr) minmax(130px,.6fr) auto;align-items:end;gap:10px;margin:16px 0 4px;padding:14px;border:1px solid #e4ddec;border-radius:16px;background:#f8f5fb}.playlist-edit-form label>span{display:block;margin-bottom:6px;color:#87808b;font-size:8px;font-weight:700}.playlist-edit-form input,.playlist-edit-form textarea,.playlist-edit-form select{width:100%;min-height:40px;padding:9px 10px;border:1px solid #ded8e3;border-radius:10px;outline:0;color:var(--ink);background:#fff;font:10px DM Sans,sans-serif;resize:vertical}.playlist-edit-form input:focus,.playlist-edit-form textarea:focus,.playlist-edit-form select:focus{border-color:#ad9af0;box-shadow:0 0 0 3px #6952e61a}.playlist-edit-form>div{display:flex;gap:6px}.playlist-edit-form button{min-height:40px;white-space:nowrap}.playlist-content-head{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px;padding:14px 3px 10px}.playlist-content-head strong,.playlist-content-head span{display:block}.playlist-content-head strong{font:750 12px Manrope,sans-serif}.playlist-content-head div>span{margin-top:4px;color:#99929d;font-size:9px}.playlist-content-head .playlist-sync-status{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:9px;font-weight:700}.playlist-error{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;border:1px solid #f0cbd3;border-radius:11px;color:#a94155;background:#fff0f3;font-size:10px}.playlist-item-list{overflow:hidden;border:1px solid #e8e3ea;border-radius:17px;background:#ffffffc7}.playlist-track{position:relative;display:grid;min-width:0;min-height:66px;grid-template-columns:26px 28px 46px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid #eeeaf0;background:transparent;transition:background .15s ease,opacity .15s ease,transform .15s ease,box-shadow .15s ease}.playlist-track:last-child{border-bottom:0}.playlist-track:hover{z-index:2;background:#fff}.playlist-track.dragging{opacity:.42;transform:scale(.985)}.playlist-track.drag-over:before{position:absolute;inset:-2px 10px auto;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--pink));content:""}.playlist-track.saving{opacity:.62}.playlist-drag{display:grid;width:26px;height:38px;place-items:center;color:#b2abb5;cursor:grab}.playlist-track:active .playlist-drag{cursor:grabbing}.playlist-position{color:#aaa3ae;font-size:9px;font-variant-numeric:tabular-nums}.playlist-track-cover{display:grid;width:46px;height:46px;overflow:hidden;place-items:center;border-radius:10px;color:#8a78bd;background:#eee9f3}.playlist-track-copy{min-width:0}.playlist-track-copy strong,.playlist-track-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-track-copy strong{font:700 11px Manrope,sans-serif}.playlist-track-copy span{margin-top:4px;color:#928b96;font-size:9px}.playlist-track-actions>button,.playlist-track-actions>a,.playlist-transfer-action{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#99929d;background:transparent}.playlist-track-actions>button:hover,.playlist-track-actions>a:hover,.playlist-transfer-action:hover,.playlist-transfer-action:focus-within{color:var(--purple);background:var(--purple-soft)}.playlist-transfer-action{position:relative;overflow:hidden;cursor:pointer}.playlist-transfer-action select{position:absolute;width:100%;height:100%;border:0;cursor:pointer;inset:0;opacity:0}.playlist-transfer-action:has(select:disabled){color:#cdc7cf;cursor:not-allowed}.playlist-transfer-action select:disabled{cursor:not-allowed}.playlist-track-actions .move-up{transform:rotate(180deg)}.playlist-items-loading,.playlist-items-empty,.playlist-editor-empty{display:flex;min-height:310px;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#968f9a;text-align:center}.playlist-items-loading{min-height:220px;font-size:10px}.playlist-items-empty>span,.playlist-editor-empty>span{width:58px;height:58px;border-radius:18px}.playlist-items-empty h3,.playlist-editor-empty h2{margin-top:7px;color:var(--ink);font:750 16px Manrope,sans-serif}.playlist-items-empty p,.playlist-editor-empty p{max-width:360px;color:#948d98;font-size:10px;line-height:1.55}@media(max-width:1040px){.collection-hero{grid-template-columns:1fr;gap:22px}.playlist-workspace{grid-template-columns:252px minmax(0,1fr)}.playlist-editor{padding-inline:19px}.playlist-editor-actions span{display:none}.playlist-editor-actions>button,.playlist-editor-actions>a{width:38px;padding:0;justify-content:center}.playlist-edit-form{grid-template-columns:1fr 1fr}.playlist-edit-form>div{justify-content:flex-end}}@media(max-width:760px){.playlists-page{width:calc(100% - 32px)}.playlist-workspace{display:block;overflow:visible;border:0;background:transparent;box-shadow:none}.playlist-rail{margin-bottom:14px;padding:12px;border:1px solid #e4dfe7;border-radius:20px}.playlist-rail-list{flex-direction:row;overflow-x:auto;padding-bottom:3px}.playlist-rail-item{width:220px;flex:0 0 auto}.playlist-rail-empty{width:100%;min-height:80px}.playlist-editor{min-height:480px;border:1px solid #e4dfe7;border-radius:21px}.playlist-editor-head{grid-template-columns:68px minmax(0,1fr)}.playlist-editor-cover{width:68px;height:68px}.playlist-editor-actions{grid-column:1 / -1;justify-content:flex-start}.playlist-editor-actions span{display:inline}.playlist-editor-actions>button,.playlist-editor-actions>a{width:auto;padding-inline:10px}.playlist-edit-form{grid-template-columns:1fr}.playlist-connect-card{grid-template-columns:1fr;text-align:center}.playlist-connect-card>span{margin-inline:auto}.playlist-connect-card div>p:last-child{margin-inline:auto}.playlist-connect-card>button{justify-self:center}}@media(max-width:620px){.bottom-nav{grid-template-columns:repeat(4,1fr)}.radio-control-dock{grid-template-columns:auto auto minmax(112px,1fr)}.auto-recognition-switch{min-width:76px;justify-content:center;padding-inline:8px}.identify-live{width:100%;min-width:0}.radio-stage{align-items:start}.player-add-track{min-height:34px;margin-top:8px}.collection-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-stats>div:nth-child(2){border-right:0}.collection-stats>div:nth-child(-n+2){border-bottom:1px solid #ece8ee}.collection-stats>div{padding:14px}.collection-stats strong{font-size:22px}.library-toolbar{display:grid;grid-template-columns:1fr auto;gap:5px}.library-toolbar label.library-search{grid-column:1 / -1}.library-toolbar label.library-sort{min-height:44px}.library-sort>span{display:none}.library-toolbar .library-result-count{margin:0;align-self:center;padding-right:8px;text-align:right}.track-list-header{display:none}.track-row{grid-template-columns:52px minmax(0,1fr) auto}.track-index,.row-album,.row-date{display:none}.row-actions{gap:1px}.row-actions>button,.row-actions>a{width:40px;height:44px;min-width:40px}.row-actions>a{display:none}.row-actions .row-add{min-width:44px;width:44px;padding:0}.row-actions .row-add span{display:none}.playlists-page{width:calc(100% - 24px)}.playlist-page-head{align-items:flex-start;flex-direction:column;gap:14px}.sync-button{min-height:44px}.playlist-rail{margin-inline:0;border-radius:18px}.playlist-quick-create{grid-template-columns:minmax(0,1fr) 44px}.playlist-quick-create input{min-height:44px;font-size:16px}.playlist-quick-create button{width:44px;height:44px}.playlist-rail-item{width:210px;min-height:68px}.playlist-editor{min-height:430px;padding:16px 13px 18px;border-radius:19px}.playlist-editor-head{grid-template-columns:60px minmax(0,1fr);gap:12px;padding-bottom:16px}.playlist-editor-cover{width:60px;height:60px;border-radius:15px}.playlist-editor-title h2{font-size:18px}.playlist-editor-actions{display:grid;width:100%;grid-template-columns:repeat(3,1fr);gap:6px}.playlist-editor-actions>button,.playlist-editor-actions>a{width:100%;min-width:0;min-height:44px;overflow:hidden;justify-content:center}.playlist-editor-actions span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-edit-form{padding:12px}.playlist-edit-form input,.playlist-edit-form textarea,.playlist-edit-form select{min-height:48px;font-size:16px}.playlist-edit-form>div{display:grid;grid-template-columns:1fr 1fr}.playlist-content-head{min-width:0;align-items:flex-start;flex-direction:column}.playlist-item-list{border-radius:14px}.playlist-track{min-height:76px;grid-template-columns:18px 48px minmax(0,1fr) auto;gap:7px;padding:10px 7px}.playlist-position{display:none}.playlist-drag{width:18px}.playlist-track-cover{width:48px;height:48px}.playlist-track-copy strong{font-size:11px}.playlist-track-actions{display:grid;grid-template-columns:repeat(2,38px);gap:2px}.playlist-track-actions>button,.playlist-track-actions>a,.playlist-transfer-action{width:38px;height:38px}.playlist-items-empty,.playlist-editor-empty{min-height:270px}}.app-shell.has-youtube-player .main-content{padding-bottom:246px}.playlist-editor-actions .playlist-play-all{color:#fff;background:linear-gradient(135deg,var(--purple),#8b66ef);box-shadow:0 8px 22px #6952e638}.playlist-editor-actions .playlist-play-all:hover{color:#fff;background:linear-gradient(135deg,#5b43d7,#7d57e4)}.playlist-editor-actions .playlist-play-all:disabled{color:#aaa4ad;background:#eeeaf0;box-shadow:none}.playlist-track.is-playing{z-index:1;background:linear-gradient(90deg,#6952e61a,#e85f910a);box-shadow:inset 3px 0 var(--purple)}.playlist-track.is-playing .playlist-track-copy strong,.playlist-track.is-playing .playlist-play-action{color:var(--purple)}.youtube-player-dock{position:fixed;right:20px;bottom:18px;left:calc(var(--sidebar-width) + 20px);z-index:85;display:grid;height:204px;min-width:0;grid-template-columns:356px minmax(250px,1fr) minmax(220px,300px);gap:0;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;color:#f8f5fb;background:radial-gradient(circle at 54% -100%,rgba(128,87,226,.36),transparent 48%),linear-gradient(135deg,#1d1923,#121016 72%);box-shadow:0 28px 80px #1d132657,0 3px 12px #1d132633;animation:youtube-dock-in .38s cubic-bezier(.22,1,.36,1)}.youtube-player-dock.single-track{grid-template-columns:356px minmax(260px,1fr)}.youtube-player-dock.single-track .youtube-queue{display:none}@keyframes youtube-dock-in{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.youtube-video-wrap{position:relative;width:356px;height:200px;min-width:200px;min-height:200px;align-self:center;overflow:hidden;border-radius:20px 7px 7px 20px;background:#08070a}.youtube-video-mount,.youtube-video-wrap iframe{display:block;width:100%;height:100%;border:0}.youtube-video-loading,.youtube-video-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;color:#cfc7d6;background:radial-gradient(circle at center,#27202e,#0c0a0e 68%);font-size:10px;text-align:center}.youtube-video-error{color:#ffb0bf}.youtube-now-playing{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:17px 20px 15px}.youtube-player-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8f8797;font-size:8px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}.youtube-live-mark{display:inline-flex;align-items:center;gap:6px;color:#c2b5ff}.youtube-live-mark i{width:6px;height:6px;border-radius:50%;background:#8f70f3;box-shadow:0 0 0 4px #8f70f321}.youtube-track-identity{display:grid;min-width:0;grid-template-columns:43px minmax(0,1fr) 34px;align-items:center;gap:11px;margin-top:11px}.youtube-current-cover{display:grid;width:43px;height:43px;overflow:hidden;place-items:center;border-radius:10px;color:#e3dcff;background:linear-gradient(145deg,#7458df,#d55f92)}.youtube-current-cover img,.youtube-queue-cover img{width:100%;height:100%;object-fit:cover}.youtube-track-identity>div{min-width:0}.youtube-track-identity strong,.youtube-track-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-track-identity strong{font:750 13px Manrope,sans-serif;letter-spacing:-.25px}.youtube-track-identity>div>span{margin-top:4px;color:#9f97a7;font-size:9px}.youtube-track-identity>a{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#9c93a4;background:#ffffff0e}.youtube-track-identity>a:hover{color:#fff;background:#ffffff1a}.youtube-progress-row{display:grid;grid-template-columns:30px minmax(80px,1fr) 30px;align-items:center;gap:8px;margin-top:11px;color:#817989;font-size:7px;font-variant-numeric:tabular-nums}.youtube-progress-row input,.youtube-volume input{height:3px;margin:0;accent-color:#8b70ef;cursor:pointer}.youtube-controls{display:grid;grid-template-columns:34px 42px 34px minmax(82px,1fr);align-items:center;justify-content:start;gap:5px;margin-top:8px}.youtube-controls>button,.youtube-volume button{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#b8b0bf;background:transparent}.youtube-controls>button:hover,.youtube-volume button:hover{color:#fff;background:#ffffff14}.youtube-controls>button:disabled{opacity:.3}.youtube-controls .youtube-main-control{width:40px;height:40px;color:#19151f;background:#f7f4fb}.youtube-controls .youtube-main-control:hover{color:#2a2039;background:#fff;transform:scale(1.04)}.youtube-volume{display:flex;min-width:0;align-items:center;gap:3px;justify-content:flex-end}.youtube-volume input{width:min(72px,100%)}.youtube-player-notice{display:flex;align-items:center;gap:6px;margin-top:5px;color:#e7a8b8;font-size:8px}.youtube-queue{min-width:0;padding:15px 12px 12px;border-left:1px solid rgba(255,255,255,.08);background:#ffffff06}.youtube-queue-head{min-width:0;padding:0 7px 10px}.youtube-queue-head>span{display:flex;align-items:center;gap:6px;color:#958b9f;font-size:8px;font-weight:750;letter-spacing:.7px;text-transform:uppercase}.youtube-queue-head strong{display:block;overflow:hidden;margin-top:5px;color:#e8e2eb;font:700 10px Manrope,sans-serif;text-overflow:ellipsis;white-space:nowrap}.youtube-queue-list{height:143px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}.youtube-queue-list>button{display:grid;width:100%;min-width:0;min-height:45px;grid-template-columns:22px 34px minmax(0,1fr);align-items:center;gap:7px;padding:5px 6px;border-radius:10px;color:#756e7c;background:transparent;text-align:left}.youtube-queue-list>button:hover{color:#aaa0b1;background:#ffffff0b}.youtube-queue-list>button.active{color:#a890ff;background:#8460e21f}.youtube-queue-cover{display:grid;width:34px;height:34px;overflow:hidden;place-items:center;border-radius:7px;background:#2b2531}.youtube-queue-list>button>span:last-child{min-width:0}.youtube-queue-list strong,.youtube-queue-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-queue-list strong{color:#c7c0cc;font:650 9px Manrope,sans-serif}.youtube-queue-list small{margin-top:3px;color:#817986;font-size:7px}.youtube-queue-list>button.active strong{color:#f1edf5}.queue-equalizer{display:inline-flex;height:14px;align-items:end;gap:2px}.queue-equalizer b{width:2px;height:8px;border-radius:2px;background:#9b7df6;animation:queue-wave .72s ease-in-out infinite alternate}.queue-equalizer b:nth-child(2){height:13px;animation-delay:-.28s}.queue-equalizer b:nth-child(3){height:6px;animation-delay:-.48s}@keyframes queue-wave{to{height:3px}}.youtube-player-close{position:absolute;top:8px;right:8px;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;color:#b9b1c0;background:#0f0c12c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.youtube-player-close:hover{color:#fff;background:#2f2835f2}.has-youtube-player .toast{bottom:238px}@media(max-width:1100px){.youtube-player-dock{grid-template-columns:320px minmax(220px,1fr)}.youtube-video-wrap{width:320px}.youtube-queue{display:none}}@media(max-width:820px){.youtube-player-dock{left:16px}}@media(max-width:620px){.app-shell.has-youtube-player{padding-bottom:calc(430px + env(safe-area-inset-bottom))}.app-shell.has-youtube-player .main-content{padding-bottom:350px}.youtube-player-dock{right:8px;bottom:calc(70px + env(safe-area-inset-bottom));left:8px;display:flex;height:auto;max-height:calc(100dvh - 86px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;overflow-y:auto;border-radius:20px}.youtube-video-wrap{width:100%;height:clamp(200px,56.25vw,220px);flex:0 0 auto;border-radius:18px 18px 7px 7px}.youtube-now-playing{padding:13px 14px 12px}.youtube-track-identity{margin-top:8px}.youtube-track-identity strong{font-size:12px}.youtube-progress-row{margin-top:8px}.youtube-controls{grid-template-columns:42px 50px 42px minmax(80px,1fr);margin-top:5px}.youtube-controls>button{width:42px;height:42px}.youtube-controls .youtube-main-control{width:46px;height:46px}.youtube-volume button{width:40px;height:40px}.youtube-queue{display:none}.youtube-player-close{top:9px;right:9px;width:40px;height:40px}.has-youtube-player .toast{bottom:calc(418px + env(safe-area-inset-bottom))}.playlist-editor-actions{grid-template-columns:repeat(4,1fr)}.playlist-editor-actions>button,.playlist-editor-actions>a{padding-inline:7px}.playlist-editor-actions span{display:none}.playlist-track.is-playing{box-shadow:inset 3px 0 var(--purple)}}@media(max-width:380px){.youtube-track-identity{grid-template-columns:40px minmax(0,1fr) 34px}.youtube-current-cover{width:40px;height:40px}.youtube-controls{grid-template-columns:40px 46px 40px minmax(64px,1fr);gap:2px}.youtube-volume input{width:52px}}.sidebar{overflow:hidden;border-right-color:color-mix(in srgb,var(--line),transparent 10%);background:linear-gradient(165deg,#fffffff0,#f8f6fadb),var(--canvas);box-shadow:12px 0 45px #221b2b09}.sidebar:before{position:absolute;top:-110px;left:-90px;width:290px;height:290px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(112,83,230,.13),transparent 68%);content:""}.sidebar>*{position:relative;z-index:1}.brand{width:100%}.brand:after{width:7px;height:7px;margin-left:auto;border-radius:50%;background:#55b88a;box-shadow:0 0 0 5px #55b88a1c;content:""}.nav-item{overflow:hidden}.nav-item:after{position:absolute;inset:7px auto 7px 7px;width:34px;border-radius:10px;pointer-events:none;background:transparent;content:"";transition:background .18s ease}.nav-item svg{position:relative;z-index:1}.nav-item.active{background:linear-gradient(100deg,#6a52e624,#eb5e8f0e);box-shadow:inset 0 0 0 1px #6a52e612}.nav-item.active:after{background:#ffffff94}.topbar{position:sticky;top:0;z-index:28;border-bottom:1px solid color-mix(in srgb,var(--line),transparent 20%);background:color-mix(in srgb,var(--canvas) 84%,transparent);-webkit-backdrop-filter:blur(24px) saturate(1.35);backdrop-filter:blur(24px) saturate(1.35)}.topbar-actions{padding:5px;border:1px solid color-mix(in srgb,var(--line),transparent 6%);border-radius:999px;background:color-mix(in srgb,var(--paper) 74%,transparent);box-shadow:0 8px 28px #261e2f0e}.theme-toggle{color:var(--purple)}.theme-toggle:hover{transform:none}.live-wave{position:relative;display:flex;width:min(100%,390px);height:52px;align-items:center;gap:3px;margin-top:13px;padding:6px 7px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:12px;opacity:.72;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(180deg,#ffffff08,#ffffff02);background-size:20px 100%,100% 100%;box-shadow:inset 0 1px #ffffff0a,0 10px 25px #07050a14;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.live-wave:before{position:absolute;top:50%;right:6px;left:6px;height:1px;background:linear-gradient(90deg,transparent,rgba(155,121,240,.3),rgba(240,120,162,.34),transparent);box-shadow:0 0 13px #d066b93d;content:""}.live-wave:after{position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.1) 45%,transparent 64%);transform:translate(-120%);content:""}.live-wave i{position:relative;z-index:1;width:3px;height:var(--wave-height);min-height:5px;flex:1 1 3px;border-radius:99px;opacity:.72;background:linear-gradient(180deg,#f7a3bf,#d874d8 45%,#846cf1);box-shadow:0 0 7px #bc67dd38;transform:scaleY(.72);transform-origin:center}.live-wave i:nth-child(3n){opacity:.48}.live-wave i:nth-child(4n){background:linear-gradient(180deg,#f4a06e,#e66fae 48%,#8a72f2)}.live-wave.is-moving{opacity:1}.live-wave.is-moving:after{animation:spectrum-shimmer 3.8s ease-in-out infinite}.live-wave.is-moving i{animation:spectrum-pulse .86s cubic-bezier(.45,.05,.55,.95) var(--wave-delay) infinite alternate}@keyframes spectrum-pulse{0%{transform:scaleY(.34);filter:saturate(.85)}48%{transform:scaleY(1);filter:saturate(1.25)}to{transform:scaleY(.58);filter:saturate(1)}}@keyframes spectrum-shimmer{0%,28%{transform:translate(-120%)}72%,to{transform:translate(120%)}}.youtube-player-dock.single-track{grid-template-columns:356px minmax(250px,1fr) minmax(220px,300px)}.youtube-player-dock.single-track .youtube-side-panel{display:block}.youtube-side-panel{display:block;padding:10px 10px 9px}.youtube-panel-tabs{display:flex;min-width:0;gap:4px;margin-bottom:6px;padding-right:34px}.youtube-panel-tabs button{display:inline-flex;min-width:0;min-height:29px;flex:1;align-items:center;justify-content:center;gap:5px;padding:5px 7px;border-radius:9px;color:#81798a;background:transparent;font-size:8px;font-weight:750;white-space:nowrap}.youtube-panel-tabs button:hover{color:#d8d1df;background:#ffffff0d}.youtube-panel-tabs button.active{color:#f3eef8;background:#8b6bec2b;box-shadow:inset 0 0 0 1px #a184f71f}.youtube-panel-tabs button span{color:#a18bf0;font-size:7px}.youtube-side-panel .youtube-queue-head{padding:1px 6px 5px}.youtube-side-panel .youtube-queue-head strong{margin:0;font-size:8px}.youtube-side-panel .youtube-queue-list{height:146px}.youtube-suggestions{min-width:0}.youtube-suggestions-head{min-width:0;padding:1px 6px 5px}.youtube-suggestions-head strong,.youtube-suggestions-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-suggestions-head strong{color:#e8e2eb;font:700 9px Manrope,sans-serif}.youtube-suggestions-head small{margin-top:2px;color:#776f80;font-size:7px}.youtube-suggestion{display:grid;width:100%;min-width:0;min-height:43px;grid-template-columns:35px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:4px 5px;border-radius:10px;color:#c7c0cc;background:transparent;text-align:left;transition:background .15s ease,transform .15s ease}.youtube-suggestion:hover{background:#ffffff0e;transform:translate(2px)}.youtube-suggestion>span:nth-child(2){min-width:0}.youtube-suggestion strong,.youtube-suggestion small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.youtube-suggestion strong{font:650 9px Manrope,sans-serif}.youtube-suggestion small{margin-top:3px;color:#817986;font-size:7px}.youtube-suggestion-play{position:relative;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;color:#ddd3ff;background:#8563e533}.youtube-suggestion-play b{position:absolute;right:-2px;bottom:-2px;display:grid;width:12px;height:12px;place-items:center;border-radius:50%;color:#1b1720;background:#d8cdfa;font-size:6px}.youtube-suggestion-loading{display:flex;height:116px;align-items:center;justify-content:center;gap:8px;color:#8d8495;font-size:8px}.youtube-suggestion-error{display:grid;height:105px;place-items:center;padding:12px;color:#9c8592;font-size:8px;line-height:1.45;text-align:center}html[data-theme=dark]{--ink: #eef6ff;--muted: #a7bad1;--soft: #7389a1;--line: #263a52;--paper: #152235;--canvas: #091321;--purple: #60a5fa;--purple-dark: #93c5fd;--purple-soft: rgba(59, 130, 246, .18);--shadow-sm: 0 10px 32px rgba(0, 0, 0, .18);--shadow-md: 0 22px 60px rgba(0, 0, 0, .28);color:var(--ink);background:var(--canvas)}html[data-theme=dark] .app-shell{background:radial-gradient(circle at 82% -10%,rgba(14,165,233,.14),transparent 28%),radial-gradient(circle at 20% 110%,rgba(37,99,235,.18),transparent 34%),var(--canvas)}html[data-theme=dark] .sidebar{border-right-color:#2b2731;background:linear-gradient(165deg,#1d1a22f7,#141218f0);box-shadow:14px 0 50px #00000029}html[data-theme=dark] .brand-copy small,html[data-theme=dark] .mobile-brand>span:last-child{color:#99919f}html[data-theme=dark] .nav-caption{color:#716a77}html[data-theme=dark] .nav-item{color:#a39ca9}html[data-theme=dark] .nav-item:hover{color:#f3eff6;background:#ffffff0b}html[data-theme=dark] .nav-item.active{color:#b6a4ff;background:linear-gradient(100deg,#8565e933,#e5578f12)}html[data-theme=dark] .nav-item.active:after{background:#a286f61a}html[data-theme=dark] .private-card{border-color:#36313b;background:#ffffff09}html[data-theme=dark] .private-card p,html[data-theme=dark] .help-link{color:#817a88}html[data-theme=dark] .app-version{color:#8b8491;background:#ffffff09;border-color:#342f39}html[data-theme=dark] .topbar{border-bottom-color:#3a3440b8;background:#111015d1}html[data-theme=dark] .topbar-actions{border-color:#302b35;background:#1f1c23bf;box-shadow:0 10px 30px #0000002e}html[data-theme=dark] .private-status,html[data-theme=dark] .demo-badge{border-color:#3a3440;color:#b6aebb;background:#ffffff09}html[data-theme=dark] .icon-button,html[data-theme=dark] .menu-button{border-color:#3b3541;color:#aaa3b0;background:#ffffff0b}html[data-theme=dark] .theme-toggle{color:#cfbeff}html[data-theme=dark] .avatar{border-color:#38323d;background:linear-gradient(145deg,#7258dd,#d05d92)}html[data-theme=dark] :is(.recognizer-card,.found-card,.empty-result-card,.provider-card,.track-card,.collection-stats,.library-toolbar,.track-list,.playlist-workspace,.playlist-rail,.playlist-editor,.playlist-connect-card,.configuration-card,.settings-panel,.playlist-dialog,.access-card){border-color:#332e39;color:var(--ink);background:#1d1a22d6;box-shadow:0 18px 54px #0000002e}html[data-theme=dark] :is(.source-switcher,.library-toolbar label,.library-sort,.track-row,.playlist-rail-item,.playlist-item-list,.playlist-track,.playlist-edit-form,.secret-field input,.secret-field textarea,.secret-field select,.create-playlist input){border-color:#38323e;color:var(--ink);background:#ffffff09}html[data-theme=dark] .source-switcher button.active{color:#f6f2f8;background:#302a38;box-shadow:0 5px 18px #00000038}html[data-theme=dark] :is(.welcome-row>div>p:last-child,.page-title>p:last-child,.empty-result-card p,.found-info p,.found-info small,.provider-card p,.row-title span,.row-album,.row-date,.playlist-editor-title p,.playlist-track-copy small,.configuration-head p:last-child){color:#a59daa}html[data-theme=dark] .track-row{border-bottom-color:#302b35}html[data-theme=dark] .track-row:hover,html[data-theme=dark] .playlist-track:hover,html[data-theme=dark] .playlist-rail-item:hover{background:#ffffff0b}html[data-theme=dark] .playlist-rail-item.drop-ready:not(.active){border-color:#8f74ec61;background:#745bd312}html[data-theme=dark] .playlist-rail-item.drop-target:not(.active){border-color:#8c73ea;color:#c7b6ff;background:#765de933;box-shadow:0 10px 30px #0000003d,inset 0 0 0 2px #9980f11f}html[data-theme=dark] .collection-stats>button,html[data-theme=dark] .collection-stats>div{border-right-color:#342f39;color:var(--ink)}html[data-theme=dark] .collection-stats>button.active{background:#8b6ceb26}html[data-theme=dark] .primary-button{color:#fff}html[data-theme=dark] .secondary-button{border-color:#3b3541;color:#d7d0dc;background:#ffffff0b}html[data-theme=dark] .dialog-backdrop{background:#050407b8}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#716a77}@media(max-width:1100px)and (min-width:621px){.youtube-player-dock.single-track{grid-template-columns:320px minmax(220px,1fr)}.youtube-player-dock.single-track .youtube-side-panel{display:none}}.disco-listening{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px}.disco-listening>span{display:grid;min-width:0;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:3px;padding:5px 3px;border-radius:8px;background:#6f52cf0b;white-space:normal}.disco-listening>span>span{display:block;min-width:0}.disco-listening strong,.disco-listening small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disco-listening strong{font:760 8px Manrope,sans-serif}.disco-listening small{margin-top:1px;color:#aaa2ad;font-size:6px}.disco-last-played{display:block;margin-top:6px;overflow:hidden;color:#aaa2ad;font-size:7px;text-overflow:ellipsis;white-space:nowrap}html[data-theme=dark] .disco-listening>span{background:#9d80f113}html[data-theme=dark] .disco-listening small,html[data-theme=dark] .disco-last-played{color:#7f7684}.found-label.is-known{color:#5f4db0;border-color:#7054cb2e;background:#7054cb13}.found-label.is-known .found-label-icon{color:#fff;background:#7559d4}html[data-theme=dark] .found-label.is-known{color:#c5b7ff;border-color:#a68af73d;background:#8b69e51f}@media(max-width:520px){.disco-listening{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.disco-listening>span{grid-template-columns:1fr;justify-items:center;gap:2px;padding-inline:2px;text-align:center}.disco-listening strong{font-size:7px}.disco-listening small{font-size:5px}.disco-last-played{font-size:6px}}@media(max-width:820px){.topbar .theme-toggle{display:grid}.topbar .settings-button{display:none}}@media(max-width:620px){.app-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.topbar{padding-inline:10px;border-bottom-color:color-mix(in srgb,var(--line),transparent 28%)}.topbar-actions{gap:3px;padding:3px}.topbar .theme-toggle,.avatar{width:38px;height:38px}.live-wave{width:100%;height:45px;gap:2px;padding-inline:5px}.live-wave i{width:2px;min-width:1px}.radio-control-dock{width:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px;overflow:hidden}.radio-control-dock>*{min-width:0}.radio-volume{width:100%;overflow:hidden}.radio-volume input{width:min(100%,94px)}.auto-recognition-switch{grid-column:2;min-width:74px}.identify-live{grid-column:1 / -1;width:100%;max-width:100%;min-width:0;min-height:48px;justify-content:center;padding-inline:12px}.bottom-nav{inset:auto 8px calc(8px + env(safe-area-inset-bottom));width:auto;height:66px;padding:5px;overflow:hidden;border:1px solid rgba(224,219,228,.82);border-radius:22px;background:#fcfbfde6;box-shadow:0 18px 55px #221b2b29,0 2px 10px #221b2b14}.bottom-nav button{position:relative;min-width:0;min-height:54px;border-radius:17px;transition:color .16s ease,background .16s ease,transform .16s ease}.bottom-nav button.active{color:var(--purple);background:#6a52e617}.bottom-nav button.active:after{position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:currentColor;content:""}.bottom-nav button:active{transform:scale(.96)}html[data-theme=dark] .bottom-nav{border-color:#37313d;background:#1b181feb;box-shadow:0 18px 55px #0000006b}html[data-theme=dark] .bottom-nav button{color:#817a88}html[data-theme=dark] .bottom-nav button.active{color:#b5a2ff;background:#8b6ceb29}html[data-theme=dark] .menu-backdrop{background:#04030694}.app-shell.has-youtube-player{padding-bottom:calc(560px + env(safe-area-inset-bottom))}.app-shell.has-youtube-player .main-content{padding-bottom:465px}.youtube-player-dock{bottom:calc(82px + env(safe-area-inset-bottom));max-height:calc(100dvh - 98px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.youtube-player-dock.single-track .youtube-side-panel,.youtube-side-panel{display:block;flex:0 0 auto;padding:8px 10px 10px;border-top:1px solid rgba(255,255,255,.08);border-left:0}.youtube-panel-tabs{margin-bottom:5px;padding-right:0}.youtube-panel-tabs button{min-height:34px;font-size:9px}.youtube-suggestions-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:1px 4px 6px}.youtube-suggestions-head small{margin:0}.youtube-suggestions{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.youtube-suggestions::-webkit-scrollbar{display:none}.youtube-suggestions-head{display:none}.youtube-suggestion{width:min(72vw,260px);min-height:54px;flex:0 0 min(72vw,260px);grid-template-columns:42px minmax(0,1fr) 28px;margin-bottom:2px;padding:5px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;scroll-snap-align:start}.youtube-suggestion .youtube-queue-cover{width:42px;height:42px}.youtube-suggestion strong{font-size:10px}.youtube-suggestion small{font-size:8px}.youtube-side-panel .youtube-queue-list{height:116px}.youtube-suggestion-loading,.youtube-suggestion-error{height:92px}.app-shell.has-youtube-player{padding-bottom:calc(470px + env(safe-area-inset-bottom))}.app-shell.has-youtube-player .main-content{padding-bottom:390px}.has-youtube-player .toast{bottom:calc(458px + env(safe-area-inset-bottom))}}.collection-stats>button,.collection-stats>div{position:relative;min-width:0;padding:17px 16px;border-right:1px solid #ece8ee;color:var(--ink);background:transparent;text-align:left;transition:color .16s ease,background .16s ease,box-shadow .16s ease}.collection-stats>button:last-child,.collection-stats>div:last-child{border-right:0}.collection-stats>button:hover{color:var(--purple);background:#f8f6ffd1}.collection-stats>button.active{color:var(--purple);background:linear-gradient(145deg,#f0edff,#fbf9ff);box-shadow:inset 0 -3px var(--purple)}.collection-stats>button span,.collection-stats>button small,.collection-stats>div span,.collection-stats>div small{display:block;overflow:hidden;color:#97919d;font-size:8px;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap}.collection-stats>button strong,.collection-stats>div strong{display:block;margin:5px 0 3px;font-family:Manrope,sans-serif;font-size:24px;line-height:1;letter-spacing:-1px}.collection-stats>button small,.collection-stats>div small{font-size:7px;text-transform:none;letter-spacing:0}.collection-stats .library-ready-stat strong{display:flex;align-items:center;gap:7px;font-size:17px;letter-spacing:-.5px}.library-ready-stat strong i{width:8px;height:8px;border-radius:50%;background:#b6afb9;box-shadow:0 0 0 4px #8b848f1a}.library-ready-stat.online strong i{background:#4eaf80;box-shadow:0 0 0 4px #4eaf801f}.library-connect-notice{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;margin:-14px 0 18px;padding:12px 14px;border:1px solid #e5dcff;border-radius:16px;background:linear-gradient(100deg,#f3efff,#fffafd);box-shadow:0 10px 28px #5c43970f}.library-connect-notice .youtube-mark{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#ee4764,#c9294a);box-shadow:0 8px 18px #ce314c33}.library-connect-notice strong{font:750 12px Manrope,sans-serif}.library-connect-notice p{margin-top:3px;color:#85808a;font-size:9px}.library-connect-notice>button{display:inline-flex;min-height:38px;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;color:#fff;background:var(--purple);font-size:9px;font-weight:700}.track-list-header,.track-row{grid-template-columns:60px minmax(190px,1.45fr) minmax(130px,.8fr) 72px minmax(132px,auto)}.track-list-header span:first-child{text-align:center}.track-row{position:relative;min-height:80px;gap:14px;padding:10px 15px;transition:background .16s ease,box-shadow .16s ease,opacity .16s ease}.track-row.is-playing{z-index:1;background:linear-gradient(90deg,#6952e61b,#fffffff5 56%);box-shadow:inset 3px 0 var(--purple)}.track-row.is-playing .row-title strong{color:var(--purple)}.track-row.is-resolving{background:linear-gradient(90deg,#6952e612,#ffffffe6)}.track-row>button.library-track-play{position:relative;display:block;width:56px;height:56px;min-width:56px;min-height:56px;overflow:hidden;padding:0;border-radius:13px;color:#fff;background:#31293a;box-shadow:0 8px 18px #221b2b21}.library-track-play .album-art{width:100%;height:100%;border-radius:inherit;transition:filter .16s ease,transform .2s ease}.library-track-play>span{position:absolute;right:5px;bottom:5px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:#140f19c7;box-shadow:0 4px 12px #120d1640;opacity:1;transition:background .16s ease,transform .16s ease}.library-track-play:hover .album-art{filter:saturate(.75) brightness(.72);transform:scale(1.035)}.library-track-play:hover>span{background:var(--purple);transform:scale(1.08)}.track-row.is-playing .library-track-play>span,.track-row.is-resolving .library-track-play>span{inset:0;width:auto;height:auto;border:0;border-radius:inherit;background:#5538a699;box-shadow:none}.library-track-play:disabled{opacity:.56}.library-equalizer{display:inline-flex;height:20px;align-items:end;gap:3px}.library-equalizer b{width:3px;height:12px;border-radius:3px;background:#fff;animation:queue-wave .72s ease-in-out infinite alternate}.library-equalizer b:nth-child(2){height:19px;animation-delay:-.28s}.library-equalizer b:nth-child(3){height:8px;animation-delay:-.48s}.row-title small{display:block;overflow:hidden;margin-top:4px;color:#afa8b2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1040px)and (min-width:621px){.track-list-header,.track-row{grid-template-columns:58px minmax(160px,1.3fr) minmax(100px,.7fr) 66px minmax(116px,auto)}.track-row{gap:10px;padding-inline:11px}.row-actions .row-add{min-width:40px;width:40px;padding:0;justify-content:center}.row-actions .row-add span{display:none}}@media(max-width:620px){.collection-stats>button,.collection-stats>div{padding:14px}.collection-stats>button:nth-child(2){border-right:0}.collection-stats>button:nth-child(-n+2){border-bottom:1px solid #ece8ee}.collection-stats>button strong,.collection-stats>div strong{font-size:22px}.collection-stats .library-ready-stat strong{font-size:15px}.library-connect-notice{grid-template-columns:42px minmax(0,1fr);gap:10px;margin-top:-8px}.library-connect-notice>button{grid-column:1 / -1;min-height:44px;justify-content:center}.library-connect-notice p{font-size:10px;line-height:1.4}.track-list-header{display:none}.track-row{min-height:78px;grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding:10px 8px}.track-row>button.library-track-play{width:56px;height:56px;min-width:56px;min-height:56px;border-radius:13px}.row-album,.row-date{display:none}.row-title strong{font-size:12px}.row-title span{font-size:10px}.row-title small{font-size:8px}.row-actions{gap:0}.row-actions>button,.row-actions>a{width:40px;height:44px;min-width:40px}.row-actions>a{display:none}.row-actions .row-add{min-width:40px;width:40px;padding:0}.row-actions .row-add span{display:none}}@media(max-width:380px){.track-row{grid-template-columns:54px minmax(0,1fr) auto;padding-inline:6px}.track-row>button.library-track-play{width:52px;height:52px;min-width:52px;min-height:52px}.row-actions>button,.row-actions .row-add{width:38px;min-width:38px}}html[data-theme=dark] .collection-stats>button,html[data-theme=dark] .collection-stats>div{border-color:#342f39;color:var(--ink)}html[data-theme=dark] .collection-stats>button:hover{background:#ffffff0a}html[data-theme=dark] .collection-stats>button.active{background:#8b6ceb26;box-shadow:inset 0 -3px #9a82ff}html[data-theme=dark] .collection-stats>button span,html[data-theme=dark] .collection-stats>button small,html[data-theme=dark] .collection-stats>div span,html[data-theme=dark] .collection-stats>div small,html[data-theme=dark] .row-title small{color:#8d8593}html[data-theme=dark] .library-connect-notice{border-color:#44375f;background:linear-gradient(100deg,#7053dc29,#e7568f0e);box-shadow:none}html[data-theme=dark] .library-connect-notice p{color:#aaa2ae}html[data-theme=dark] .track-row.is-playing{background:linear-gradient(90deg,#7e5eeb33,#1f1b24e6 60%)}html[data-theme=dark] .track-row.is-resolving{background:linear-gradient(90deg,#7e5eeb24,#1f1b24e6)}@media(max-width:620px){html[data-theme=dark] .collection-stats>button:nth-child(-n+2){border-bottom-color:#342f39}}.collection-stats .stat-star{display:inline;color:#efa94f;font-size:.68em;font-style:normal;vertical-align:2px}.library-toolbar label.library-category-filter{position:relative;display:grid;min-height:42px;grid-template-columns:16px minmax(118px,auto) 14px;align-items:center;gap:6px;padding:7px 9px;border:0;border-radius:11px;color:var(--purple);background:#6d52e611}.library-category-filter select,.track-category select{min-width:0;border:0;outline:0;color:inherit;background:transparent;font-weight:700;appearance:none;cursor:pointer}.library-category-filter select{font-size:9px}.library-category-filter>svg:last-child,.track-category>svg:last-child{pointer-events:none}.track-list-header,.track-row{grid-template-columns:60px minmax(180px,1.25fr) minmax(185px,.9fr) minmax(210px,1fr) minmax(132px,auto)}.track-row{min-height:98px;align-items:center}.row-title small{max-width:100%}.row-listening-stats{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.row-listening-stats>span{display:grid;min-width:0;min-height:48px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;padding:7px;border:1px solid #eeeaf0;border-radius:11px;color:#918a97;background:#faf8fbb8}.row-listening-stats>span>svg{justify-self:center;color:#8a73dd}.row-listening-stats>span>span{min-width:0}.row-listening-stats strong,.row-listening-stats small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-listening-stats strong{color:#4f4955;font:750 10px Manrope,sans-serif}.row-listening-stats small{margin-top:2px;color:#aaa3ad;font-size:7px}.row-profile{display:grid;min-width:0;grid-template-columns:auto minmax(112px,1fr);align-items:center;gap:8px}.track-rating{display:grid;grid-template-columns:repeat(3,28px);gap:1px}.track-rating button{display:grid;width:28px;height:30px;place-items:center;border-radius:8px;color:#c4bdc7;background:transparent;transition:color .14s ease,background .14s ease,transform .14s ease}.track-rating button:hover{color:#efa94f;background:#efa94f1a;transform:translateY(-1px)}.track-rating button.active{color:#efa94f}.track-rating small{grid-column:1 / -1;margin-top:1px;color:#aaa3ad;font-size:7px;text-align:center}.track-category{position:relative;display:grid;min-width:0;min-height:38px;grid-template-columns:15px minmax(0,1fr) 12px;align-items:center;gap:5px;padding:7px 8px;border:1px solid #e8e2ee;border-radius:10px;color:#635c69;background:#faf8fb}.track-category.suggested{color:#7058d8;border-color:#e4dcff;background:#f5f1ff}.track-category select{overflow:hidden;font-size:8px;text-overflow:ellipsis}html[data-theme=dark] .library-toolbar label.library-category-filter{color:#b5a2ff;background:#8b6ceb24}html[data-theme=dark] .row-listening-stats>span{border-color:#38323e;background:#ffffff09}html[data-theme=dark] .row-listening-stats strong{color:#e0d9e5}html[data-theme=dark] .row-listening-stats small,html[data-theme=dark] .track-rating small{color:#817a88}html[data-theme=dark] .track-category{border-color:#3b3541;color:#c3bbc8;background:#ffffff09}html[data-theme=dark] .track-category.suggested{border-color:#4c3e68;color:#bba9ff;background:#8b6ceb1c}@media(max-width:1180px)and (min-width:621px){.track-list-header,.track-row{grid-template-columns:58px minmax(145px,1.05fr) minmax(150px,.82fr) minmax(175px,.95fr) minmax(112px,auto);gap:9px}.track-row{padding-inline:10px}.row-listening-stats{gap:4px}.row-listening-stats>span{grid-template-columns:18px minmax(0,1fr);padding-inline:5px}.row-profile{grid-template-columns:84px minmax(90px,1fr);gap:4px}.row-actions .row-add{min-width:40px;width:40px;padding:0;justify-content:center}.row-actions .row-add span{display:none}}@media(max-width:760px){.library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px}.library-toolbar label.library-search{width:100%;grid-column:1 / -1}.library-toolbar label.library-category-filter,.library-toolbar label.library-sort{width:100%;min-width:0}.library-toolbar .library-result-count{grid-column:1 / -1;margin:0;padding:5px 8px 3px;text-align:right}.track-list-header{display:none}.track-row{min-height:156px;grid-template-columns:58px minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:start;gap:7px 9px;padding:11px 8px}.track-row>button.library-track-play{grid-column:1;grid-row:1 / 3}.row-title{grid-column:2;grid-row:1;align-self:center}.row-actions{grid-column:3;grid-row:1;align-self:center}.row-listening-stats{grid-column:2 / -1;grid-row:2}.row-profile{grid-column:2 / -1;grid-row:3;grid-template-columns:auto minmax(120px,1fr)}.row-listening-stats>span{min-height:45px}.track-category{min-height:40px}}@media(max-width:420px){.track-row{min-height:176px}.row-profile{grid-template-columns:86px minmax(0,1fr);gap:4px}.track-category{padding-inline:6px}.row-listening-stats{gap:4px}.row-listening-stats>span{grid-template-columns:18px minmax(0,1fr);padding:5px}.row-actions>button,.row-actions .row-add{width:38px;min-width:38px}}.row-actions .row-metadata{color:#725bd0;background:#7058d813}.metadata-backdrop{z-index:130;padding:22px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metadata-dialog{display:flex;width:min(1040px,100%);max-height:min(900px,calc(100dvh - 44px));flex-direction:column;overflow:hidden;border:1px solid rgba(52,42,63,.12);border-radius:28px;background:#fbfafc;box-shadow:0 35px 100px #221b2b47}.metadata-dialog-header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #ebe7ee;background:radial-gradient(circle at 4% 0%,rgba(128,91,225,.13),transparent 32%),linear-gradient(115deg,#fff 12%,#faf7fe)}.metadata-track-identity{display:flex;min-width:0;align-items:center;gap:16px}.metadata-track-identity .album-art{width:80px;min-width:80px;aspect-ratio:1;border-radius:18px;box-shadow:0 12px 30px #231b2d2e}.metadata-track-identity>div{min-width:0}.metadata-track-identity .eyebrow{display:flex;align-items:center;gap:5px;margin:0 0 4px;color:#7259d1}.metadata-track-identity h2{max-width:550px;margin:0;overflow:hidden;color:#26212b;font:780 clamp(20px,2.2vw,29px)/1.15 "Manrope",sans-serif;letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.metadata-track-identity>div>p:not(.eyebrow){margin:5px 0 1px;color:#5d5662;font-size:13px;font-weight:700}.metadata-track-identity>div>span{display:block;max-width:550px;overflow:hidden;color:#99919d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.metadata-header-actions{display:flex;flex:none;align-items:center;gap:8px}.metadata-status,.metadata-refresh,.metadata-close{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:6px;border:1px solid #e2dce7;border-radius:11px;color:#716a76;background:#ffffffc7;font-size:9px;font-weight:750}.metadata-status{padding:8px 11px;color:#7461c2;border-color:#ddd5f4;background:#f5f1ff}.metadata-status.complete{color:#287b64;border-color:#cce7df;background:#edf9f5}.metadata-refresh{padding:8px 11px;transition:color .14s ease,background .14s ease}.metadata-refresh:hover:not(:disabled){color:var(--purple);background:var(--purple-soft)}.metadata-refresh:disabled{opacity:.65;cursor:wait}.metadata-close{width:38px;padding:0}.metadata-close:hover{color:#2e2932;background:#eeeaf0}.metadata-scroll{flex:1;min-height:0;padding:22px 24px 28px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.metadata-progress,.metadata-notice{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:11px 13px;border:1px solid #e4dcf7;border-radius:12px;color:#69579e;background:#f7f3ff;font-size:10px}.metadata-notice{align-items:flex-start;color:#786849;border-color:#eadfca;background:#fffaf0}.metadata-notice>span{display:grid;gap:2px}.metadata-notice strong{color:#584d37;font-size:10px}.metadata-notice.is-error{color:#a04e58;border-color:#f0d3d8;background:#fff5f6}.metadata-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;margin-bottom:16px;border:1px solid #e8e3eb;border-radius:16px;background:#fff;box-shadow:0 10px 30px #2a22330a}.metadata-quick-grid .metadata-field{min-height:70px;padding:14px;border-right:1px solid #eeeaf0}.metadata-quick-grid .metadata-field:last-child{border:0}.metadata-field{display:flex;min-width:0;flex-direction:column;gap:5px}.metadata-field>span{color:#a09aa4;font-size:8px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.metadata-field>strong{overflow-wrap:anywhere;color:#403a45;font:720 11px/1.4 Manrope,sans-serif}.metadata-field>strong.is-mono{color:#66559f;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:.015em}.metadata-sections{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:16px}.metadata-section{margin-top:16px;padding:18px;border:1px solid #e9e4ec;border-radius:18px;background:#fff;box-shadow:0 10px 30px #2a223309}.metadata-sections .metadata-section{margin-top:0}.metadata-section>header{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#725bd0}.metadata-section>header>svg{flex:none}.metadata-section>header h3{margin:0;color:#3b3540;font:750 12px Manrope,sans-serif}.metadata-section>header p{margin:2px 0 0;color:#aaa3ad;font-size:8px}.metadata-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px}.metadata-chip-group{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;margin-top:9px}.metadata-chip-group>span{padding-top:6px;color:#9e97a2;font-size:8px;font-weight:700;text-transform:uppercase}.metadata-chip-group>div{display:flex;flex-wrap:wrap;gap:6px}.metadata-chip-group b{padding:6px 9px;border:1px solid #ded5fb;border-radius:999px;color:#6951bd;background:#f5f1ff;font-size:8px;font-weight:750}.metadata-chip-group.secondary b{color:#756f79;border-color:#e7e2e9;background:#f8f6f9}.metadata-credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metadata-credit-grid>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:11px;border:1px solid #efebf1;border-radius:12px;background:#fbfafc}.metadata-credit-grid span{color:#9f98a3;font-size:8px;font-weight:700;text-transform:uppercase}.metadata-credit-grid strong{color:#4d4652;font-size:10px;font-weight:650;line-height:1.4}.metadata-identifiers>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px}.metadata-source-pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.metadata-source-pills span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;color:#327660;background:#edf8f4;font-size:8px;font-weight:750}.metadata-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metadata-link-grid a{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #e8e3eb;border-radius:10px;color:#625a68;background:#fbfafc;font-size:9px;font-weight:700}.metadata-link-grid a:hover{color:var(--purple);border-color:#dcd2f7;background:#f7f4ff}.metadata-link-grid a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metadata-updated{margin:12px 0 0;color:#aaa3ad;font-size:8px;text-align:right}html[data-theme=dark] .metadata-dialog{color:#e9e4ed;border-color:#3c3541;background:#1d1a21;box-shadow:0 38px 110px #0000008f}html[data-theme=dark] .metadata-dialog-header{border-color:#39333e;background:radial-gradient(circle at 4% 0%,rgba(139,108,235,.22),transparent 34%),linear-gradient(115deg,#242028,#201c24)}html[data-theme=dark] .metadata-track-identity h2{color:#f3eef6}html[data-theme=dark] .metadata-track-identity>div>p:not(.eyebrow){color:#c7becb}html[data-theme=dark] .metadata-track-identity>div>span{color:#8f8794}html[data-theme=dark] :is(.metadata-status,.metadata-refresh,.metadata-close){color:#b3abb7;border-color:#443d49;background:#ffffff0b}html[data-theme=dark] .metadata-status{color:#c2b3ff;border-color:#4d4167;background:#8b6ceb24}html[data-theme=dark] .metadata-status.complete{color:#7ed5bb;border-color:#315b50;background:#3c977d21}html[data-theme=dark] .metadata-close:hover{color:#fff;background:#ffffff17}html[data-theme=dark] .metadata-progress{color:#c2b3fa;border-color:#4b4063;background:#8b6ceb1f}html[data-theme=dark] .metadata-notice{color:#c9b894;border-color:#594d38;background:#a480381a}html[data-theme=dark] .metadata-notice strong{color:#e0cfac}html[data-theme=dark] :is(.metadata-quick-grid,.metadata-section){border-color:#39333e;background:#242028;box-shadow:none}html[data-theme=dark] .metadata-quick-grid .metadata-field{border-color:#39333e}html[data-theme=dark] .metadata-field>span,html[data-theme=dark] .metadata-section>header p{color:#817987}html[data-theme=dark] .metadata-field>strong,html[data-theme=dark] .metadata-section>header h3{color:#ded7e2}html[data-theme=dark] .metadata-field>strong.is-mono{color:#b9a8f7}html[data-theme=dark] .metadata-chip-group b{color:#c2b0ff;border-color:#4d4168;background:#8b6ceb21}html[data-theme=dark] .metadata-chip-group.secondary b{color:#aaa2ae;border-color:#423b47;background:#ffffff09}html[data-theme=dark] .metadata-credit-grid>div,html[data-theme=dark] .metadata-link-grid a{color:#bdb5c1;border-color:#39333e;background:#ffffff06}html[data-theme=dark] .metadata-credit-grid strong{color:#d4ccd8}html[data-theme=dark] .metadata-source-pills span{color:#7ed5bb;background:#3c977d21}@media(max-width:820px){.metadata-backdrop{align-items:flex-end;padding:0}.metadata-dialog{width:100%;max-height:calc(100dvh - 8px);border-radius:24px 24px 0 0}.metadata-dialog-header{align-items:flex-start;padding:15px}.metadata-track-identity{gap:11px}.metadata-track-identity .album-art{width:58px;min-width:58px;border-radius:13px}.metadata-track-identity h2{max-width:min(47vw,330px);font-size:17px}.metadata-track-identity>div>p:not(.eyebrow){max-width:min(47vw,330px);overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.metadata-track-identity>div>span{max-width:min(47vw,330px);font-size:8px}.metadata-status{display:none}.metadata-refresh{width:40px;min-height:40px;padding:0}.metadata-refresh span{display:none}.metadata-close{width:40px;min-height:40px}.metadata-scroll{padding:14px 14px 24px}.metadata-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metadata-quick-grid .metadata-field{min-height:64px;border-bottom:1px solid #eeeaf0}.metadata-quick-grid .metadata-field:nth-child(3n){border-right:0}.metadata-quick-grid .metadata-field:nth-last-child(-n+3){border-bottom:0}.metadata-sections{grid-template-columns:1fr}.metadata-fields,.metadata-identifiers>div{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=dark] .metadata-quick-grid .metadata-field{border-bottom-color:#39333e}}@media(max-width:440px){.metadata-track-identity .eyebrow{font-size:7px}.metadata-track-identity h2{max-width:calc(100vw - 180px)}.metadata-track-identity>div>p:not(.eyebrow),.metadata-track-identity>div>span{max-width:calc(100vw - 180px)}.metadata-scroll{padding-inline:10px}.metadata-quick-grid .metadata-field{padding:10px}.metadata-fields,.metadata-identifiers>div,.metadata-credit-grid,.metadata-link-grid{grid-template-columns:1fr}.metadata-section{padding:14px;border-radius:15px}.metadata-chip-group{grid-template-columns:1fr;gap:4px}.metadata-chip-group>span{padding:0}}.disco-page{width:min(1320px,calc(100% - 5vw));padding-bottom:72px}.disco-hero{position:relative;display:grid;min-height:326px;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:30px;margin:4px 0 0;padding:42px 48px;overflow:hidden;border:1px solid rgba(104,78,156,.12);border-radius:34px;background:radial-gradient(circle at 76% 10%,rgba(255,142,187,.23),transparent 28%),radial-gradient(circle at 86% 86%,rgba(116,91,225,.24),transparent 32%),linear-gradient(124deg,#fff,#faf6ff,#f1eaff);box-shadow:0 28px 80px #30244118,inset 0 1px #ffffffe6;isolation:isolate}.disco-hero:before{position:absolute;z-index:-1;width:260px;height:260px;border:1px solid rgba(110,83,192,.09);border-radius:50%;content:"";inset:auto auto -145px 36%;box-shadow:0 0 0 45px #6e53c006,0 0 0 90px #6e53c005}.disco-hero-copy{position:relative;z-index:3;max-width:620px}.disco-hero-copy .eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;color:#7259d0}.disco-hero-copy h1{margin:0;color:#211d26;font:800 clamp(38px,4vw,57px)/.98 "Manrope",sans-serif;letter-spacing:-.065em}.disco-hero-copy h1 em{color:#7357d8;font-style:normal}.disco-hero-copy>p:not(.eyebrow){max-width:520px;margin:18px 0 0;color:#736b78;font-size:13px;line-height:1.62}.disco-hero-actions{display:flex;align-items:center;gap:14px;margin-top:24px}.disco-hero-actions>span{color:#8e8792;font-size:9px;font-weight:650}.disco-shuffle{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#795be0,#6250c7);box-shadow:0 12px 25px #6a50cf40,inset 0 1px #ffffff38;font-size:10px;font-weight:760;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease}.disco-shuffle:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 17px 32px #6a50cf52,inset 0 1px #ffffff38}.disco-shuffle:active:not(:disabled){transform:scale(.98)}.disco-shuffle:disabled{opacity:.45;cursor:default}.disco-cover-stack{position:relative;z-index:2;width:min(410px,100%);height:250px;justify-self:end;perspective:900px}.disco-cover-stack>span{position:absolute;display:block;width:205px;aspect-ratio:1;overflow:hidden;border:5px solid rgba(255,255,255,.92);border-radius:24px;background:#fff;box-shadow:0 28px 48px #2b1e3a40;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.disco-cover-stack .album-art{width:100%;height:100%;border-radius:19px}.disco-cover-stack>span:nth-child(1){z-index:3;right:85px;top:18px;transform:rotate(-3deg) translateZ(35px)}.disco-cover-stack>span:nth-child(2){z-index:2;right:0;top:35px;transform:rotate(8deg) translateZ(8px) scale(.91)}.disco-cover-stack>span:nth-child(3){z-index:1;right:180px;top:37px;transform:rotate(-12deg) scale(.86);filter:saturate(.82)}.disco-hero:hover .disco-cover-stack>span:nth-child(1){transform:rotate(0) translateY(-5px) translateZ(35px)}.disco-hero:hover .disco-cover-stack>span:nth-child(2){transform:rotate(11deg) translate(8px,-2px) translateZ(8px) scale(.91)}.disco-hero:hover .disco-cover-stack>span:nth-child(3){transform:rotate(-15deg) translate(-8px,2px) scale(.86)}.disco-hero-glow{position:absolute;z-index:0;width:360px;height:200px;border-radius:50%;background:#845be238;filter:blur(70px);inset:50% 5% auto auto;transform:translateY(-50%)}.disco-stat-filters{position:relative;z-index:5;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:-27px 22px 28px;padding:6px;overflow:hidden;border:1px solid rgba(81,66,98,.11);border-radius:21px;background:#ffffffc7;box-shadow:0 18px 42px #2e233a1f;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3)}.disco-stat-filters button{position:relative;display:grid;min-height:88px;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:4px 10px;padding:14px 17px;border-radius:16px;color:#7d7582;text-align:left;transition:color .16s ease,background .16s ease,transform .16s ease}.disco-stat-filters button:after{position:absolute;width:24px;height:3px;border-radius:3px;background:#765bd6;content:"";opacity:0;inset:auto auto 7px 17px;transform:scaleX(.3);transform-origin:left;transition:opacity .16s ease,transform .16s ease}.disco-stat-filters button:hover{color:#4c4352;background:#745bd30e}.disco-stat-filters button.active{color:#5f48b9;background:#f2edff}.disco-stat-filters button.active:after{opacity:1;transform:scaleX(1)}.disco-stat-filters button>span{display:flex;min-width:0;align-items:center;gap:7px;font-size:9px;font-weight:760}.disco-stat-filters button>span svg{flex:none}.disco-stat-filters button strong{grid-column:2;grid-row:1 / 3;align-self:center;color:#2f2934;font:780 23px Manrope,sans-serif;letter-spacing:-.04em}.disco-stat-filters button small{grid-column:1;color:#aaa3ad;font-size:8px}.disco-stat-filters .stat-star{color:#e7a448;font-size:12px;font-style:normal}.disco-page .library-connect-notice{margin:0 0 18px}.disco-control-panel{position:sticky;z-index:24;top:76px;display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center;gap:12px;margin:0 0 28px;padding:10px;border:1px solid rgba(74,61,88,.1);border-radius:18px;background:#faf8fcd1;box-shadow:0 13px 38px #2a203414;-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25)}.disco-search{display:grid;min-width:0;min-height:48px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e6e0ea;border-radius:13px;color:#817987;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.disco-search:focus-within{color:#6d53cf;border-color:#cfc3f4;box-shadow:0 0 0 4px #7153d517}.disco-search input{min-width:0;border:0;outline:0;color:#39333e;background:transparent;font-size:12px}.disco-search input::placeholder{color:#aaa3ad}.disco-search kbd{padding:5px 7px;border:1px solid #e4dfe7;border-bottom-width:2px;border-radius:7px;color:#aaa3ad;background:#f8f6f9;font:650 8px DM Sans,sans-serif;white-space:nowrap}.disco-filter-controls{display:flex;align-items:center;gap:7px}.disco-filter-controls>label{position:relative;display:grid;min-height:46px;grid-template-columns:auto minmax(80px,auto) 13px;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e7e1ea;border-radius:12px;color:#746c7a;background:#ffffffbd}.disco-filter-controls>label>span{color:#a29aa6;font-size:8px;font-weight:700;text-transform:uppercase}.disco-filter-controls select{min-width:0;max-width:135px;border:0;outline:0;color:inherit;background:transparent;font-size:9px;font-weight:700;appearance:none;cursor:pointer}.disco-filter-controls label>svg:last-child{pointer-events:none}.disco-view-switch{display:flex;gap:3px;padding:3px;border:1px solid #e6e0e9;border-radius:12px;background:#ffffffb8}.disco-view-switch button{display:grid;width:39px;height:39px;place-items:center;border-radius:9px;color:#9c95a0;transition:color .14s ease,background .14s ease,box-shadow .14s ease}.disco-view-switch button:hover{color:#6b54ca}.disco-view-switch button.active{color:#654cc4;background:#fff;box-shadow:0 4px 13px #2d23371a}.disco-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 2px 16px}.disco-section-heading .eyebrow{margin:0 0 4px}.disco-section-heading h2{margin:0;color:#2d2832;font:770 23px Manrope,sans-serif;letter-spacing:-.035em}.disco-section-heading>span{padding-bottom:3px;color:#9d96a1;font-size:9px;font-weight:650}.library-pagination{display:grid;min-height:64px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:24px 2px 4px;padding:10px 12px;border:1px solid rgba(75,62,89,.1);border-radius:17px;background:#ffffffb8;box-shadow:0 10px 30px #271d310e}.library-pagination>label{position:relative;display:inline-grid;width:max-content;min-height:40px;grid-template-columns:auto auto 13px;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e7e1ea;border-radius:11px;color:#817987;background:#faf8fb}.library-pagination>label span{color:#aaa2ad;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.35px}.library-pagination select{border:0;outline:0;color:#5d5364;background:transparent;font-size:9px;font-weight:750;appearance:none;cursor:pointer}.library-pagination>label svg{pointer-events:none}.library-page-buttons{display:flex;align-items:center;justify-content:center;gap:4px}.library-page-buttons button{display:grid;min-width:36px;height:36px;place-items:center;padding:0 8px;border:1px solid transparent;border-radius:10px;color:#8b838f;font-size:9px;font-weight:760;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.library-page-buttons button:not(:disabled):hover{border-color:#ddd4f4;color:#654cc4;background:#f5f1ff;transform:translateY(-1px)}.library-page-buttons button.active{border-color:#765de9;color:#fff;background:linear-gradient(145deg,#765de9,#6651c9);box-shadow:0 7px 16px #5b43bc3d}.library-page-buttons button:disabled{color:#d1cbd4;cursor:not-allowed}.library-page-buttons>span{min-width:22px;color:#aaa3ad;text-align:center}.library-pagination>span{justify-self:end;color:#9b949f;font-size:9px;font-weight:650}.disco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:21px}.disco-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(76,62,90,.105);border-radius:23px;background:#ffffffd6;box-shadow:0 12px 35px #271d3111;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease}.disco-card:hover{z-index:2;border-color:#7053d238;box-shadow:0 24px 50px #2a1d3924;transform:translateY(-5px)}.disco-card.is-playing{border-color:#7658de6b;box-shadow:0 20px 50px #694cd32e,0 0 0 3px #7456d814}.disco-cover-stage{position:relative;aspect-ratio:1 / .96;margin:8px 8px 0;padding:8px;overflow:hidden;border-radius:18px;background:#eae5ed;isolation:isolate}.disco-cover-ambient{position:absolute;z-index:-1;background-position:center;background-size:cover;filter:blur(32px) saturate(1.35);inset:-28px;opacity:.5;transform:scale(1.15)}.disco-cover-stage:after{position:absolute;z-index:-1;background:linear-gradient(145deg,#ffffff1f,#1b152224);content:"";inset:0}.disco-play{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:14px;background:#dad4df;box-shadow:0 14px 32px #1e162738}.disco-play:disabled{cursor:wait}.disco-play .album-art{width:100%;height:100%;border-radius:14px;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .24s ease}.disco-card:hover .disco-play .album-art,.disco-play:focus-visible .album-art{transform:scale(1.035);filter:brightness(.82)}.disco-play-symbol{position:absolute;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#322540;background:#ffffffe6;box-shadow:0 12px 30px #140d1d52;opacity:0;inset:50% auto auto 50%;transform:translate(-50%,-42%) scale(.84);transition:opacity .19s ease,transform .26s cubic-bezier(.2,.8,.2,1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.disco-card:hover .disco-play-symbol,.disco-play:focus-visible .disco-play-symbol,.disco-card.is-playing .disco-play-symbol,.disco-card.is-resolving .disco-play-symbol{opacity:1;transform:translate(-50%,-50%) scale(1)}.disco-now-playing{position:absolute;padding:6px 9px;border:1px solid rgba(255,255,255,.38);border-radius:999px;color:#fff;background:#1f172a9e;font-size:8px;font-weight:760;inset:auto auto 10px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.disco-cover-actions{position:absolute;z-index:3;display:flex;gap:5px;opacity:0;inset:14px 14px auto auto;transform:translateY(-5px);transition:opacity .16s ease,transform .2s ease}.disco-card:hover .disco-cover-actions,.disco-cover-actions:focus-within,.disco-card.is-favorite .disco-cover-actions{opacity:1;transform:translateY(0)}.disco-cover-actions button{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:12px;color:#3b3043;background:#ffffffe0;box-shadow:0 8px 20px #1b14222e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:color .14s ease,transform .14s ease}.disco-cover-actions button:hover{color:#664ac7;transform:translateY(-1px)}.disco-cover-actions button.is-favorite{color:#db568d}.disco-card-body{padding:15px 16px 14px}.disco-card-heading{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:start;gap:9px}.disco-card-heading>div{min-width:0}.disco-card-heading h3{margin:0;overflow:hidden;color:#302a35;font:760 14px/1.25 Manrope,sans-serif;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.disco-card-heading p{margin:4px 0 0;overflow:hidden;color:#77707b;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.disco-add{display:grid;width:40px;height:40px;place-items:center;border:1px solid #e5deea;border-radius:12px;color:#6d55ca;background:#f6f2ff;transition:color .14s ease,background .14s ease,transform .14s ease}.disco-add:hover{color:#fff;background:#6e54cf;transform:translateY(-1px)}.disco-album{display:flex;min-width:0;align-items:center;gap:5px;margin:10px 0 12px;color:#99919d;font-size:8px}.disco-album svg{flex:none;color:#8974d3}.disco-album span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disco-album b{flex:none;padding-left:5px;border-left:1px solid #e5e0e7;color:#aaa3ad;font-weight:650}.disco-card-profile{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.disco-rating{display:flex;gap:1px}.disco-rating button{display:grid;width:31px;height:35px;place-items:center;border-radius:9px;color:#c2bbc5;transition:color .14s ease,background .14s ease}.disco-rating button:hover{color:#e8a44b;background:#e8a44b1a}.disco-rating button.active{color:#e8a44b}.disco-category{position:relative;display:grid;min-width:0;min-height:35px;grid-template-columns:13px minmax(0,1fr) 11px;align-items:center;gap:4px;padding:6px 7px;border:1px solid #e7e1e9;border-radius:10px;color:#69616e;background:#faf8fb}.disco-category.suggested{color:#6e55ca;border-color:#dfd6f8;background:#f6f2ff}.disco-category select{min-width:0;width:100%;overflow:hidden;border:0;outline:0;color:inherit;background:transparent;font-size:8px;font-weight:700;text-overflow:ellipsis;appearance:none;cursor:pointer}.disco-category>svg:last-child{pointer-events:none}.disco-listening{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #eeeaf0;color:#9c95a0;font-size:8px}.disco-listening span{display:inline-flex;min-width:0;align-items:center;gap:4px;white-space:nowrap}.disco-listening svg{flex:none;color:#8b76d4}.disco-listening strong{color:#655e69;font-weight:760}.disco-detail-list{animation:disco-fade-in .22s ease both}.disco-grid{animation:disco-fade-in .26s ease both}@keyframes disco-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.disco-page :is(button,input,select,a):focus-visible{outline:3px solid rgba(107,78,209,.28);outline-offset:2px}html[data-theme=dark] .disco-hero{border-color:#3b3343;background:radial-gradient(circle at 75% 8%,rgba(222,76,143,.2),transparent 30%),radial-gradient(circle at 88% 88%,rgba(123,86,226,.27),transparent 34%),linear-gradient(125deg,#242027,#211d25 55%,#29213a);box-shadow:0 30px 85px #00000052,inset 0 1px #ffffff0b}html[data-theme=dark] .disco-hero-copy h1{color:#f5f0f7}html[data-theme=dark] .disco-hero-copy h1 em{color:#b9a4ff}html[data-theme=dark] .disco-hero-copy>p:not(.eyebrow){color:#aaa1ae}html[data-theme=dark] .disco-hero-actions>span{color:#817987}html[data-theme=dark] .disco-cover-stack>span{border-color:#2f2836e6;background:#2d2732;box-shadow:0 28px 52px #00000075}html[data-theme=dark] .disco-stat-filters{border-color:#3b3440;background:#1f1b23d1;box-shadow:0 20px 45px #0000004d}html[data-theme=dark] .disco-stat-filters button{color:#9c94a1}html[data-theme=dark] .disco-stat-filters button:hover{color:#e5dee9;background:#ffffff0a}html[data-theme=dark] .disco-stat-filters button.active{color:#c1afff;background:#8362e52b}html[data-theme=dark] .disco-stat-filters button strong{color:#eee8f1}html[data-theme=dark] .disco-stat-filters button small{color:#7e7684}html[data-theme=dark] .disco-control-panel{border-color:#38313d;background:#1d1a21d1;box-shadow:0 15px 40px #00000038}html[data-theme=dark] .disco-search,html[data-theme=dark] .disco-filter-controls>label,html[data-theme=dark] .disco-view-switch{color:#aaa1af;border-color:#433b48;background:#ffffff0b}html[data-theme=dark] .disco-search input{color:#ece6ef}html[data-theme=dark] .disco-search kbd{color:#817987;border-color:#443c49;background:#27232b}html[data-theme=dark] .disco-view-switch button.active{color:#c2b1ff;background:#383040;box-shadow:0 5px 14px #00000042}html[data-theme=dark] .disco-section-heading h2{color:#eee8f1}html[data-theme=dark] .library-pagination{border-color:#38313d;background:#231f27d1;box-shadow:0 14px 38px #00000029}html[data-theme=dark] .library-pagination>label{border-color:#443c49;color:#b5acba;background:#2b262f}html[data-theme=dark] .library-pagination select{color:#d4cbd8}html[data-theme=dark] .library-page-buttons button{color:#a59daa}html[data-theme=dark] .library-page-buttons button:not(:disabled):hover{border-color:#55456c;color:#c7b6ff;background:#352d3d}html[data-theme=dark] .library-page-buttons button.active{color:#fff;border-color:#8c73ea;background:linear-gradient(145deg,#765de9,#5945b7)}html[data-theme=dark] .disco-card{border-color:#38313d;background:#231f27e6;box-shadow:0 14px 38px #00000029}html[data-theme=dark] .disco-card:hover{border-color:#56466f;box-shadow:0 25px 55px #00000059}html[data-theme=dark] .disco-card.is-playing{border-color:#755bc0}html[data-theme=dark] .disco-cover-stage{background:#302936}html[data-theme=dark] .disco-cover-actions button{color:#e7dfeb;border-color:#ffffff29;background:#251f2ad1}html[data-theme=dark] .disco-cover-actions button.is-favorite{color:#ed72a4}html[data-theme=dark] .disco-card-heading h3{color:#eee8f1}html[data-theme=dark] .disco-card-heading p{color:#aaa1af}html[data-theme=dark] .disco-add{color:#c2b0ff;border-color:#4a4054;background:#8462e821}html[data-theme=dark] .disco-album{color:#837b88}html[data-theme=dark] .disco-album b{border-color:#443d47;color:#79717e}html[data-theme=dark] .disco-category{color:#bbb2c0;border-color:#433b48;background:#ffffff09}html[data-theme=dark] .disco-category.suggested{color:#c0adff;border-color:#50436a;background:#8462e81c}html[data-theme=dark] .disco-listening{border-color:#3d3642;color:#827a87}html[data-theme=dark] .disco-listening strong{color:#c6bdca}@media(max-width:1100px){.disco-hero{min-height:300px;grid-template-columns:minmax(0,1fr) 350px;padding:36px}.disco-cover-stack{width:350px;transform:scale(.88);transform-origin:right center}.disco-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.disco-control-panel{grid-template-columns:1fr}.disco-filter-controls{justify-content:flex-end}}@media(max-width:760px){.disco-page{width:calc(100% - 24px);padding-bottom:46px}.disco-hero{min-height:278px;display:block;padding:27px 24px;border-radius:27px}.disco-hero-copy{max-width:68%}.disco-hero-copy h1{font-size:clamp(31px,9.2vw,42px)}.disco-hero-copy>p:not(.eyebrow){max-width:94%;margin-top:13px;font-size:10px;line-height:1.5}.disco-hero-actions{align-items:flex-start;flex-direction:column;gap:8px;margin-top:18px}.disco-shuffle{min-height:44px}.disco-cover-stack{position:absolute;width:190px;height:190px;inset:auto -28px 8px auto;transform:scale(.72);transform-origin:right bottom}.disco-cover-stack>span{width:160px;border-width:4px;border-radius:20px}.disco-cover-stack>span:nth-child(1){right:50px;top:15px}.disco-cover-stack>span:nth-child(2){right:-15px;top:30px}.disco-cover-stack>span:nth-child(3){right:105px;top:34px}.disco-stat-filters{display:flex;gap:5px;margin:-19px 10px 22px;padding:5px;overflow-x:auto;border-radius:18px;scroll-snap-type:x proximity;scrollbar-width:none}.disco-stat-filters::-webkit-scrollbar{display:none}.disco-stat-filters button{min-width:148px;min-height:78px;flex:0 0 42%;padding:12px 14px;scroll-snap-align:start}.disco-stat-filters button strong{font-size:20px}.disco-control-panel{position:relative;top:auto;gap:7px;margin-bottom:24px;padding:7px;border-radius:16px}.disco-search{min-height:48px}.disco-search input{font-size:16px}.disco-search kbd{display:none}.disco-filter-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:5px}.disco-filter-controls>label{min-width:0;min-height:44px;grid-template-columns:auto minmax(0,1fr) 12px;padding-inline:8px}.disco-filter-controls select{width:100%;max-width:none}.disco-view-switch button{width:38px;height:38px}.disco-section-heading{margin-bottom:12px}.disco-section-heading h2{font-size:20px}.library-pagination{grid-template-columns:1fr auto;gap:9px;margin-top:18px;padding:9px}.library-page-buttons{grid-column:1 / -1;grid-row:2;flex-wrap:wrap}.library-pagination>span{grid-column:2;grid-row:1}.disco-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.disco-card{border-radius:18px}.disco-card:hover{transform:none}.disco-cover-stage{margin:5px 5px 0;padding:5px;border-radius:14px}.disco-play,.disco-play .album-art{border-radius:11px}.disco-play-symbol{width:48px;height:48px;opacity:1;transform:translate(-50%,-50%) scale(1)}.disco-cover-actions{gap:3px;opacity:1;inset:9px 9px auto auto;transform:none}.disco-cover-actions button{width:40px;height:40px;border-radius:11px}.disco-card-body{padding:11px 10px 10px}.disco-card-heading{grid-template-columns:minmax(0,1fr) 38px;gap:5px}.disco-card-heading h3{font-size:12px}.disco-card-heading p{font-size:9px}.disco-add{width:40px;height:40px}.disco-album{margin:8px 0 9px}.disco-card-profile{grid-template-columns:1fr;gap:5px}.disco-rating button{width:40px;height:42px}.disco-category{min-height:40px}.disco-listening{display:grid;grid-template-columns:1fr;gap:5px}.disco-listening span{overflow:hidden;text-overflow:ellipsis}}@media(max-width:430px){.disco-page{width:calc(100% - 16px)}.disco-hero{min-height:292px;padding:23px 19px;border-radius:24px}.disco-hero-copy{max-width:72%}.disco-hero-copy .eyebrow{font-size:7px}.disco-hero-copy h1{font-size:30px}.disco-cover-stack{right:-37px;bottom:4px;transform:scale(.64)}.disco-stat-filters{margin-inline:7px}.disco-stat-filters button{flex-basis:48%}.disco-filter-controls>label>span{display:none}.disco-filter-controls>label:nth-child(2){grid-template-columns:minmax(0,1fr) 12px}.disco-view-switch{padding:2px}.disco-view-switch button{width:36px}.library-pagination{border-radius:14px}.library-pagination>label{min-height:38px}.library-page-buttons button{min-width:34px;height:34px}.disco-grid{gap:8px}.disco-cover-actions button{width:40px;height:40px}.disco-cover-actions{inset:8px 8px auto auto}.disco-play-symbol{width:44px;height:44px}.disco-card-heading h3{font-size:11px}.disco-card-heading p{font-size:8px}.disco-album b{display:none}.disco-rating button{width:40px}}@media(max-width:350px){.disco-grid{grid-template-columns:1fr}.disco-hero-copy{max-width:78%}}@media(hover:none){.disco-cover-actions{opacity:1;transform:none}.disco-play-symbol{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.disco-card,.disco-play .album-art,.disco-play-symbol,.disco-cover-stack>span,.disco-shuffle{transition:none}.disco-grid,.disco-detail-list{animation:none}}.brand-mark{position:relative;isolation:isolate;flex:none;overflow:hidden;background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#8569f4,#6949dc 53%,#d15393 135%);box-shadow:0 10px 25px #5b3dcf4a,inset 0 1px #ffffff5c;transform:translateZ(0);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease;animation:brand-ambient 5s ease-in-out infinite}.brand-mark:before{position:absolute;z-index:-2;background:conic-gradient(from 20deg,transparent 0 15%,rgba(255,255,255,.42) 23%,transparent 31% 63%,rgba(245,103,165,.5) 74%,transparent 84%);content:"";inset:-65%;animation:brand-spectrum 9s linear infinite}.brand-mark:after{position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.2);border-radius:inherit;background:linear-gradient(155deg,rgba(255,255,255,.12),transparent 52%,rgba(45,23,104,.12));box-shadow:inset 0 -8px 16px #2f197021;content:"";inset:1px}.brand-logo-orbit{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.25);border-right-color:transparent;border-bottom-color:#ffffff0f;border-radius:50%;opacity:.68;inset:6px;animation:brand-orbit 6s linear infinite}.brand-logo-note{position:relative;z-index:3;filter:drop-shadow(0 3px 4px rgba(46,24,105,.24));transform-origin:48% 58%;animation:brand-note-float 3.4s ease-in-out infinite}.brand-logo-signal{position:absolute;z-index:4;display:flex;height:10px;align-items:flex-end;gap:1.5px;pointer-events:none;inset:auto 5px 5px auto}.brand-logo-signal i{display:block;width:2px;height:4px;border-radius:2px;background:#ffffffd6;box-shadow:0 0 5px #ffffff52;transform-origin:bottom;animation:brand-signal 1.9s ease-in-out infinite}.brand-logo-signal i:nth-child(2){height:8px;animation-delay:-.64s}.brand-logo-signal i:nth-child(3){height:6px;animation-delay:-1.15s}.brand-mark.is-active{filter:saturate(1.14) brightness(1.04);animation:brand-live-glow 1.45s ease-in-out infinite}.brand-mark.is-active:before{animation-duration:3.4s}.brand-mark.is-active .brand-logo-orbit{opacity:.92;animation-duration:2.8s}.brand-mark.is-active .brand-logo-note{animation-duration:1.5s}.brand-mark.is-active .brand-logo-signal i{animation-name:brand-signal-live;animation-duration:.72s}.brand-mark.is-active .brand-logo-signal i:nth-child(2){animation-duration:.58s}.brand-mark.is-active .brand-logo-signal i:nth-child(3){animation-duration:.88s}.brand:hover .brand-mark,.brand:focus-visible .brand-mark,.mobile-brand:hover .brand-mark,.access-brand:hover .brand-mark{filter:saturate(1.13) brightness(1.05);box-shadow:0 15px 31px #5b3dcf61,0 0 0 5px #7557e117,inset 0 1px #ffffff6b;transform:translateY(-2px) rotate(-3deg) scale(1.055)}.brand:hover .brand-logo-note,.brand:focus-visible .brand-logo-note,.mobile-brand:hover .brand-logo-note,.access-brand:hover .brand-logo-note{animation-name:brand-note-dance;animation-duration:.8s}.brand-copy strong,.mobile-brand strong,.access-brand strong{transition:color .22s ease,letter-spacing .22s ease}.brand:hover .brand-copy strong,.brand:focus-visible .brand-copy strong,.mobile-brand:hover strong,.access-brand:hover strong{color:#6546ce;letter-spacing:-.95px}.brand:after{animation:brand-status 2.8s ease-in-out infinite}@keyframes brand-spectrum{to{transform:rotate(360deg)}}@keyframes brand-orbit{to{transform:rotate(-360deg)}}@keyframes brand-ambient{0%,to{box-shadow:0 10px 25px #5b3dcf45,inset 0 1px #ffffff5c}50%{box-shadow:0 12px 29px #714bdb5c,0 0 0 3px #7d5ee40b,inset 0 1px #ffffff63}}@keyframes brand-live-glow{0%,to{box-shadow:0 10px 25px #5b3dcf4f,0 0 #795be12e,inset 0 1px #ffffff61}50%{box-shadow:0 13px 31px #764ad970,0 0 0 6px #795be100,inset 0 1px #ffffff6b}}@keyframes brand-note-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1.5px) rotate(2deg)}}@keyframes brand-note-dance{0%,to{transform:translateY(0) rotate(0) scale(1)}35%{transform:translateY(-2px) rotate(7deg) scale(1.05)}70%{transform:translateY(1px) rotate(-3deg) scale(.98)}}@keyframes brand-signal{0%,to{transform:scaleY(.48);opacity:.48}50%{transform:scaleY(1);opacity:.9}}@keyframes brand-signal-live{0%,to{transform:scaleY(.35);opacity:.62}50%{transform:scaleY(1.28);opacity:1}}@keyframes brand-status{0%,to{box-shadow:0 0 0 5px #55b88a1a}50%{box-shadow:0 0 0 8px #55b88a00}}html[data-theme=dark] .brand-mark{background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.32),transparent 24%),linear-gradient(145deg,#8267f0,#6545d2 55%,#c94f89 135%);box-shadow:0 11px 27px #4b30b466,inset 0 1px #ffffff47}html[data-theme=dark] .brand:hover .brand-copy strong,html[data-theme=dark] .brand:focus-visible .brand-copy strong,html[data-theme=dark] .mobile-brand:hover strong,html[data-theme=dark] .access-brand:hover strong{color:#b8a5ff}@media(max-width:760px){.mobile-brand .brand-logo-orbit{inset:5px}.mobile-brand .brand-logo-signal{right:4px;bottom:4px;transform:scale(.82);transform-origin:right bottom}}@media(prefers-reduced-motion:reduce){.brand-mark,.brand-mark:before,.brand-logo-orbit,.brand-logo-note,.brand-logo-signal i,.brand:after{animation:none!important}.brand-mark.is-active .brand-logo-signal i:nth-child(1){transform:scaleY(.65)}.brand-mark.is-active .brand-logo-signal i:nth-child(2){transform:scaleY(1)}.brand-mark.is-active .brand-logo-signal i:nth-child(3){transform:scaleY(.8)}}.youtube-flow-controls{display:flex;min-width:0;align-items:center;gap:5px;margin-top:6px}.youtube-flow-controls button{position:relative;display:inline-flex;min-width:0;height:27px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid rgba(255,255,255,.07);border-radius:999px;color:#89818f;background:#ffffff06;font-size:7px;font-weight:750;letter-spacing:.2px;transition:color .15s ease,border-color .15s ease,background .15s ease,transform .15s ease}.youtube-flow-controls button:hover:not(:disabled){color:#ddd6e4;border-color:#ffffff24;background:#fff1;transform:translateY(-1px)}.youtube-flow-controls button.active{color:#d9ceff;border-color:#a084f447;background:#825de629}.youtube-flow-controls button.radio-active{color:#ffc0d7;border-color:#e35f9252;background:#d04d8426}.youtube-flow-controls button:disabled{opacity:.35;cursor:not-allowed}.youtube-flow-controls button b{position:absolute;top:2px;right:4px;font-size:6px}.youtube-queue-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.youtube-side-panel .youtube-queue-head>span{color:#6f6876;font-size:6px;letter-spacing:.2px;text-transform:none}.youtube-queue-item{display:grid;width:100%;min-width:0;min-height:46px;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:2px;border-radius:11px;color:#756e7c;background:transparent;transition:opacity .14s ease,background .14s ease,box-shadow .14s ease}.youtube-queue-item:hover{color:#aaa0b1;background:#ffffff0b}.youtube-queue-item.active{color:#a890ff;background:#8460e21f;box-shadow:inset 2px 0 #8f70f3}.youtube-queue-item.dragging{opacity:.45}.youtube-queue-grip{display:grid;height:32px;place-items:center;color:#5f5866;cursor:grab}.youtube-queue-item:active .youtube-queue-grip{cursor:grabbing}.youtube-queue-track{display:grid;width:100%;min-width:0;min-height:44px;grid-template-columns:18px 34px minmax(0,1fr);align-items:center;gap:7px;padding:4px 2px;color:inherit;background:transparent;text-align:left}.youtube-queue-track>span:last-child{min-width:0}.youtube-queue-item.active strong{color:#f1edf5}.youtube-queue-actions{display:flex;width:0;overflow:hidden;align-items:center;opacity:0;transition:width .15s ease,opacity .15s ease}.youtube-queue-item:hover .youtube-queue-actions,.youtube-queue-item:focus-within .youtube-queue-actions{width:62px;opacity:1}.youtube-queue-actions button{display:grid;width:20px;height:28px;place-items:center;border-radius:6px;color:#918897;background:transparent}.youtube-queue-actions button:hover:not(:disabled){color:#eee8f2;background:#ffffff14}.youtube-queue-actions button.danger:hover{color:#ff9caf;background:#de53701f}.youtube-queue-actions button:disabled{opacity:.2;cursor:not-allowed}.youtube-suggestion{display:grid;width:100%;min-width:0;min-height:43px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:3px;padding:3px;border-radius:10px;color:#c7c0cc;background:transparent;transition:background .15s ease,transform .15s ease}.youtube-suggestion-main{display:grid;min-width:0;grid-template-columns:35px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:1px 2px;color:inherit;background:transparent;text-align:left}.youtube-suggestion-main>span:nth-child(2){min-width:0}.youtube-suggestion-add{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#9c8bd2;background:#8260e01a}.youtube-suggestion-add:hover{color:#f0eaff;background:#8260e03d}@media(max-width:620px){.youtube-now-playing{padding-bottom:9px}.youtube-flow-controls{margin-top:5px}.youtube-flow-controls button{min-height:34px;flex:1;padding-inline:6px;font-size:8px}.youtube-side-panel .youtube-queue-list{height:132px}.youtube-queue-item{min-height:52px}.youtube-queue-actions{width:62px;opacity:1}.youtube-queue-head>span{display:none}.youtube-suggestions{display:flex}.youtube-suggestion{width:min(82vw,292px);min-height:56px;flex:0 0 min(82vw,292px);grid-template-columns:minmax(0,1fr) 34px;margin-bottom:2px;padding:5px;border:1px solid rgba(255,255,255,.06);background:#ffffff06;scroll-snap-align:start}.youtube-suggestion-main{grid-template-columns:42px minmax(0,1fr) 28px}.youtube-suggestion-add{width:34px;height:38px}}.disco-card-heading{grid-template-columns:minmax(0,1fr) 84px}.disco-card-quick-actions{display:flex;justify-content:flex-end;gap:4px}.disco-queue-add{display:grid;width:40px;height:40px;place-items:center;border:1px solid #e5deea;border-radius:12px;color:#a05686;background:#fff4f8;transition:color .14s ease,background .14s ease,transform .14s ease}.disco-queue-add:hover:not(:disabled){color:#fff;background:#b95286;transform:translateY(-1px)}.disco-queue-add:disabled{opacity:.45;cursor:wait}html[data-theme=dark] .disco-queue-add{color:#f0a4c6;border-color:#4a4054;background:#d8528e1c}@media(max-width:520px){.disco-card-heading{grid-template-columns:minmax(0,1fr) 76px}.disco-card-quick-actions{gap:2px}.disco-card-quick-actions button{width:37px;height:37px}}@media(min-width:621px){.youtube-player-dock{height:226px}.app-shell.has-youtube-player .main-content{padding-bottom:268px}.has-youtube-player .toast{bottom:260px}}@media(max-width:1100px)and (min-width:621px){.youtube-player-dock,.youtube-player-dock.single-track{grid-template-columns:320px minmax(0,1fr)}.youtube-side-panel,.youtube-player-dock.single-track .youtube-side-panel{display:none}}.open-recognition-card{border-color:#5db1894d;background:radial-gradient(circle at 96% 0,rgba(89,199,149,.09),transparent 28%),#ffffffd6}.open-logo{color:#f8fffb;background:linear-gradient(145deg,#43a878,#267654);box-shadow:0 10px 24px #2e8b5e3b}.recognition-route{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:10px}.recognition-route>div{display:grid;min-width:0;grid-template-columns:26px minmax(0,1fr);align-content:center;column-gap:9px;padding:12px;border:1px solid rgba(68,151,107,.18);border-radius:13px;background:#ecf9f2b8}.recognition-route>div>span{display:grid;width:26px;height:26px;grid-row:span 2;place-items:center;border-radius:9px;color:#fff;background:#3d9b6d;font:750 9px Manrope,sans-serif}.recognition-route strong,.recognition-route small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recognition-route strong{color:var(--ink);font:700 10px Manrope,sans-serif}.recognition-route small{margin-top:2px;color:#7d9185;font-size:8px}.recognition-route>i{display:grid;place-items:center;color:#a6b8ae}.recognition-route>div.muted{border-style:dashed;border-color:var(--line);background:#f6f4f6b8}.recognition-route>div.muted>span{color:#8f8991;background:#ded9df}.recognition-route>div.muted strong,.recognition-route>div.muted small{color:#9f999f}.open-engine-note{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 13px;border-radius:13px;color:#5e7467;background:#e7f7efb3;font-size:9px;line-height:1.55}.open-engine-note>svg{flex:0 0 auto;margin-top:1px;color:#3e9d6e}.open-engine-note strong{color:#355c47}.open-engine-note a{display:inline-flex;align-items:center;gap:3px;color:#357d5a;font-weight:750}.fallback-panel{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#f9f8f9cc}.fallback-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.fallback-heading>div{min-width:0}.fallback-heading>div>span,.fallback-heading strong,.fallback-heading small{display:block}.fallback-heading>div>span{color:#a09aa1;font-size:8px;font-weight:750;letter-spacing:.55px;text-transform:uppercase}.fallback-heading strong{margin-top:3px;color:var(--ink);font:720 12px Manrope,sans-serif}.fallback-heading small{margin-top:3px;color:#8c858e;font-size:9px}.fallback-toggle{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:8px;padding:0 12px;border:1px solid #ded9df;border-radius:11px;color:#716b73;background:#fff;font-size:9px;font-weight:750}.fallback-toggle>span{position:relative;display:block;width:28px;height:16px;border-radius:999px;background:#d9d4db}.fallback-toggle>span i{position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .18s ease}.fallback-toggle.enabled{color:#88506a;border-color:#c35d8b40;background:#fff8fb}.fallback-toggle.enabled>span{background:#d66598}.fallback-toggle.enabled>span i{transform:translate(12px)}.fallback-toggle:disabled{opacity:.52;cursor:not-allowed}.compact-secret{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.compact-secret .secondary-button{flex:0 0 auto;white-space:nowrap}html[data-theme=dark] .open-recognition-card{background:radial-gradient(circle at 96% 0,rgba(67,168,120,.12),transparent 28%),#1b181feb}html[data-theme=dark] .recognition-route>div{border-color:#52b18033;background:#31674b2e}html[data-theme=dark] .recognition-route>div.muted,html[data-theme=dark] .fallback-panel{border-color:#ffffff14;background:#ffffff06}html[data-theme=dark] .open-engine-note{color:#a2b7aa;background:#367b5726}html[data-theme=dark] .open-engine-note strong{color:#c5dfcf}html[data-theme=dark] .fallback-toggle{color:#b5aeb8;border-color:#ffffff1a;background:#ffffff0a}@media(max-width:620px){.recognition-route{grid-template-columns:1fr;gap:7px}.recognition-route>i{height:12px;transform:rotate(90deg)}.recognition-route>div{min-height:58px}.fallback-heading{align-items:stretch;flex-direction:column;gap:11px}.fallback-toggle{width:100%;justify-content:center}.open-engine-note{font-size:10px}}.persistent-home-view[hidden]{display:none!important}.recent-heading-actions{display:flex;align-items:center;gap:10px}.section-heading .recent-play-all{display:grid;min-height:42px;grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:7px;align-items:center;padding:6px 15px 6px 10px;border:1px solid rgba(37,99,235,.2);border-radius:14px;color:#fff;background:linear-gradient(135deg,#2f75ed,#1d4ed8);box-shadow:0 10px 24px #1d4ed833,inset 0 1px #ffffff38;text-align:left;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.section-heading .recent-play-all>svg,.section-heading .recent-play-all>.spin{grid-row:1 / span 2;justify-self:center}.section-heading .recent-play-all span{font:720 10px Manrope,sans-serif;line-height:1.1}.section-heading .recent-play-all small{color:#eff7ffbd;font-size:7px;line-height:1.1}.section-heading .recent-play-all:hover:not(:disabled){color:#fff;filter:saturate(1.08) brightness(1.04);box-shadow:0 14px 30px #1d4ed847,inset 0 1px #ffffff42;transform:translateY(-2px)}.section-heading .recent-play-all:disabled{opacity:.58;cursor:wait}.section-heading .recent-view-all{padding-inline:5px}.cover-play{position:absolute;z-index:5;bottom:10px;left:10px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;color:#f8fbff;background:#1d4ed8f0;box-shadow:0 10px 24px #0f30744d,inset 0 1px #ffffff45;opacity:0;transform:translateY(6px) scale(.88);transition:opacity .18s ease,transform .18s ease,background .18s ease}.track-card:hover .cover-play,.track-card.is-playing .cover-play,.track-card.is-resolving .cover-play,.cover-play:focus-visible{opacity:1;transform:none}.cover-play:hover:not(:disabled){background:#3478ef;transform:scale(1.05)}.cover-play:disabled{cursor:wait}.track-card.is-playing{border-color:#2563eb47;background:#eaf2ffcc;box-shadow:0 16px 38px #1d4ed81f}.track-card.is-resolving{border-color:#2563eb33}.recent-equalizer{display:flex;height:18px;align-items:flex-end;gap:2px}.recent-equalizer b{width:3px;border-radius:3px;background:currentColor;animation:recent-level .72s ease-in-out infinite alternate}.recent-equalizer b:nth-child(1){height:48%;animation-delay:-.22s}.recent-equalizer b:nth-child(2){height:100%;animation-delay:-.47s}.recent-equalizer b:nth-child(3){height:68%;animation-delay:-90ms}.persistent-radio-pill{display:flex;min-height:40px;align-items:center;gap:8px;padding:4px 10px 4px 6px;border:1px solid rgba(37,99,235,.18);border-radius:999px;color:#1d4d98;background:#e8f1fff0;box-shadow:inset 0 1px #ffffffb8;text-align:left}.persistent-radio-pill>span:nth-child(2){min-width:0}.persistent-radio-pill strong,.persistent-radio-pill small{display:block;white-space:nowrap}.persistent-radio-pill strong{font:720 9px Manrope,sans-serif}.persistent-radio-pill small{margin-top:1px;color:#6d84a4;font-size:7px}.persistent-radio-pill>svg{color:#7692b7;transition:transform .16s ease}.persistent-radio-pill:hover>svg{transform:translate(2px)}.persistent-radio-signal{position:relative;display:grid;width:30px;height:30px;flex:none;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#38bdf8,#2563eb);box-shadow:0 6px 14px #1d4ed838}.persistent-radio-signal i{position:absolute;right:0;bottom:1px;width:7px;height:7px;border:2px solid #eaf5ff;border-radius:50%;background:#67d4ff;animation:persistent-radio-pulse 1.7s ease-out infinite}.nav-item.active{color:#1d5ac2;background:linear-gradient(100deg,#2563eb24,#38bdf812);box-shadow:inset 0 0 0 1px #2563eb14}.brand-mark,html[data-theme=dark] .brand-mark{background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.4),transparent 24%),linear-gradient(145deg,#54c7f5,#2f75ed 55%,#1646b9 125%);box-shadow:0 11px 27px #1d4ed84d,inset 0 1px #ffffff4d}.brand-mark:before{background:conic-gradient(from 20deg,transparent 0 15%,rgba(255,255,255,.42) 23%,transparent 31% 63%,rgba(125,211,252,.52) 74%,transparent 84%)}.brand:hover .brand-mark,.brand:focus-visible .brand-mark,.mobile-brand:hover .brand-mark,.access-brand:hover .brand-mark{box-shadow:0 15px 31px #1d4ed85c,0 0 0 5px #38bdf81c,inset 0 1px #ffffff6b}.brand:hover .brand-copy strong,.brand:focus-visible .brand-copy strong,.mobile-brand:hover strong,.access-brand:hover strong,html[data-theme=dark] .brand:hover .brand-copy strong,html[data-theme=dark] .brand:focus-visible .brand-copy strong,html[data-theme=dark] .mobile-brand:hover strong,html[data-theme=dark] .access-brand:hover strong{color:var(--purple)}.live-wave:before{background:linear-gradient(90deg,transparent,rgba(56,189,248,.36),rgba(96,165,250,.38),transparent);box-shadow:0 0 13px #3b82f63d}.disco-queue-add{color:#1f61c8;border-color:#d4e2f6;background:#eff6ff}.disco-queue-add:hover:not(:disabled){color:#fff;background:#2563eb}html[data-theme=dark] .disco-queue-add{color:#8dc5ff;border-color:#344f70;background:#3b82f624}.youtube-flow-controls button.radio-active{color:#8dd8ff;border-color:#38bdf857;background:#0ea5e929}html[data-theme=dark] .sidebar{border-right-color:#24384f;background:linear-gradient(165deg,#121f30fa,#091321f7)}html[data-theme=dark] .nav-item.active{color:#8fc5ff;background:linear-gradient(100deg,#3b82f638,#38bdf814)}html[data-theme=dark] .topbar{border-bottom-color:#263a52cc;background:#091321db}html[data-theme=dark] .topbar-actions{border-color:#29405c;background:#142234cc}html[data-theme=dark] .persistent-radio-pill{color:#c1e2ff;border-color:#60a5fa3d;background:#1f4f8b57;box-shadow:none}html[data-theme=dark] .persistent-radio-pill small{color:#83a6cc}html[data-theme=dark] .persistent-radio-pill>svg{color:#7397bf}html[data-theme=dark] .track-card.is-playing{border-color:#60a5fa52;background:#1e407047}html[data-theme=dark] .recent-play-all{border-color:#7dd3fc33}@keyframes recent-level{0%{transform:scaleY(.45);opacity:.72}to{transform:scaleY(1);opacity:1}}@keyframes persistent-radio-pulse{0%{box-shadow:0 0 #38bdf870}70%,to{box-shadow:0 0 0 7px #38bdf800}}@keyframes brand-ambient{0%,to{box-shadow:0 10px 25px #1d4ed847,inset 0 1px #ffffff5c}50%{box-shadow:0 12px 29px #2563eb5c,0 0 0 3px #38bdf80f,inset 0 1px #ffffff63}}@keyframes brand-live-glow{0%,to{box-shadow:0 10px 25px #1d4ed857,0 0 #38bdf833,inset 0 1px #ffffff61}50%{box-shadow:0 13px 31px #2563eb70,0 0 0 6px #38bdf800,inset 0 1px #ffffff6b}}.radio-player{border-color:#7dd3fc2e;background:radial-gradient(circle at 12% 5%,rgba(59,130,246,.38),transparent 36%),radial-gradient(circle at 92% 92%,rgba(14,165,233,.24),transparent 35%),linear-gradient(150deg,#12243c,#081321 56%,#0a2137);box-shadow:0 26px 64px #05162b57,inset 0 1px #ffffff17}.radio-player:before{background-image:linear-gradient(rgba(125,211,252,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(125,211,252,.025) 1px,transparent 1px)}.radio-kicker{color:#afc7df}.live-badge.on-air{color:#9bdcff;border-color:#38bdf83d;background:#0ea5e91f}.live-badge.on-air i{background:#38bdf8;box-shadow:0 0 0 4px #38bdf824}.station-drawer,.radio-control-dock{border-color:#7dd3fc21;background:#2f69a41f}.custom-station.active{border-color:#60a5fa80;background:#3b82f624}.add-station-form input:focus{border-color:#60a5fabd;box-shadow:0 0 0 3px #3b82f624}.station-art{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.34),transparent 22%),linear-gradient(145deg,color-mix(in srgb,var(--station-color),white 24%),var(--station-color) 52%,#2563eb);box-shadow:0 22px 44px #1859a657,inset 0 1px 1px #ffffff52}.live-wave i,.live-wave i:nth-child(4n){background:linear-gradient(180deg,#8be2ff,#38bdf8 45%,#3b82f6);box-shadow:0 0 7px #38bdf83d}.radio-volume input{accent-color:#38bdf8}.identify-live{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 10px 24px #1d4ed847}.identify-live:not(:disabled):hover{background:linear-gradient(135deg,#3478ef,#22b7ee)}.youtube-player-dock{border-color:#7dd3fc2e;background:radial-gradient(circle at 54% -100%,rgba(37,99,235,.48),transparent 49%),radial-gradient(circle at 100% 100%,rgba(14,165,233,.18),transparent 40%),linear-gradient(135deg,#10243d,#071321 72%);box-shadow:0 28px 82px #0414286b,0 3px 12px #061c353d}.youtube-video-loading,.youtube-video-error{background:radial-gradient(circle at center,#15375d,#050d18 70%)}.youtube-live-mark{color:#a5dcff}.youtube-live-mark i{background:#38bdf8;box-shadow:0 0 0 4px #38bdf826}.youtube-current-cover{color:#e3f5ff;background:linear-gradient(145deg,#2563eb,#22b7ee)}.youtube-progress-row input,.youtube-volume input{accent-color:#38bdf8}.youtube-controls .youtube-main-control{color:#0b1e34;background:#eef8ff}.youtube-controls .youtube-main-control:hover{color:#12345b;background:#fff}.youtube-queue{border-left-color:#7dd3fc1a;background:#3884c70e}.youtube-queue-list>button.active,.youtube-queue-item.active{color:#91c9ff;background:#3b82f626;box-shadow:inset 2px 0 #60a5fa}.queue-equalizer b{background:#67c9ff}.youtube-panel-tabs button.active{color:#eef8ff;background:#3b82f633;box-shadow:inset 0 0 0 1px #60a5fa29}.youtube-panel-tabs button span{color:#86c5ff}.youtube-suggestion-play{color:#d9efff;background:#3b82f638}.youtube-suggestion-play b{color:#0b1c31;background:#b8e3ff}.youtube-suggestion-add{color:#8ec9ff;background:#3b82f621}.youtube-suggestion-add:hover{color:#eff8ff;background:#3b82f647}.youtube-flow-controls button.active{color:#c7e5ff;border-color:#60a5fa4d;background:#3b82f62e}.youtube-player-close{background:#051221cc}.youtube-player-close:hover{background:#183f67f5}@media(hover:none){.cover-play,.cover-add{opacity:1;transform:none}}@media(max-width:620px){.recent-heading{align-items:flex-start;gap:14px}.recent-heading-actions{flex-direction:column;align-items:flex-end;gap:3px}.section-heading .recent-play-all{min-height:40px;padding-right:11px}.section-heading .recent-play-all small{display:none}.section-heading .recent-view-all{min-height:28px;padding:2px 4px}.persistent-radio-pill{width:38px;min-height:38px;padding:4px;justify-content:center}.persistent-radio-pill>span:nth-child(2),.persistent-radio-pill>svg{display:none}.persistent-radio-signal{width:30px;height:30px}.topbar-actions:has(.persistent-radio-pill) .private-status,.topbar-actions:has(.persistent-radio-pill) .demo-badge{display:none}.cover-play{width:40px;height:40px}}@media(max-width:390px){.recent-heading{flex-direction:column}.recent-heading-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between}}@media(prefers-reduced-motion:reduce){.recent-equalizer b,.persistent-radio-signal i{animation:none!important}}.recognizer-card:before{background:radial-gradient(circle,rgba(56,189,248,.12),transparent 67%)}.recognizer-card:after{background:radial-gradient(circle,rgba(37,99,235,.09),transparent 67%)}.orb-ripple{border-color:#3b82f62b;background:#38bdf80a}.ripple-two{border-color:#1d4ed829}.listen-orb{background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.26),transparent 25%),linear-gradient(145deg,#67d4ff 4%,#2f75ed 50%,#1746b8);box-shadow:0 20px 45px #1d4ed840,0 10px 25px #38bdf82b}.listen-orb:not(:disabled):hover{box-shadow:0 24px 48px #1d4ed84f,0 10px 24px #38bdf836}.activate-real{color:#1f5fc2;border-color:#2563eb2e;background:#eff6ff}.record-stack{color:#2563eb7a}.record-stack span{background:#e5efff}.record-stack span:nth-child(2){background:#d7e6fb}.found-label.is-known{color:#225ba8;border-color:#2563eb33;background:#3b82f614}.found-label.is-known .found-label-icon{background:#2f6fcf}.disco-hero{border-color:#2563eb24;background:radial-gradient(circle at 76% 10%,rgba(125,211,252,.27),transparent 29%),radial-gradient(circle at 86% 86%,rgba(59,130,246,.22),transparent 33%),linear-gradient(124deg,#fff,#f3f8ff,#e5efff);box-shadow:0 28px 80px #1d4ed81a,inset 0 1px #ffffffe6}.disco-hero:before{border-color:#2563eb1a;box-shadow:0 0 0 45px #2563eb08,0 0 0 90px #38bdf805}.disco-hero-copy .eyebrow,.disco-hero-copy h1 em{color:#1f60c4}.disco-hero-glow{background:#38bdf840}.disco-shuffle{background:linear-gradient(135deg,#3478ef,#1d4ed8);box-shadow:0 12px 25px #1d4ed840,inset 0 1px #ffffff38}.disco-shuffle:hover:not(:disabled){box-shadow:0 17px 32px #1d4ed852,inset 0 1px #ffffff38}.disco-stat-filters{border-color:#2563eb1f;box-shadow:0 18px 42px #1d4ed81a}.disco-stat-filters button:after{background:#2f6fd6}.disco-stat-filters button:hover{color:#315684;background:#3b82f60f}.disco-stat-filters button.active{color:#1f5dbd;background:#eaf2ff}.disco-control-panel{border-color:#295b991f;background:#f7faffe0;box-shadow:0 13px 38px #1d4ed812}.disco-search:focus-within{color:#1f60c4;border-color:#abc8ef;box-shadow:0 0 0 4px #3b82f61a}.disco-view-switch button:hover,.disco-view-switch button.active{color:#1f60c4}.disco-card:hover{border-color:#2563eb3d;box-shadow:0 24px 50px #1d4ed821}.disco-card.is-playing{border-color:#3b82f670;box-shadow:0 20px 50px #1d4ed82e,0 0 0 3px #3b82f614}.disco-play-symbol{color:#173f83}.disco-cover-actions button:hover{color:#1f65cf}.disco-add{color:#1f60c4;border-color:#d2e1f6;background:#edf5ff}.disco-add:hover{color:#fff;background:#2563eb}.disco-album svg,.disco-listening svg{color:#3778cf}.disco-category.suggested{color:#1f60c4;border-color:#cfdef3;background:#edf5ff}.disco-page :is(button,input,select,a):focus-visible{outline-color:#3b82f64d}html[data-theme=dark] .disco-hero{border-color:#60a5fa38;background:radial-gradient(circle at 78% 8%,rgba(56,189,248,.2),transparent 28%),radial-gradient(circle at 88% 90%,rgba(37,99,235,.26),transparent 34%),linear-gradient(125deg,#14243a,#102035 56%,#0b2742)}html[data-theme=dark] .disco-hero-copy h1 em,html[data-theme=dark] .disco-hero-copy .eyebrow{color:#7fc5ff}html[data-theme=dark] .disco-stat-filters{border-color:#2d4664;background:#132133db}html[data-theme=dark] .disco-stat-filters button.active{color:#8fc7ff;background:#3b82f633}html[data-theme=dark] .disco-control-panel{border-color:#293f5a;background:#101d2edb}html[data-theme=dark] .disco-card{border-color:#293f5a;background:#142234ed}html[data-theme=dark] .disco-card:hover,html[data-theme=dark] .disco-card.is-playing{border-color:#3f6fa9}html[data-theme=dark] .disco-add{color:#8fc7ff;border-color:#345477;background:#3b82f624}html[data-theme=dark] .disco-category.suggested{color:#8fc7ff;border-color:#345477;background:#3b82f621}@media(max-width:620px){.bottom-nav button.active{color:var(--purple);background:#3b82f61a}html[data-theme=dark] .bottom-nav{border-color:#293f5a;background:#0c1827f2}html[data-theme=dark] .bottom-nav button.active{color:#8fc7ff;background:#3b82f62e}}:root{--ink: #171a21;--muted: #6f7480;--soft: #9aa0aa;--line: #e4e5e8;--paper: #ffffff;--canvas: #f7f7f4;--purple: #3157d5;--purple-dark: #2745b8;--purple-soft: #e8edff;--pink: #ff7866;--green: #32976f}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#4c6de0}.app-shell{background:radial-gradient(circle at 84% -8%,rgba(76,201,240,.075),transparent 29%),radial-gradient(circle at 22% 112%,rgba(49,87,213,.055),transparent 34%),linear-gradient(135deg,#fbfbf9,#f6f6f3 56%,#fafaf8)}.section-heading .recent-play-all,.disco-shuffle{border-color:#3157d533;background:linear-gradient(135deg,#3b61dd,#2745b8);box-shadow:0 12px 27px #2745b83b,inset 0 1px #ffffff3b}.section-heading .recent-play-all small{color:#f0f4ffc2}.section-heading .recent-play-all:hover:not(:disabled),.disco-shuffle:hover:not(:disabled){box-shadow:0 16px 32px #2745b84d,inset 0 1px #ffffff45}.cover-play{color:#f8faff;background:#3157d5f2;box-shadow:0 10px 24px #182b674d,inset 0 1px #ffffff45}.cover-play:hover:not(:disabled){background:#4268df}.track-card.is-playing{border-color:#3157d547;background:#edf1ffc7;box-shadow:0 16px 38px #2745b81c}.track-card.is-resolving{border-color:#3157d533}.persistent-radio-pill{color:#294baf;border-color:#3157d52e;background:#ebeffff0}.persistent-radio-pill small{color:#75809e}.persistent-radio-pill>svg{color:#7f8bad}.persistent-radio-signal{background:linear-gradient(145deg,#4cc9f0,#3157d5);box-shadow:0 6px 14px #2745b83b}.persistent-radio-signal i{border-color:#eef8ff;background:#ff7866}.nav-item.active{color:#2d50c4;background:linear-gradient(100deg,#3157d521,#4cc9f00b);box-shadow:inset 0 0 0 1px #3157d512}.brand-mark,html[data-theme=dark] .brand-mark{background:radial-gradient(circle at 27% 18%,rgba(255,255,255,.42),transparent 24%),linear-gradient(145deg,#59d1ee,#3157d5,#243e9c 120%);box-shadow:0 11px 27px #2745b84f,inset 0 1px #ffffff52}.brand-mark:before{background:conic-gradient(from 20deg,transparent 0 15%,rgba(255,255,255,.43) 23%,transparent 31% 63%,rgba(255,120,102,.5) 74%,transparent 84%)}.brand:hover .brand-mark,.brand:focus-visible .brand-mark,.mobile-brand:hover .brand-mark,.access-brand:hover .brand-mark{box-shadow:0 15px 31px #2745b85e,0 0 0 5px #4cc9f017,inset 0 1px #ffffff6e}.live-wave:before{background:linear-gradient(90deg,transparent,rgba(76,201,240,.35),rgba(255,120,102,.25),transparent);box-shadow:0 0 13px #4cc9f038}.disco-queue-add{color:#3157bd;border-color:#dbe1f5;background:#f2f5ff}.disco-queue-add:hover:not(:disabled){color:#fff;background:#3157d5}.youtube-flow-controls button.radio-active{color:#ffab9f;border-color:#ff786657;background:#ff786624}.radio-player{border-color:#4cc9f02b;background:radial-gradient(circle at 12% 5%,rgba(49,87,213,.38),transparent 36%),radial-gradient(circle at 92% 92%,rgba(255,120,102,.21),transparent 35%),linear-gradient(150deg,#101c31,#09111e 56%,#0d1728);box-shadow:0 26px 64px #0511235c,inset 0 1px #ffffff17}.radio-player:before{background-image:linear-gradient(rgba(76,201,240,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(76,201,240,.022) 1px,transparent 1px)}.radio-kicker{color:#b2c2d6}.live-badge.on-air{color:#ffb4a9;border-color:#ff786642;background:#ff78661f}.live-badge.on-air i{background:#ff7866;box-shadow:0 0 0 4px #ff786624}.station-drawer,.radio-control-dock{border-color:#4cc9f01f;background:#2c5d911b}.custom-station.active{border-color:#5d7ce07a;background:#3157d521}.add-station-form input:focus{border-color:#5d7ce0b8;box-shadow:0 0 0 3px #3157d521}.station-art{border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.31),transparent 24%),radial-gradient(circle at 78% 76%,rgba(76,201,240,.24),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--station-color),#8ba4ff 35%),#3157d5 58%,#173271);box-shadow:0 24px 48px #0b235266,inset 0 1px 1px #ffffff47}.live-wave i{background:linear-gradient(180deg,#8fe7f8,#4cc9f0 45%,#4268df);box-shadow:0 0 7px #4cc9f03b}.live-wave i:nth-child(4n){background:linear-gradient(180deg,#ffc1b8,#ff7866 48%,#526fdb)}.radio-volume input{accent-color:#4cc9f0}.identify-live{border:1px solid rgba(196,181,253,.28);background:linear-gradient(135deg,#8b5cf6,#6657df);box-shadow:0 10px 26px #6249cf52,inset 0 1px #ffffff2e}.identify-live:not(:disabled):hover{border-color:#ddd6fe75;background:linear-gradient(135deg,#9b72f7,#7567e7);box-shadow:0 13px 30px #6249cf66,inset 0 1px #fff3}.youtube-player-dock{border-color:#4cc9f02b;background:radial-gradient(circle at 54% -100%,rgba(49,87,213,.45),transparent 49%),radial-gradient(circle at 100% 100%,rgba(76,201,240,.13),transparent 40%),linear-gradient(135deg,#101c31,#08111e 72%);box-shadow:0 28px 82px #0410216e,0 3px 12px #0619303d}.youtube-video-loading,.youtube-video-error{background:radial-gradient(circle at center,#18314f,#050b14 70%)}.youtube-live-mark{color:#a9e7f7}.youtube-live-mark i{background:#4cc9f0;box-shadow:0 0 0 4px #4cc9f024}.youtube-current-cover{color:#eaf9ff;background:linear-gradient(145deg,#3157d5,#ff7866)}.youtube-progress-row input,.youtube-volume input{accent-color:#4cc9f0}.youtube-controls .youtube-main-control{color:#101b2e;background:#f3f8ff}.youtube-controls .youtube-main-control:hover{color:#203b66;background:#fff}.youtube-queue{border-left-color:#4cc9f017;background:#3677b10b}.youtube-queue-list>button.active,.youtube-queue-item.active{color:#9edff3;background:#3157d526;box-shadow:inset 2px 0 #4cc9f0}.queue-equalizer b{background:#63d4ee}.youtube-panel-tabs button.active{color:#f0f7ff;background:#3157d533;box-shadow:inset 0 0 0 1px #607ee126}.youtube-panel-tabs button span{color:#8dd9ed}.youtube-suggestion-play{color:#e3f8ff;background:#3157d536}.youtube-suggestion-play b{color:#111c2e;background:#b9edf8}.youtube-suggestion-add{color:#9cddec;background:#3157d51f}.youtube-suggestion-add:hover{color:#f2fbff;background:#3157d545}.youtube-flow-controls button.active{color:#c9eaf6;border-color:#5b7ce04a;background:#3157d52e}.youtube-player-close{background:#050f1cd1}.youtube-player-close:hover{background:#1a3454f7}.recognizer-card:before{background:radial-gradient(circle,rgba(76,201,240,.085),transparent 67%)}.recognizer-card:after{background:radial-gradient(circle,rgba(255,120,102,.055),transparent 67%)}.orb-ripple{border-color:#3157d526;background:#4cc9f007}.ripple-two{border-color:#ff78661f}.listen-orb{background:radial-gradient(circle at 32% 25%,rgba(255,255,255,.27),transparent 25%),linear-gradient(145deg,#6ad8ef 4%,#3157d5 54%,#253d94);box-shadow:0 20px 45px #2745b840,0 10px 25px #ff78661c}.listen-orb:not(:disabled):hover{box-shadow:0 24px 48px #2745b84f,0 10px 24px #ff786626}.activate-real{color:#3157bd;border-color:#3157d52e;background:#f1f4ff}.record-stack{color:#3157d575}.record-stack span{background:#e9edff}.record-stack span:nth-child(2){background:#dde4fb}.found-label.is-known{color:#277c5b;border-color:#32976f33;background:#32976f14}.found-label.is-known .found-label-icon{background:#32976f}.disco-hero{border-color:#3157d51c;background:radial-gradient(circle at 76% 10%,rgba(76,201,240,.13),transparent 29%),radial-gradient(circle at 86% 86%,rgba(255,120,102,.085),transparent 33%),linear-gradient(124deg,#fff,#f9fafc,#f0f3fb);box-shadow:0 28px 80px #1c2b5216,inset 0 1px #ffffffe6}.disco-hero:before{border-color:#3157d514;box-shadow:0 0 0 45px #3157d505,0 0 0 90px #4cc9f003}.disco-hero-copy .eyebrow,.disco-hero-copy h1 em{color:#3157c3}.disco-hero-glow{background:#4cc9f024}.disco-stat-filters{border-color:#3157d517;box-shadow:0 18px 42px #1c2b5216}.disco-stat-filters button:after{background:#3157d5}.disco-stat-filters button:hover{color:#3e4e73;background:#3157d50b}.disco-stat-filters button.active{color:#3157bd;background:#edf1ff}.disco-control-panel{border-color:#454e631a;background:#ffffffd1;box-shadow:0 13px 38px #2027370f}.disco-search:focus-within{color:#3157bd;border-color:#b9c6ef;box-shadow:0 0 0 4px #3157d516}.disco-view-switch button:hover,.disco-view-switch button.active{color:#3157bd}.disco-card:hover{border-color:#3157d533;box-shadow:0 24px 50px #1f2a481c}.disco-card.is-playing{border-color:#3157d561;box-shadow:0 20px 50px #2745b824,0 0 0 3px #3157d50f}.disco-play-symbol{color:#243d8f}.disco-cover-actions button:hover{color:#3157c3}.disco-add{color:#3157bd;border-color:#dce2f4;background:#f2f5ff}.disco-add:hover{color:#fff;background:#3157d5}.disco-album svg,.disco-listening svg{color:#4b68c7}.disco-category.suggested{color:#3157bd;border-color:#d8dff3;background:#f2f5ff}.disco-page :is(button,input,select,a):focus-visible{outline-color:#3157d540}html[data-theme=dark]{--ink: #f2f4f8;--muted: #a9b0bc;--soft: #747f8f;--line: #2a3240;--paper: #141b28;--canvas: #0c1018;--purple: #7a9bff;--purple-dark: #afc4ff;--purple-soft: rgba(49,87,213,.22);--pink: #ff927f}html[data-theme=dark] .app-shell{background:radial-gradient(circle at 82% -10%,rgba(76,201,240,.07),transparent 28%),radial-gradient(circle at 20% 110%,rgba(49,87,213,.12),transparent 34%),var(--canvas)}html[data-theme=dark] .sidebar{border-right-color:#252d3a;background:linear-gradient(165deg,#141b28fa,#0c1018f7)}html[data-theme=dark] .nav-item.active{color:#9db4ff;background:linear-gradient(100deg,#3157d538,#4cc9f00b)}html[data-theme=dark] .topbar{border-bottom-color:#2a3240d1;background:#0c1018e0}html[data-theme=dark] .topbar-actions{border-color:#2b3545;background:#161d2ad1}html[data-theme=dark] .persistent-radio-pill{color:#c9d5ff;border-color:#7a9bff3d;background:#233a7557}html[data-theme=dark] .persistent-radio-pill small{color:#8e99b1}html[data-theme=dark] .persistent-radio-pill>svg{color:#8290ad}html[data-theme=dark] .track-card.is-playing{border-color:#7a9bff4d;background:#24345e42}html[data-theme=dark] .recent-play-all{border-color:#7a9bff2e}html[data-theme=dark] .disco-hero{border-color:#7a9bff29;background:radial-gradient(circle at 78% 8%,rgba(76,201,240,.09),transparent 28%),radial-gradient(circle at 88% 90%,rgba(255,120,102,.08),transparent 34%),linear-gradient(125deg,#172033,#131b2a 56%,#101b2e)}html[data-theme=dark] .disco-hero-copy h1 em,html[data-theme=dark] .disco-hero-copy .eyebrow{color:#9db4ff}html[data-theme=dark] .disco-stat-filters{border-color:#2d3748;background:#141b28e0}html[data-theme=dark] .disco-stat-filters button.active{color:#9db4ff;background:#3157d533}html[data-theme=dark] .disco-control-panel{border-color:#293343;background:#121925e0}html[data-theme=dark] .disco-card{border-color:#293343;background:#151d2af0}html[data-theme=dark] .disco-card:hover,html[data-theme=dark] .disco-card.is-playing{border-color:#49629c}html[data-theme=dark] .disco-add,html[data-theme=dark] .disco-category.suggested,html[data-theme=dark] .disco-queue-add{color:#9db4ff;border-color:#394865;background:#3157d521}@keyframes persistent-radio-pulse{0%{box-shadow:0 0 #ff786666}70%,to{box-shadow:0 0 0 7px #ff786600}}@keyframes brand-ambient{0%,to{box-shadow:0 10px 25px #2745b84a,inset 0 1px #ffffff5c}50%{box-shadow:0 12px 29px #3157d55e,0 0 0 3px #4cc9f00d,inset 0 1px #ffffff63}}@keyframes brand-live-glow{0%,to{box-shadow:0 10px 25px #2745b854,0 0 #ff78662e,inset 0 1px #ffffff61}50%{box-shadow:0 13px 31px #3157d56e,0 0 0 6px #ff786600,inset 0 1px #ffffff6b}}@media(max-width:620px){.bottom-nav button.active{color:var(--purple);background:#3157d517}html[data-theme=dark] .bottom-nav{border-color:#293343;background:#0d121bf5}html[data-theme=dark] .bottom-nav button.active{color:#9db4ff;background:#3157d52e}}@media(max-width:620px){:is(.menu-button,.mobile-close,.icon-button,.square-button,.radio-play,.identify-live,.auto-recognition-switch,.fallback-toggle,.dialog-header>button,.metadata-dialog button,.lyrics-dialog button,.playlist-dialog button,.configuration-actions button,.library-page-buttons button){min-width:44px;min-height:44px}:is(.secret-field input,.credential-grid input,.disco-control-panel select,.library-pagination select,.playlist-transfer-action select){min-height:44px}}