@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";
:root{--color-ink:#071a31;--color-muted:#284c6d;--color-subtle:#4f7190;--color-night:#c4cbd1;--color-night-raised:#e7ebee;--color-panel:#f5f7f938;--color-line:#f6fcffc7;--color-blue:#086cff;--color-cyan:#00c8ff;--color-violet:#6f70ff;--color-rose:#e53677;--color-positive:#087a69;--color-warning:#9b5b00;--color-danger:#b92850;--color-silver:#f6fbff;--gradient-signal:linear-gradient(135deg, #f9fdff, #9be8ff 48%, #65a9ff);--font-sans:"Audiowide", Arial, Helvetica, sans-serif;--font-display:"Audiowide", Arial Black, Arial, Helvetica, sans-serif;--font-mono:"Audiowide", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--radius-pill:999px;--content-width:1180px;--focus-ring:0 0 0 3px #dff6ff, 0 0 0 6px #075fd8;--motion-fast:.14s;--motion-normal:.24s}
.glass-panel{-webkit-backdrop-filter:blur(26px)saturate(145%);background:linear-gradient(145deg,#f7fcff47,#ceebfc1f);border:1px solid #fafdffeb;position:relative;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #a3cfe852,0 18px 55px #12578c26,0 0 18px #f4fcffb3}.glass-panel[data-elevation=floating]{box-shadow:inset 0 1px #fff,inset 0 -1px #89c2e161,0 30px 80px #13599133,0 0 30px #fafdfff2,0 0 65px #27a1ff38}.glass-panel:before{content:"";clip-path:polygon(0 0,35% 0,38% 4%,72% 4%,75% 0,100% 0,100% 100%,66% 100%,63% 96%,28% 96%,25% 100%,0 100%);pointer-events:none;border:1px solid #ffffff3d;position:absolute;inset:8px}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-panel{background:#ddf2ffe6}}
@keyframes signal-pulse{0%,to{opacity:.55;transform:scaleX(.96)}50%{opacity:1;transform:scaleX(1)}}@keyframes ambient-drift{0%,to{transform:translate(0,0)}50%{transform:translate(2%,-1%)}}@keyframes marble-drift{0%,to{transform:translate(-5%,-3%)rotate(-7deg)scale(1.06)}50%{transform:translate(5%,4%)rotate(2deg)scale(1.16)}}@keyframes marble-fold{0%,to{opacity:.5;background-position:0 20%,20% 0}50%{opacity:.82;background-position:100% 70%,80% 100%}}.motion-signal{animation:2.4s ease-in-out infinite signal-pulse}.motion-ambient{animation:12s ease-in-out infinite ambient-drift}.marble-flow{animation:marble-drift var(--marble-speed,26s) ease-in-out infinite, marble-fold calc(var(--marble-speed,26s) * 1.4) ease-in-out infinite}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.desktop-only{display:initial}.mobile-only{display:none}@media (max-width:900px){.desktop-only{display:none!important}.mobile-only{display:initial}}@media (max-width:800px){.hero{grid-template-columns:1fr;gap:46px;padding-top:64px}.tuner-card{min-height:340px}.station-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.content-frame{width:min(100% - 28px, var(--content-width))}.hero{min-height:auto;padding:52px 0 64px}.hero h1{font-size:clamp(3.15rem,18vw,5.4rem)}.intro{font-size:1rem}.tuner-card{border-radius:var(--radius-lg);padding:26px}.frequency{margin-top:54px}.dial{left:26px;right:26px}.stations{padding-top:64px}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-ink);font-family:var(--font-sans);background-color:#0000;background-image:linear-gradient(125deg,#ffffffc7,#0000 38%),radial-gradient(at 78% 16%,#ffffffe0,#0000 30rem),radial-gradient(at 12% 52%,#6d788447,#0000 38rem),linear-gradient(145deg,#f4f6f7 0%,#aeb6bd 34%,#e8ecef 57%,#8d969f 79%,#d9dee2 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}.app-shell{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.app-shell__ambient{z-index:-3;filter:blur(64px);pointer-events:none;background:#ffffff6b;border-radius:38% 62% 46% 54%;width:48vw;height:48vw;position:fixed;inset:5% 2% auto auto}.marble-field{z-index:-2;pointer-events:none;background:radial-gradient(at 55% 0,#ffffffb3,#0000 48%),linear-gradient(112deg,#0000 12%,#40495221 35%,#ffffff6b 52%,#0000 70%);position:fixed;inset:-12%;overflow:hidden}.marble-field:before,.marble-field:after{content:"";filter:blur(34px);mix-blend-mode:soft-light;border-radius:46%;position:absolute;inset:-25%}.marble-field:before{background:conic-gradient(from 120deg at 52% 44%, transparent 0 15%, #fffc 20%, transparent 27% 48%, #2d363f66 55%, transparent 63% 82%, #ffffff9e 88%, transparent 94%);animation:34s ease-in-out infinite reverse marble-drift}.marble-field:after{opacity:.6;background:repeating-radial-gradient(at 18% 62%,#0000 0 7%,#3d464e2e 8%,#ffffff80 9%,#0000 12% 20%);animation:42s ease-in-out infinite marble-drift}.marble-flow{--marble-speed:28s;filter:blur(12px);mix-blend-mode:multiply;background-color:#0000;background-image:repeating-radial-gradient(at 30% 55%,#0000 0 8%,#39424b33 9%,#ffffffb8 10%,#0000 13% 22%);background-position:0 0;background-repeat:repeat;background-size:150% 130%,140% 160%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:45%;display:block;position:absolute;inset:-18%}.marble-flow--one{transform:rotate(-12deg)}.marble-flow--two{--marble-speed:36s;opacity:.45;filter:blur(22px);inset:-30% -15%;transform:rotate(34deg)scaleX(-1)}.marble-flow--three{--marble-speed:44s;opacity:.32;filter:blur(28px);mix-blend-mode:screen;inset:-20% -35%;transform:rotate(78deg)}.content-frame{width:min(calc(100% - 40px), var(--content-width));margin-inline:auto}.skip-link{z-index:100;left:var(--space-4);top:var(--space-4);border-radius:var(--radius-sm);color:#07101e;transition:transform var(--motion-fast);background:#fff;padding:10px 14px;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.desktop-header,.mobile-header{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:#e8ebee3d;border-bottom:1px solid #ffffffdb;box-shadow:0 1px 18px #ffffffb8}.desktop-header__inner,.mobile-header__inner{justify-content:space-between;align-items:center;min-height:92px;display:flex}.mobile-header__inner{min-height:68px}.mobile-header__title{letter-spacing:.14em;font-size:.78rem;font-weight:900}.bakko-logo{letter-spacing:.12em;align-items:center;gap:10px;min-height:66px;font-weight:900;display:inline-flex}.bakko-logo__mark{object-fit:contain;mix-blend-mode:screen;filter:grayscale()brightness(1.85)contrast(1.35)drop-shadow(0 0 4px #087bff)drop-shadow(0 0 10px #fffffff2);width:53px;height:66px}.bakko-logo[data-compact]{min-height:48px}.bakko-logo[data-compact] .bakko-logo__mark{width:38px;height:48px}.bakko-logo__wordmark{z-index:1;text-shadow:0 0 12px #ffffffdb;font-size:.9rem;position:relative}.brand-wordmark{letter-spacing:.18em;font-size:.72rem;font-weight:900}.brand-wordmark[data-muted]{color:var(--color-subtle)}.desktop-nav{color:var(--color-muted);align-items:center;gap:28px;font-size:.9rem;display:flex}.desktop-nav a{transition:color var(--motion-fast)}.desktop-nav a:hover{color:#003d94}.mobile-nav{position:relative}.mobile-nav__menu{z-index:20;border-radius:var(--radius-md);width:min(76vw,260px);padding:10px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.mobile-nav__menu a,.mobile-nav__menu button{border-radius:var(--radius-sm);color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:14px}.mobile-nav__menu a:hover,.mobile-nav__menu button:hover{background:#ffffff4d}.button{border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--motion-fast), background var(--motion-fast), border-color var(--motion-fast);border:0;font-weight:800}.button:hover{transform:translateY(-1px)}.button--small{padding:10px 17px;font-size:.86rem}.button--medium{padding:13px 20px}.button--large{padding:15px 22px}.button--signal{background:var(--gradient-signal);color:#07101e;box-shadow:0 14px 40px #5b8eff40}.button--quiet{color:var(--color-ink);background:#ffffff2e;border:1px solid #ffffffe0;box-shadow:0 0 12px #ffffff80}.button--outline{border:1px solid var(--color-blue);color:var(--color-blue);background:0 0}.icon-button{cursor:pointer;background:#fff3;border:1px solid #ffffffeb;border-radius:11px 20px;place-items:center;width:42px;height:42px;padding:0;display:grid;box-shadow:0 0 14px #ffffffa6}.icon-button:disabled{cursor:not-allowed;opacity:.45}.badge{min-height:24px;color:var(--color-muted);letter-spacing:.12em;text-transform:uppercase;background:#fff3;border:1px solid #ffffffb8;border-radius:5px 12px;align-items:center;padding:4px 9px;font-size:.6rem;font-weight:800;display:inline-flex}.badge[data-tone=live]{color:#05683f;background:#28ff9a2e;border-color:#05683f61;box-shadow:0 0 16px #20ff913d}.badge[data-tone=positive]{color:var(--color-positive)}.badge[data-tone=warning]{color:var(--color-warning)}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0f,#ffffff21,#ffffff0f) 0 0/240% 100%;animation:1.8s ease-in-out infinite signal-pulse;display:inline-block}.empty-state{text-align:center;border-radius:var(--radius-lg);border:1px dashed #ffffff2b;max-width:520px;margin:80px auto;padding:44px}.empty-state>span{color:var(--color-cyan);font-size:2.2rem}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--color-muted);line-height:1.6}.status-notice{border-left:3px solid var(--color-blue);border-radius:var(--radius-sm);color:var(--color-muted);background:#6ba9ff14;padding:12px 15px}.status-notice[data-tone=success]{border-color:var(--color-positive)}.status-notice[data-tone=warning]{border-color:var(--color-warning)}.status-notice[data-tone=error]{border-color:var(--color-danger)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px;min-height:620px;padding:72px 0;display:grid}.eyebrow{color:#07548f;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px #ffffffc7;margin:0 0 18px;font-size:.75rem;font-weight:800}.hero h1{max-width:720px;font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(3.6rem,8vw,7.8rem);line-height:.9}.hero h1 span{color:#f2fbff29;-webkit-text-stroke:1.5px #fffffff5;text-shadow:0 0 15px #fff,0 0 32px #005ddc6b}.intro{max-width:610px;color:var(--color-muted);margin:30px 0;font-size:1.08rem;line-height:1.65}.primary-action{align-items:center;gap:12px;display:inline-flex}.tuner-card{border-radius:10px 42px;min-height:390px;padding:35px}.signal-row{color:#05683f;letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:.7rem;font-weight:900;display:flex}.signal-bars{color:var(--color-cyan);letter-spacing:4px}.frequency{font-family:var(--font-mono);letter-spacing:-.035em;text-shadow:0 0 12px #fff,0 0 30px #0062ff75;margin-top:68px;font-size:clamp(4rem,8vw,6.4rem);line-height:1}.tuner-card__station{color:var(--color-muted);letter-spacing:.2em;font-size:.75rem}.dial{background:linear-gradient(90deg, transparent, var(--color-blue), var(--color-cyan), transparent);height:2px;position:absolute;bottom:67px;left:35px;right:35px}.dial span{width:3px;height:18px;box-shadow:0 0 12px var(--color-cyan);background:#fff;position:absolute;top:-8px;left:42%}.round-play{color:#071a31;cursor:pointer;background:#f9fdff8a;border:1px solid #fff;border-radius:14px 26px;width:54px;height:54px;position:absolute;bottom:27px;right:35px;box-shadow:0 0 18px #fff,0 0 34px #0069ff47}.stations{padding:78px 0 100px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.5rem)}.section-heading>p{color:var(--color-muted)}.station-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.station-card{border-radius:8px 32px;min-height:250px;padding:25px;position:relative;overflow:hidden}.station-card:after{content:"";background:var(--glow);filter:blur(45px);opacity:.24;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-90px;right:-70px}.station-card.violet{--glow:var(--color-violet)}.station-card.blue{--glow:var(--color-blue)}.station-card.cyan{--glow:var(--color-cyan)}.station-card__meta{justify-content:space-between;align-items:center;display:flex}.station-frequency{font-family:var(--font-mono);font-size:1.3rem}.station-card h3{margin:68px 0 8px;font-size:1.35rem}.station-card p{color:var(--color-muted);margin:0}.station-card .icon-button{z-index:1;color:#071a31;background:#fafdff8c;position:absolute;bottom:22px;right:22px}.promise{text-align:center;color:#1545697a;letter-spacing:-.04em;text-shadow:0 1px #ffffffb3;padding:80px 20px 110px;font-size:clamp(1.6rem,4vw,4rem);font-weight:900;line-height:.85}.promise p,.promise strong{margin:0;display:block}.promise strong{color:var(--color-cyan)}.system-page{text-align:center;place-content:center;gap:16px;min-height:100vh;padding:24px;display:grid}.system-page h1,.system-page p{margin:0}.catalog-page{min-height:calc(100vh - 84px);padding:64px 0 110px}.catalog-page>h1{max-width:820px;font-family:var(--font-display);letter-spacing:-.055em;margin:0 0 28px;font-size:clamp(2.8rem,7vw,6rem);line-height:.94}.back-link{color:var(--color-muted);margin-bottom:44px;font-size:.85rem;display:inline-flex}.back-link:hover,.artist-link:hover{color:var(--color-cyan)}.search-form{max-width:760px;margin:36px 0 64px}.search-form label{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800;display:block}.search-form>div{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3;border:1px solid #ffffffe6;grid-template-columns:1fr auto;padding:6px;display:grid;box-shadow:0 0 18px #ffffff8f}.search-form input{min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0;padding:12px 16px;font-size:1rem}.search-form input::placeholder{color:var(--color-subtle)}.search-form button{border-radius:var(--radius-pill);background:var(--gradient-signal);color:#07101e;cursor:pointer;border:0;padding:12px 21px;font-weight:800}.search-results{gap:58px;display:grid}.search-results section>h2,.artist-music h2,.version-list>h2{align-items:baseline;gap:10px;margin:0 0 20px;font-size:1.5rem;display:flex}.search-results section>h2 span{color:var(--color-subtle);font-size:.8rem}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.catalog-list{gap:12px;display:grid}.catalog-art{color:#0a3f72;width:110px;height:110px;font-family:var(--font-display);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 30% 25%,#ffffffd1,#0000 35%),linear-gradient(145deg,#6fb8ff70,#e0f6ff3d);border:1px solid #fffffff0;border-radius:7px 28px;flex:none;place-items:center;font-size:2.8rem;display:grid;box-shadow:inset 0 1px #fff,0 0 18px #fff,0 0 34px #005bdc2e}.catalog-art--small{border-radius:var(--radius-md);width:74px;height:74px;font-size:1.8rem}.artist-card{background:var(--color-panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffe6;border-radius:8px 28px;align-items:center;gap:18px;padding:18px;display:flex;box-shadow:0 0 18px #ffffff8c}.artist-card h3,.song-card h3{margin:9px 0 5px}.artist-card p,.song-card p{color:var(--color-muted);margin:0;font-size:.85rem}.song-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f0f9ff30;border:1px solid #ffffffe0;border-radius:7px 24px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:13px;display:grid;box-shadow:0 0 14px #ffffff80}.song-card .icon-button:disabled{cursor:not-allowed;opacity:.45}.artist-link{color:var(--color-muted);font-size:.9rem}.artist-hero,.song-hero{grid-template-columns:auto 1fr;align-items:center;gap:32px;max-width:880px;margin-bottom:72px;display:grid}.artist-hero .catalog-art,.song-hero .catalog-art{width:190px;height:190px;font-size:5.4rem}.artist-hero h1,.song-hero h1{font-family:var(--font-display);letter-spacing:-.055em;margin:10px 0;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.92}.artist-hero p{max-width:620px;color:var(--color-muted);line-height:1.6}.artist-hero small{color:var(--color-subtle)}.artist-music,.version-list{max-width:880px}.version-list{gap:12px;display:grid}.version-list>h2{margin-bottom:8px}.version-list article{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#f0f9ff33;border:1px solid #ffffffe6;border-radius:7px 24px;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:0 0 14px #ffffff80}.version-list h3{margin:10px 0 4px}.version-list p{color:var(--color-muted);text-transform:capitalize;margin:0;font-size:.85rem}.version-list button{color:#080b16;cursor:pointer;background:#fff;border:0;border-radius:50%;width:46px;height:46px}.version-list button:disabled{opacity:.35;cursor:not-allowed}.station-hero{grid-template-columns:1fr 400px;align-items:start;gap:40px;max-width:980px;margin-bottom:20px;display:grid}.station-hero h1{font-family:var(--font-display);letter-spacing:-.05em;margin:14px 0;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.94}.station-hero p{max-width:520px;color:var(--color-muted);line-height:1.6}.digital-tuner{border-radius:10px 42px;gap:18px;padding:32px;display:grid}.digital-tuner__header{color:#05683f;justify-content:space-between;align-items:center;display:flex}.digital-tuner__frequency{font-family:var(--font-mono);letter-spacing:-.03em;text-shadow:0 0 12px #fff,0 0 30px #0062ff75;font-size:clamp(2.6rem,6vw,3.8rem);line-height:1}.digital-tuner__dial{background:linear-gradient(90deg, transparent, var(--color-blue), var(--color-cyan), transparent);height:2px;margin:4px 0;position:relative}.digital-tuner__dial span{width:3px;height:18px;box-shadow:0 0 12px var(--color-cyan);background:#fff;position:absolute;top:-8px;left:42%}.digital-tuner__play{color:#071a31;cursor:pointer;background:#f9fdff8a;border:1px solid #fff;border-radius:14px 26px;justify-self:start;width:54px;height:54px;font-size:1.1rem;box-shadow:0 0 18px #fff,0 0 34px #0069ff47}.digital-tuner__play:disabled{cursor:not-allowed;opacity:.6}.digital-tuner__now{color:var(--color-muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:800}.digital-tuner__now strong{color:var(--color-ink);letter-spacing:0;text-transform:none;margin-top:6px;font-size:1.1rem;display:block}.digital-tuner__next{color:var(--color-muted);gap:8px;margin:8px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}.digital-tuner__next li{border-radius:var(--radius-sm);background:#fff3;border:1px solid #ffffffd9;padding:10px 14px}.digital-tuner__controls{border-top:1px solid #ffffff80;gap:14px;margin-top:4px;padding-top:18px;display:grid}.icon-button[data-busy=true]{cursor:wait;opacity:.7}.now-playing{align-items:center;gap:16px;display:flex}.now-playing h3{margin:6px 0 2px}.now-playing p{color:var(--color-muted);margin:0;font-size:.85rem}.mini-player{z-index:30;border-radius:var(--radius-pill);align-items:center;gap:14px;width:min(100% - 32px,520px);padding:10px 14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.mini-player__art{border-radius:var(--radius-sm);color:#0a3f72;width:44px;height:44px;font-family:var(--font-display);background:linear-gradient(145deg,#6fb8ff70,#e0f6ff3d);flex:none;place-items:center;font-size:1.2rem;display:grid}.mini-player__meta{flex:auto;min-width:0;display:grid}.mini-player__meta strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-player__meta span{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.connection-status{z-index:40;text-align:center;background:var(--color-danger);color:#fff;padding:10px 16px;font-size:.85rem;font-weight:700;position:fixed;top:0;left:0;right:0}.volume-control{align-items:center;gap:10px;display:flex}.volume-control input[type=range]{width:120px;accent-color:var(--color-blue)}.sleep-timer__options,.sleep-timer__active{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.sleep-timer__active span{color:var(--color-muted);font-size:.85rem;font-weight:700}.status-notice__actions{margin-left:10px;display:inline-flex}.icon-button[data-active=true]{color:var(--color-rose);border-color:#e5367780}.account-menu{position:relative}.account-menu__name{color:var(--color-muted);margin-right:10px;font-size:.85rem;font-weight:700}.account-menu__form{z-index:20;border-radius:var(--radius-md);gap:8px;width:min(84vw,280px);padding:18px;display:grid;position:absolute;top:calc(100% + 12px);right:0}.account-menu__form label{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.account-menu__form input{border-radius:var(--radius-sm);color:var(--color-ink);background:#ffffff4d;border:1px solid #ffffffe6;padding:10px 12px}.account-menu__error{color:var(--color-danger);margin:0;font-size:.8rem}.account-menu__hint{color:var(--color-subtle);margin:6px 0 0;font-size:.72rem}.library-view{gap:58px;margin-top:20px;display:grid}.library-view section>h2{align-items:baseline;gap:10px;margin:0 0 20px;font-size:1.5rem;display:flex}.library-view section>h2 span{color:var(--color-subtle);font-size:.8rem}.library-item{gap:8px;display:grid}.library-item .badge{justify-self:start;margin-left:4px}.playlist-create{gap:8px;max-width:420px;margin-bottom:18px;display:flex}.playlist-create input{border-radius:var(--radius-sm);min-width:0;color:var(--color-ink);background:#ffffff4d;border:1px solid #ffffffe6;flex:auto;padding:10px 12px}.playlist-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.playlist-list li{background:#f0f9ff30;border:1px solid #ffffffe0;border-radius:7px 24px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.playlist-list li span{color:var(--color-muted);font-size:.82rem}.preset-grid-section{margin-bottom:60px}.preset-grid-section__pin-label{margin-top:30px}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:10px;display:grid}.preset-tile{border-radius:7px 24px;padding:18px}.preset-toggle-list{flex-wrap:wrap;gap:8px;display:flex}.playlist-editor{max-width:720px}.playlist-editor__title{width:100%;color:var(--color-ink);font-family:var(--font-display);background:0 0;border:0;border-bottom:1px solid #ffffff80;margin-bottom:24px;padding:8px 0;font-size:clamp(1.8rem,4vw,2.6rem)}.playlist-editor__title:focus-visible{border-color:var(--color-blue);outline:none}.playlist-editor__add{margin-bottom:30px;position:relative}.playlist-editor__add>input{border-radius:var(--radius-pill);width:100%;color:var(--color-ink);background:#ffffff4d;border:1px solid #ffffffe6;padding:12px 16px}.playlist-editor__suggestions{z-index:5;border-radius:var(--radius-md);background:var(--color-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 44px #12578c33}.playlist-editor__suggestions li{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:10px;display:flex}.playlist-editor__items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.playlist-editor__items li{background:#f0f9ff30;border:1px solid #ffffffe0;border-radius:7px 24px;align-items:center;gap:12px;padding:14px 18px;display:flex}.playlist-editor__items li span:first-child{flex:auto}.playlist-editor__reference{color:var(--color-warning);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:800}.version-list__actions{align-items:center;gap:10px;display:flex}.audio-state{flex:auto;align-items:center;gap:10px;min-width:0;display:flex}.audio-state__label{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.audio-state__meta{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;margin:2px 0 0;font-size:.8rem;overflow:hidden}.audio-state__icon{font-size:1.3rem}.audio-state__waveform{color:var(--color-cyan);letter-spacing:2px;margin-left:auto}.audio-state--dj .audio-state__label{color:#05683f}.audio-state--ad{flex-direction:column;align-items:flex-start;gap:2px}.audio-state--ad .audio-state__label{color:var(--color-warning)}.audio-state--ad .audio-state__timer{color:var(--color-subtle);margin:0;font-size:.75rem}.audio-state--promo .audio-state__label{color:var(--color-violet)}.notification-center{position:relative}.notification-center__badge{border-radius:var(--radius-pill);background:var(--color-rose);color:#fff;place-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.notification-center__panel{z-index:20;border-radius:var(--radius-md);width:min(86vw,320px);padding:10px;position:absolute;top:calc(100% + 12px);right:0}.notification-center__panel ul{gap:6px;max-height:320px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.notification-center__item{border-radius:var(--radius-sm);width:100%;color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;padding:12px}.notification-center__item:hover{background:#ffffff4d}.notification-center__item[data-read=true]{opacity:.5}.notification-center__item strong{margin-bottom:3px;font-size:.88rem;display:block}.notification-center__item p{color:var(--color-muted);margin:0;font-size:.8rem}.notification-center__empty{color:var(--color-muted);margin:8px;font-size:.85rem}.notification-preferences{margin-top:58px}.notification-preferences__list{flex-wrap:wrap;gap:8px;display:flex}.notification-preferences__push{border-top:1px solid #ffffff80;gap:10px;margin-top:22px;padding-top:22px;display:grid}.notification-preferences__push-actions{flex-wrap:wrap;gap:8px;display:flex}.notification-preferences__push-message{color:var(--color-muted);margin:0;font-size:.82rem}.admin-nav{color:var(--color-muted);border-bottom:1px solid #ffffff80;flex-wrap:wrap;gap:6px 18px;margin:24px 0 40px;padding-bottom:18px;font-size:.85rem;font-weight:700;display:flex}.admin-nav a:hover{color:var(--color-blue)}.admin-overview,.admin-table-section{gap:28px;max-width:980px;display:grid}.admin-check-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.admin-check-list li{background:#fff3;border:1px solid #ffffffd9;border-radius:7px 20px;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 18px;display:grid}.admin-check-list li p{color:var(--color-muted);grid-column:1/-1;margin:0;font-size:.82rem}.admin-check-list__label{font-weight:700}.admin-check-list__status{letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtle);font-size:.72rem;font-weight:800}.admin-check-list li[data-status=ready] .admin-check-list__status{color:var(--color-positive)}.admin-check-list li[data-status=not_ready] .admin-check-list__status{color:var(--color-danger)}.admin-check-list li[data-status=manual_review_required] .admin-check-list__status{color:var(--color-warning)}.admin-stat-row{flex-wrap:wrap;gap:14px;display:flex}.admin-stat-row>div{background:#fff3;border:1px solid #ffffffd9;border-radius:7px 20px;min-width:130px;padding:16px 18px}.admin-stat-row strong{font-family:var(--font-mono);font-size:1.6rem;display:block}.admin-stat-row span{color:var(--color-muted);font-size:.78rem}.admin-table{border-collapse:collapse;width:100%;font-size:.85rem}.admin-table th{text-align:left;color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #fff9;padding:8px 10px;font-size:.72rem;font-weight:800}.admin-table td{border-bottom:1px solid #fff6;padding:10px}.admin-table td[data-status=cleared],.admin-table td[data-status=ready]{color:var(--color-positive)}.admin-table td[data-status=not_ready]{color:var(--color-danger)}.admin-table__muted{color:var(--color-subtle);font-size:.78rem}.admin-toggle-row{align-items:center;gap:12px;display:flex}:is(.app-shell:has(.admin-shell) .motion-ambient,.app-shell:has(.admin-shell) .marble-flow){animation:none}@media (max-width:800px){.catalog-grid{grid-template-columns:1fr}.artist-hero,.song-hero{grid-template-columns:1fr;align-items:start}.artist-hero .catalog-art,.song-hero .catalog-art{width:150px;height:150px}.station-hero{grid-template-columns:1fr}}@media (max-width:560px){.catalog-page{padding-top:42px}.search-form>div{border-radius:var(--radius-md);grid-template-columns:1fr}.search-form button{border-radius:var(--radius-sm)}.song-card{grid-template-columns:auto 1fr}.song-card .icon-button{display:none}}