:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top left,#1a2238,#090c14 55%);color:#f4f5f7;--background-pulse-duration: 14000;--background-pulse-move-padding: 18}html[data-theme=light]{color-scheme:light;background:radial-gradient(circle at top left,#f5f6f8,#e4e6ec 65%);color:#1a1f2c}body,html,#root{margin:0;min-height:100%;background:transparent}body:before{content:"";position:fixed;pointer-events:none}body:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,#1a2238,#090c14 55%);z-index:-3}html[data-theme=light] body:before{background:radial-gradient(circle at top left,#f5f6f8,#e4e6ec 65%)}.background-pulse{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:-2}.background-pulse__orb{position:absolute;width:140vmax;height:140vmax;left:50%;top:50%;transform:translate3d(calc(-50% + var(--pulse-offset-x, 0px)),calc(-50% + var(--pulse-offset-y, 0px)),0);transition:transform 4.5s ease-in-out;pointer-events:none}.background-pulse__orb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,#3a52849e,#2e40746b,#1a22442e 56%,#0c102000);mix-blend-mode:screen;opacity:.08;transform:scale(1);animation:backgroundPulseGlow calc(var(--background-pulse-duration) * 1ms) ease-in-out infinite}html[data-theme=light] .background-pulse__orb:before{background:radial-gradient(circle,#28324152,#3c46562e,#646e7d14 56%,#8c919b00);mix-blend-mode:multiply;opacity:.12}@keyframes backgroundPulseGlow{0%{opacity:.08;transform:scale(1)}50%{opacity:.42;transform:scale(1.12)}to{opacity:.08;transform:scale(1)}}html[data-theme=light] .background-pulse__orb:before{animation-name:backgroundPulseGlowLight}@keyframes backgroundPulseGlowLight{0%{opacity:.1;transform:scale(1)}50%{opacity:.22;transform:scale(1.08)}to{opacity:.1;transform:scale(1)}}*{box-sizing:border-box}a{color:inherit}.app{display:flex;flex-direction:column;gap:2.5rem;padding:clamp(1.25rem,4vw,2.5rem);max-width:1100px;margin:0 auto;width:100%}.app__toasts{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1200;pointer-events:none}.app__toast{background:#dc5252f2;color:#fff;padding:.75rem 1.2rem;border-radius:999px;font-size:.95rem;box-shadow:0 18px 40px #05071073;opacity:0;transform:translateY(-12px) scale(.98);animation:toast-in .18s ease-out forwards,toast-out .32s ease-in forwards;animation-delay:0s,3.6s}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{to{opacity:0;transform:translateY(-10px) scale(.95)}}.intro-overlay,.settings-overlay,.server-status-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100}.settings-overlay{z-index:1050}.server-status-overlay{z-index:1150;display:grid;place-items:center;padding:1.25rem}.intro-overlay{display:grid;place-items:center;padding:1.25rem}.intro-overlay__backdrop,.settings-overlay__backdrop,.server-status-overlay__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.settings-overlay__backdrop{background:#00000073}.intro-overlay__panel,.settings-overlay__panel,.server-status-overlay__panel{position:relative;width:min(540px,100%);padding:1.5rem;border-radius:1.25rem;background:#0a0f19eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #040814a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.settings-overlay__panel{width:min(360px,calc(100% - 2.5rem));position:absolute;top:1.25rem;right:1.25rem}.server-status-overlay__panel{width:min(520px,100%);display:flex;flex-direction:column;gap:.75rem}.settings-overlay__content{display:flex;flex-direction:column;gap:1rem;margin-top:.75rem}html[data-theme=light] .intro-overlay__panel,html[data-theme=light] .settings-overlay__panel,html[data-theme=light] .server-status-overlay__panel{background:#fffc;border-color:#00000014;box-shadow:0 24px 48px #14191e1f}.server-status__headline{margin:0;font-size:1.2rem}.server-status__progress{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.server-status__progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8aa8ff,#6fe2b5);transition:width .4s ease}html[data-theme=light] .server-status__progress{background:#00000014;border-color:#00000014}.server-status__percent,.server-status__note{margin:0}.server-status__actions{display:flex;justify-content:flex-end;margin-top:.25rem}.server-status__button{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.6rem 1rem;background:#7799ff38;color:inherit;font:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.server-status__button:hover,.server-status__button:focus-visible{outline:none;background:#7799ff4d;border-color:#7799ff8c;transform:translateY(-1px)}.intro-overlay__actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.intro-overlay__button{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.65rem 1rem;background:#7799ff38;color:inherit;font:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.intro-overlay__button:hover,.intro-overlay__button:focus-visible{outline:none;background:#7799ff4d;border-color:#7799ff8c;transform:translateY(-1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app__header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.app__header-content{flex:1;min-width:0}.app__header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.25rem}.app__header-top .label{margin:0;flex:1;min-width:0}.app__header-controls{display:flex;flex-direction:column;align-items:flex-end;gap:1rem;flex-shrink:0}.settings-button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0a0f198c;box-shadow:0 16px 30px #04081480;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f4f5f7a6;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;flex-shrink:0}.settings-button:hover,.settings-button:focus-visible{outline:none;transform:translateY(-1px);color:#f4f5f7;border-color:#7799ff73;background:#7799ff2e}html[data-theme=light] .settings-button{background:#ffffffc7;border-color:#00000014;box-shadow:0 18px 34px #0f12161a;color:#1a1f2cb3}html[data-theme=light] .settings-button:hover,html[data-theme=light] .settings-button:focus-visible{color:#1a1f2ceb;background:#bec8dc59;border-color:#788caf73}@media (max-width: 860px){.app__header{flex-direction:column;align-items:stretch;gap:1.5rem}.app__header-content{width:100%}.app__header-top{display:flex;align-items:center;justify-content:space-between}.app__header-controls{align-items:stretch}.settings-overlay__panel{left:1.25rem;right:1.25rem;top:1.25rem;width:auto}}.app__header h1{margin:.25rem 0 .75rem;font-size:clamp(2rem,3vw,2.75rem)}.app__header .muted{max-width:520px}.background-toggle{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.background-toggle__switch{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0a0f198c;box-shadow:0 16px 30px #04081480;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none}html[data-theme=light] .background-toggle__switch{background:#ffffffc7;border-color:#00000014;box-shadow:0 18px 34px #0f12161a}.background-toggle__checkbox-input{position:absolute;opacity:0;width:1px;height:1px}.background-toggle__switch-track{width:46px;height:26px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);position:relative;transition:background-color .2s ease,border-color .2s ease;flex-shrink:0}html[data-theme=light] .background-toggle__switch-track{background:#00000014;border-color:#0000001f}.background-toggle__switch-thumb{width:22px;height:22px;border-radius:50%;background:#f4f5f7e6;position:absolute;top:50%;left:2px;transform:translate3d(0,-50%,0);transition:transform .22s ease,background-color .2s ease}html[data-theme=light] .background-toggle__switch-thumb{background:#fffffff2}.background-toggle__checkbox-input:checked+.background-toggle__switch-track{background:#7799ff61;border-color:#7799ff8c}.background-toggle__checkbox-input:checked+.background-toggle__switch-track .background-toggle__switch-thumb{transform:translate3d(20px,-50%,0);background:#f4f5f7fa}.background-toggle__checkbox-input:focus-visible+.background-toggle__switch-track{box-shadow:0 0 0 3px #7799ff38}.background-toggle__switch-text{color:#f4f5f7bf;font-size:.95rem;min-width:3.5rem;text-align:right}html[data-theme=light] .background-toggle__switch-text{color:#1a1f2cb8}.background-toggle__label{color:#f4f5f7a6}html[data-theme=light] .background-toggle__label{color:#1a1f2c9e}@media (max-width: 860px){.background-toggle{align-items:flex-start}.background-toggle__switch-text{text-align:left}}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#f4f5f7a6;margin:0 0 .25rem}html[data-theme=light] .label{color:#1a1f2c99}.muted{color:#f4f5f7a6;margin:0}html[data-theme=light] .muted{color:#1a1f2ca6}.error{color:#ff7b7b;margin:.5rem 0}.app__body{display:flex;flex-direction:column;gap:2rem}.search-panel{background:#0a0f198c;border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;z-index:2;width:100%}html[data-theme=light] .search-panel{background:#ffffffc2;border-color:#0000000f}@media (max-width: 640px){.search-panel{width:100%;padding:1.5rem}}.search-panel__input input{width:100%;padding:.9rem 1.1rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.1);background:#0f121ea6;color:inherit;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}html[data-theme=light] .search-panel__input input{background:#ffffffe6;border-color:#0000001f}.search-panel__input input:focus{outline:none;border-color:#7799ffb3;box-shadow:0 0 0 3px #79f3}.search-panel__input-wrapper{position:relative}.results-popover{position:absolute;top:calc(100% + .5rem);left:0;right:0;padding:.75rem;border-radius:1rem;background:#0a0f19eb;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 48px #040814a6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);max-height:250px;overflow-y:auto;z-index:30}html[data-theme=light] .results-popover{background:#ffffffeb;border-color:#00000014;box-shadow:0 20px 40px #0f12161f}.results-popover::-webkit-scrollbar{width:6px}.results-popover::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}html[data-theme=light] .results-popover::-webkit-scrollbar-thumb{background:#0000002e}.placeholder{border:1px dashed rgba(255,255,255,.12);border-radius:1.25rem;padding:2.5rem 2rem;text-align:center;background:#0a0f1959}html[data-theme=light] .placeholder{border-color:#0000001a;background:#ffffff8c}.results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.results-list li button{display:flex;align-items:center;gap:.9rem;width:100%;padding:.75rem .9rem;border-radius:1rem;border:1px solid transparent;background:#0e121c99;color:inherit;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}html[data-theme=light] .results-list li button{background:#ffffffbf}.results-list li button:hover,.results-list li button:focus-visible{transform:translateY(-1px);border-color:#79f6}.results-list li.active button{background:#7799ff26;border-color:#7799ff73;box-shadow:0 6px 20px #2f4e9359}.results-list img,.results-list .avatar-placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#ffffff14;display:grid;place-items:center;font-weight:600;font-size:1.2rem;color:#f4f5f7e6}html[data-theme=light] .results-list img,html[data-theme=light] .results-list .avatar-placeholder{background:#0000000f;color:#1a1f2ce6}.results-list .meta{display:flex;flex-direction:column;gap:.25rem;text-align:left}.results-list strong{font-size:1rem}.details-panel{background:#0a0f198c;border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:clamp(1.75rem,4vw,2rem);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:420px;position:relative;z-index:1}html[data-theme=light] .details-panel{background:#ffffffc2;border-color:#0000000f}@media (max-width: 640px){.details-panel{padding:1.5rem}}.artist-details header{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.75rem}@media (max-width: 640px){.artist-details header{flex-direction:column;align-items:flex-start;text-align:left}}.artist-details header img,.artist-details .avatar-placeholder{width:96px;height:96px;border-radius:1.5rem;object-fit:cover;flex-shrink:0;background:#ffffff1a;display:grid;place-items:center;font-size:2rem;font-weight:600}.artist-details h2{margin:0;font-size:1.75rem}.details-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.details-grid h3{margin:0 0 .75rem}.track-list{margin:0;padding:0;list-style:decimal inside;display:flex;flex-direction:column;gap:.9rem}.track-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:#ffffff0a;padding:.85rem 1rem;border-radius:.9rem}.track-list--interactive li{background:transparent;padding:0}.track-list__button{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;padding:.85rem 1rem;border-radius:.9rem;border:1px solid transparent;background:#ffffff0a;color:inherit;font:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;overflow:hidden}.track-list__button:hover,.track-list__button:focus-visible{outline:none;transform:translateY(-1px);background:#7799ff2e;border-color:#7799ff73;box-shadow:0 10px 26px #2f4e9359}.track-list__button.is-playing{background:#7799ff38;border-color:#79f9;box-shadow:0 12px 32px #2f4e9373}.track-list__button:disabled{cursor:not-allowed;opacity:.65;box-shadow:none;transform:none;border-color:transparent}.track-list__button:disabled:hover,.track-list__button:disabled:focus-visible{background:#ffffff0a;box-shadow:none}.track-list__meta{display:flex;flex-direction:column;gap:.25rem;text-align:left;position:relative;z-index:1}.track-list__actions{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.track-list__duration{min-width:3ch;text-align:right}.track-list__indicator{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;font-size:.8rem;font-weight:600;background:#7799ff38;color:#f4f5f7f2;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .2s ease,background .2s ease;position:relative}.track-list__button:hover .track-list__indicator,.track-list__button:focus-visible .track-list__indicator,.track-list__button.is-playing .track-list__indicator{opacity:1;transform:translateY(0)}.track-list__error{margin:.85rem 0 0;padding:.75rem 1rem;border-radius:.75rem;background:#ff4b4b14;border:1px solid rgba(255,138,138,.35);font-size:.85rem;color:#ffb3b3;display:flex;flex-direction:column;gap:.45rem}.track-list__error p{margin:0}.track-list__error-meta{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,monospace;font-size:.78rem;color:#ffd5d5f2}.track-list__error-meta dt{font-weight:600}.track-list__error-meta dd{margin:0}.track-list__button.is-playing .track-list__indicator{background:#7799ff59}.track-list__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .2s ease,transform .2s ease;z-index:1}.track-list__icon--stop{font-size:.7rem}.track-list__icon--hidden{opacity:0;transform:translateY(6px)}.track-list__visualizer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;opacity:0;pointer-events:none;transform:scale(.985);transition:opacity .28s ease,transform .32s ease;z-index:0}.track-list__visualizer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#7799ff2e,#4c2de60d);opacity:0;transition:opacity .3s ease}.track-list__visualizer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(176,204,255,.15),transparent 55%),radial-gradient(circle at 80% 30%,rgba(255,182,219,.12),transparent 60%),#201b3740;mix-blend-mode:screen}.track-list__visualizer-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;mix-blend-mode:screen}.track-list__visualizer-canvas>canvas{width:100%;height:100%}.track-list__visualizer.is-active{opacity:1;transform:scale(1)}.track-list__visualizer.is-active:before{opacity:1}.track-list strong{display:block}.related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.related-list li{border-radius:.8rem;padding:0;background:none}.related-list__button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem .9rem;border:none;border-radius:inherit;background:#ffffff0a;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.related-list__button:hover,.related-list__button:focus-visible{background:#ffffff14;box-shadow:0 12px 28px #04081459;outline:none;transform:translateY(-1px)}.related-list__thumb{width:36px;height:36px;border-radius:.65rem;object-fit:cover;flex-shrink:0}.related-list__thumb--placeholder{display:grid;place-items:center;background:#ffffff14;color:#f4f5f7cc;font-weight:600;text-transform:uppercase}.related-list__label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-list__source{padding:.2rem .45rem;border-radius:999px;font-size:.7rem;letter-spacing:.02em;color:#f4f5f7c7;background:#ffffff17;flex-shrink:0}.loading-indicator{display:inline-flex;align-items:center;gap:.75rem;padding:.6rem .9rem;border-radius:999px;background:#ffffff0a;width:fit-content}.loading-indicator__spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(244,245,247,.25);border-top-color:#8aa8ff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.provider-switcher,.provider-switcher label{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.provider-switcher__select{background:#0f121ecc;color:inherit;border-radius:.9rem;border:1px solid rgba(255,255,255,.12);padding:.5rem .9rem;font-size:.95rem}html[data-theme=light] .provider-switcher__select{background:#ffffffe6;border-color:#0000001f}.provider-switcher__select:focus{outline:none;border-color:#7799ffb3;box-shadow:0 0 0 3px #79f3}.provider-switcher__hint{font-size:.75rem;text-align:right}.artist-tabsbar{display:flex;align-items:center;gap:.45rem;padding:0 .35rem .35rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto;width:100%;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to right,transparent,black 20px,black calc(100% - 20px),transparent);mask-image:linear-gradient(to right,transparent,black 20px,black calc(100% - 20px),transparent)}.artist-tabsbar::-webkit-scrollbar{height:6px}.artist-tabsbar::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.artist-tabsbar::-webkit-scrollbar-track{background:transparent}.artist-tab{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem .35rem .65rem;border-radius:.95rem .95rem 0 0;background:#0d12208c;border:1px solid transparent;border-bottom:none;color:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;min-width:0}.artist-tab:not(.artist-tab--active):hover{background:#ffffff14;transform:translateY(-1px)}.artist-tab:focus-visible{outline:none;box-shadow:0 0 0 2px #7799ff59}.artist-tab--active{background:#121828d9;border-color:#ffffff1f;box-shadow:0 18px 32px #04081466}.artist-tab__close{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;border:none;background:transparent;color:inherit;cursor:pointer;font-size:.85rem;transition:background .2s ease,color .2s ease}.artist-tab__close:hover,.artist-tab__close:focus-visible{background:#ff5f5f2e;color:#ff9f9f;outline:none}.artist-tab__thumb{width:28px;height:28px;border-radius:.5rem;object-fit:cover;flex-shrink:0}.artist-tab__thumb--placeholder{display:grid;place-items:center;background:#ffffff14;color:#f4f5f7cc;font-weight:600;text-transform:uppercase}.artist-tab__label{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[data-theme=light] .artist-tabsbar{border-bottom-color:#1a1f2c24}html[data-theme=light] .artist-tabsbar::-webkit-scrollbar-thumb{background:#1a1f2c3d}html[data-theme=light] .artist-tab{background:#fffc;border-color:#1a1f2c1f;color:#1a1f2c}html[data-theme=light] .artist-tab:not(.artist-tab--active):hover{background:#eff3fdf5}html[data-theme=light] .artist-tab--active{background:#fffffffa;border-color:#1a1f2c38;box-shadow:0 14px 26px #3a46602e}html[data-theme=light] .artist-tab__thumb--placeholder{background:#1a1f2c14;color:#1a1f2cb8}.service-status-labels{display:inline-flex;gap:.5rem;align-items:center;margin-left:.75rem;flex-wrap:wrap}.service-status-label{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#fff;cursor:help;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.service-status-label:hover{opacity:.85}.artist-header-title{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}@media (max-width: 640px){.service-status-labels{margin-left:0;margin-top:.5rem}.artist-header-title{flex-direction:column;align-items:flex-start}}.settings-select{min-width:11rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.12);background:#0f121ecc;color:inherit;font:inherit;padding:.5rem .75rem}.settings-select:focus-visible{outline:none;border-color:#7799ffbf;box-shadow:0 0 0 3px #7799ff2e}html[data-theme=light] .settings-select{background:#ffffffe0;border-color:#00000029}html[data-theme=studio]{color-scheme:dark;background:radial-gradient(circle at 12% 12%,#3f254f,#12142a 46%,#060912);color:#f4f5fb}html[data-theme=studio] body:before{background:radial-gradient(circle at 84% 14%,rgba(67,192,194,.24),transparent 44%),radial-gradient(circle at 14% 84%,rgba(245,98,120,.2),transparent 42%),radial-gradient(circle at top left,#3f254f,#060912 72%)}html[data-theme=studio] .background-pulse__orb:before{background:radial-gradient(circle,#67d4d585,#649adf52 30%,#6942a829 58%,#080a1200);mix-blend-mode:screen;opacity:.16}html[data-theme=studio] .intro-overlay__panel,html[data-theme=studio] .settings-overlay__panel,html[data-theme=studio] .server-status-overlay__panel,html[data-theme=studio] .search-panel,html[data-theme=studio] .details-panel,html[data-theme=studio] .results-popover{background:linear-gradient(145deg,#111728e0,#18102adb);border-color:#7dd6dc33;box-shadow:0 22px 46px #06081494}html[data-theme=studio] .settings-button,html[data-theme=studio] .background-toggle__switch,html[data-theme=studio] .provider-switcher__select,html[data-theme=studio] .settings-select{background:#12182bd6;border-color:#7dd6dc47;box-shadow:0 12px 28px #0608147a}html[data-theme=studio] .settings-button:hover,html[data-theme=studio] .settings-button:focus-visible{border-color:#7dd6dca6;background:#4bcbc533;color:#f8fcff}html[data-theme=studio] .background-toggle__switch-track{background:#ffffff14;border-color:#7dd6dc59}html[data-theme=studio] .background-toggle__checkbox-input:checked+.background-toggle__switch-track{background:linear-gradient(135deg,#f6677c8a,#50cdc98a);border-color:#7dd6dcb8}html[data-theme=studio] .search-panel__input input,html[data-theme=studio] .provider-switcher__select,html[data-theme=studio] .settings-select{border-color:#7dd6dc38}html[data-theme=studio] .search-panel__input input:focus,html[data-theme=studio] .provider-switcher__select:focus,html[data-theme=studio] .settings-select:focus-visible,html[data-theme=studio] .background-toggle__checkbox-input:focus-visible+.background-toggle__switch-track{border-color:#7dd6dccc;box-shadow:0 0 0 3px #7dd6dc33}html[data-theme=studio] .results-list li button,html[data-theme=studio] .track-list__button,html[data-theme=studio] .related-list__button,html[data-theme=studio] .artist-tab{background:#111728c7;border-color:#ffffff0d}html[data-theme=studio] .results-list li.active button,html[data-theme=studio] .track-list__button:hover,html[data-theme=studio] .track-list__button:focus-visible,html[data-theme=studio] .track-list__button.is-playing,html[data-theme=studio] .related-list__button:hover,html[data-theme=studio] .related-list__button:focus-visible,html[data-theme=studio] .artist-tab--active,html[data-theme=studio] .artist-tab:not(.artist-tab--active):hover{background:linear-gradient(145deg,#4bcbc533,#f6677c33);border-color:#7dd6dc85;box-shadow:0 12px 28px #121b367a}html[data-theme=studio] .label,html[data-theme=studio] .muted,html[data-theme=studio] .background-toggle__switch-text,html[data-theme=studio] .background-toggle__label{color:#e8effbc7}html[data-theme=studio-white]{color-scheme:light;background:radial-gradient(circle at 12% 12%,#fef6f8,#eef2fb 52%,#e7f6f7);color:#1f2634}html[data-theme=studio-white] body:before{background:radial-gradient(circle at 84% 14%,rgba(67,192,194,.22),transparent 44%),radial-gradient(circle at 14% 84%,rgba(245,98,120,.18),transparent 42%),radial-gradient(circle at top left,#fef6f8,#e7f6f7 72%)}html[data-theme=studio-white] .background-pulse__orb:before{background:radial-gradient(circle,#67d4d54d,#649adf33 30%,#6942a81a 58%,#fff0);mix-blend-mode:multiply;opacity:.14}html[data-theme=studio-white] .intro-overlay__panel,html[data-theme=studio-white] .settings-overlay__panel,html[data-theme=studio-white] .server-status-overlay__panel,html[data-theme=studio-white] .search-panel,html[data-theme=studio-white] .details-panel,html[data-theme=studio-white] .results-popover{background:linear-gradient(145deg,#ffffffeb,#f5f7fdeb);border-color:#5caeb247;box-shadow:0 18px 36px #41517033}html[data-theme=studio-white] .settings-button,html[data-theme=studio-white] .background-toggle__switch,html[data-theme=studio-white] .provider-switcher__select,html[data-theme=studio-white] .settings-select{background:#ffffffe0;border-color:#5caeb257;box-shadow:0 8px 20px #41517029}html[data-theme=studio-white] .settings-button:hover,html[data-theme=studio-white] .settings-button:focus-visible{border-color:#5caeb29e;background:#4bcbc52e;color:#1f2634}html[data-theme=studio-white] .background-toggle__switch-track{background:#1a1f2c14;border-color:#5caeb257}html[data-theme=studio-white] .background-toggle__checkbox-input:checked+.background-toggle__switch-track{background:linear-gradient(135deg,#f6677c6b,#50cdc96b);border-color:#5caeb2b3}html[data-theme=studio-white] .search-panel__input input,html[data-theme=studio-white] .provider-switcher__select,html[data-theme=studio-white] .settings-select{border-color:#5caeb252}html[data-theme=studio-white] .search-panel__input input:focus,html[data-theme=studio-white] .provider-switcher__select:focus,html[data-theme=studio-white] .settings-select:focus-visible,html[data-theme=studio-white] .background-toggle__checkbox-input:focus-visible+.background-toggle__switch-track{border-color:#5caeb2cc;box-shadow:0 0 0 3px #5caeb238}html[data-theme=studio-white] .results-list li button,html[data-theme=studio-white] .track-list__button,html[data-theme=studio-white] .related-list__button,html[data-theme=studio-white] .artist-tab{background:#ffffffd1;border-color:#41517024}html[data-theme=studio-white] .results-list li.active button,html[data-theme=studio-white] .track-list__button:hover,html[data-theme=studio-white] .track-list__button:focus-visible,html[data-theme=studio-white] .track-list__button.is-playing,html[data-theme=studio-white] .related-list__button:hover,html[data-theme=studio-white] .related-list__button:focus-visible,html[data-theme=studio-white] .artist-tab--active,html[data-theme=studio-white] .artist-tab:not(.artist-tab--active):hover{background:linear-gradient(145deg,#4bcbc533,#f6677c33);border-color:#5caeb280;box-shadow:0 10px 22px #41517033}html[data-theme=studio-white] .label,html[data-theme=studio-white] .muted,html[data-theme=studio-white] .background-toggle__switch-text,html[data-theme=studio-white] .background-toggle__label{color:#1f2634cc}
