/*! AriaTone Radio Player. Copyright (c) 2026 Fleetwood Studio LLC. All rights reserved. Proprietary and confidential. Third-party notices: /licenses.txt */
:root{--ink: #04060c;--glass: rgba(9, 12, 22, .62);--glass-strong: rgba(7, 9, 18, .84);--panel-rgb: 7 9 18;--panel-hi-rgb: 16 21 38;--panel-glass: rgb(var(--panel-rgb) / .78);--panel-glass-filter: blur(8px);--line-rgb: 176 200 255;--line: rgb(var(--line-rgb) / .11);--view-line: rgb(var(--line-rgb) / .24);--text: #e8edf8;--muted: #8f9bbb;--dim: #56617f;--accent: #5eeaff;--accent-rgb: 94 234 255;--accent-deep: #2aa6c4;--accent-2: #ff52cf;--accent-2-rgb: 255 82 207;--on-accent: #0b0a14;--brand-gradient: linear-gradient(90deg, var(--accent), var(--accent-2));--sound-eq: #5eeaff;--sound-crossfeed: #ff52cf;--sound-exact: #c3a6ff;--cyan: #5eeaff;--magenta: #ff52cf;--amber: #ffb35c;--violet: #a98bff;--mint: #6dffc1;--rose: #ff7a8f;--sky: #7fb2ff;--good: #6dffc1;--good-rgb: 109 255 193;--eq-band-0: var(--muted);--eq-band-1: var(--magenta);--eq-band-2: var(--amber);--eq-band-3: var(--mint);--eq-band-4: var(--cyan);--eq-band-5: var(--violet);--eq-band-6: var(--muted);--font-display: "Chakra Petch", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-brand: "Chakra Petch", "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-body: "IBM Plex Sans", -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--r: 14px;--immersive-leave: transform .7s cubic-bezier(.65, 0, .35, 1), opacity .55s ease, visibility 0s linear .7s;--immersive-return: transform .7s cubic-bezier(.16, 1, .3, 1), opacity .5s ease .1s, visibility 0s;--update-notice-bottom: max(16px, env(safe-area-inset-bottom));color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}html{overscroll-behavior:none}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-color:rgb(var(--line-rgb) / .28) transparent}*{scrollbar-width:thin}body{margin:0;background:var(--ink);color:var(--text);font:15px/1.45 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,label,input,select,textarea,summary,[role=button]{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.viz{position:fixed;top:0;left:0;width:100%;height:100vh;height:100lvh;z-index:0;display:block;background:var(--ink)}.shell{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"top" "stage";gap:10px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));max-width:1400px;margin:0 auto}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:8px}.brand-app{font:500 12px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.wordmark{display:inline-block;font:600 17px/1 var(--font-brand);letter-spacing:.14em;white-space:nowrap;color:var(--text)}.wordmark-aria{font-weight:300}.wordmark-wave{display:inline-block;width:1.13em;height:.78em;margin:0 .42em 0 .28em;vertical-align:-.06em;overflow:visible}.wordmark-from{stop-color:var(--accent)}.wordmark-to{stop-color:var(--accent-2)}.wordmark-tm{position:relative;top:-1.05em;margin-left:-.06em;font-size:.4em;font-weight:300;letter-spacing:0;color:var(--muted)}.wordmark-link{display:inline-block;color:inherit;text-decoration:none;border-radius:4px}.view-tools{display:flex;align-items:center;gap:8px}.stage{grid-area:stage;display:flex;flex-direction:column;gap:8px;min-height:0}.wave-anchor{flex:1;min-height:120px;position:relative;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}@media(max-height:600px){body{overflow:auto}.shell{height:auto;min-height:100%}.stage{min-height:360px}}.compose{margin-left:auto;min-height:40px;padding:0 20px;border:0;border-radius:999px;font:600 13px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--on-accent);background:var(--brand-gradient);box-shadow:0 0 22px rgb(var(--accent-2-rgb) / .35),0 0 4px rgb(var(--accent-rgb) / .6)}.compose:disabled{opacity:.55;cursor:progress}.sheet-actions .compose{margin-left:0}.chip{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--muted);font:500 12px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.chip.on{color:var(--text);border-color:rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .12);box-shadow:0 0 12px rgb(var(--accent-rgb) / .18)}.chip:disabled,.chip[aria-disabled=true]{opacity:.4;cursor:not-allowed}.seg{display:flex;background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:3px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.seg button{border:0;background:none;padding:6px 12px;border-radius:999px;font:500 12px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);min-height:32px}.seg button.on{background:rgb(var(--accent-rgb) / .14);color:var(--text);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .35)}.error{margin:0;color:var(--rose);font-size:13px}.note{margin:0;color:var(--dim);font-size:12px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;margin:0;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0 var(--fill, 50%),rgba(255,255,255,.12) var(--fill, 50%))}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#ffffff1f}input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgb(var(--accent-rgb) / .8);border:0}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgb(var(--accent-rgb) / .8);border:0}@media(pointer:coarse){.chip,.seg button,.compose,.wordmark-link{position:relative}.wordmark-link:after{content:"";position:absolute;inset:-14px -6px}.chip:after,.seg button:after{content:"";position:absolute;inset:-6px 0}.compose:after{content:"";position:absolute;inset:-4px 0}input[type=range]{height:44px;margin-block:-8px}}.topbar,.prompt,.wave-anchor>*,.stage>.app-footer{transition:var(--immersive-return)}.shell.immersive :is(.topbar,.prompt,.wave-anchor>*,.stage>.app-footer):not([data-immersive=stay]){opacity:0;visibility:hidden;transition:var(--immersive-leave)}.shell.immersive .topbar:not([data-immersive=stay]){transform:translateY(calc(-100% - 24px))}.shell.immersive .prompt:not([data-immersive=stay]){transform:translateY(-28vh);transition-delay:.04s,.04s,.74s}.shell.immersive .wave-anchor>:not([data-immersive=stay]){transform:translateY(10px) scale(.98)}.shell.immersive .stage>.app-footer:not([data-immersive=stay]){transform:translateY(25vh)}@media(prefers-reduced-motion:reduce){.shell.immersive :is(.topbar,.prompt,.wave-anchor>*,.stage>.app-footer){transform:none}}.stage,.topbar>:not(.brand,.view-tools){transition:opacity .4s ease}html.visuals-open :is(.shell>:not(.topbar),.topbar>:not(.brand,.view-tools)){opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.sound-controls,.eq-panel{--accent: var(--sound-eq);--accent-rgb: 94 234 255}.segmented{position:relative;display:grid;grid-template-columns:repeat(var(--count, 3),1fr);padding:2px;border-radius:999px;border:1px solid var(--line);background:#ffffff08}.segmented-thumb{position:absolute;top:2px;bottom:2px;left:2px;width:calc((100% - 4px) / var(--count, 3));border-radius:999px;pointer-events:none;background:rgb(var(--accent-rgb) / .14);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .35);transform:translate(calc(var(--at, 0) * 100%));transition:transform .22s cubic-bezier(.3,.7,.3,1)}.segmented button{position:relative;min-height:30px;min-width:38px;padding:0 8px;border:0;border-radius:999px;background:none;cursor:pointer;font:500 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.segmented button:hover,.segmented button:focus-visible,.segmented button.on{color:var(--text)}.segmented button:focus-visible{outline-offset:-2px}.chevron{width:16px;height:16px;flex:none}.fold-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:28px;border:1px solid var(--view-line);border-radius:8px;background:#ffffff0d;color:var(--text)}.fold-button:hover,.fold-button:focus-visible{border-color:rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .08)}.fold-line{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px 0 14px;border:0;background:none;color:var(--text);text-align:left;border-radius:inherit}.fold-line-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 14px/1.3 var(--font-body)}.fold-line .chevron{color:var(--text)}.fold-line:hover .chevron,.fold-line:focus-visible .chevron{color:var(--accent)}.fold-line-tag{flex:none;font:500 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.visuals{position:relative;display:inline-flex;min-width:0}.visuals-button{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 11px 0 10px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:500 11px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap;cursor:pointer;min-width:0;max-width:100%}.visuals-button:hover,.visuals-button:focus-visible,.visuals-button[aria-expanded=true]{color:var(--text)}.visuals-eye{width:14px;height:14px;flex:none;opacity:.8}.visuals-button[data-seeking] .visuals-eye{animation:visuals-eye-seek 2.2s ease-in-out infinite}@keyframes visuals-eye-seek{0%,to{opacity:.8}50%{opacity:.2}}@media(prefers-reduced-motion:reduce){.visuals-button[data-seeking] .visuals-eye{animation:none;opacity:.35}}.visuals-button-look{min-width:0;overflow:hidden;text-overflow:ellipsis}.visuals-button-quality{flex:none;padding-left:7px;border-left:1px solid var(--line);color:var(--dim);line-height:12px}.visuals-button:hover .visuals-button-quality,.visuals-button[aria-expanded=true] .visuals-button-quality{color:var(--muted)}.visuals-chevron{flex:none;width:5px;height:5px;margin:-3px 1px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .2s ease}.visuals-button[aria-expanded=true] .visuals-chevron{transform:translateY(2px) rotate(-135deg)}.visuals-notice{position:absolute;top:calc(100% + 8px);right:0;z-index:29;width:max-content;max-width:min(264px,calc(100vw - 32px));margin:0;padding:7px 11px;border-radius:10px;border:1px solid var(--line);background:rgb(var(--panel-hi-rgb) / .95);box-shadow:0 6px 18px #00000047;font:400 12px/1.4 var(--font-body);color:var(--muted);text-align:left;pointer-events:none;opacity:0;transform:translateY(-3px);transition:opacity .6s ease,transform .6s ease}.visuals-notice[data-align=start]{right:auto;left:0}.visuals-notice[data-shown]{opacity:1;transform:none;transition-duration:.35s}.visuals-button[aria-expanded=true]~.visuals-notice{opacity:0}@media(prefers-reduced-motion:reduce){.visuals-notice{transform:none}}.visuals-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:264px;max-width:calc(100vw - 32px);max-height:calc(100dvh - var(--visuals-top, 56px) - 24px);overflow-y:auto;overscroll-behavior:contain;padding:4px;border-radius:14px;border:1px solid var(--line);background:rgb(var(--panel-hi-rgb) / .72);box-shadow:0 10px 28px #00000047;text-align:left;animation:visuals-in .18s cubic-bezier(.3,.7,.3,1)}.visuals-panel[data-align=start]{right:auto;left:0}.visuals-close{position:absolute;top:2px;right:2px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:11px;background:none;color:var(--muted);cursor:pointer}.visuals-close svg{width:12px;height:12px}.visuals-close:hover,.visuals-close:focus-visible{color:var(--text);background:#ffffff0f}.visuals-close:focus-visible{outline-offset:-2px}@keyframes visuals-in{0%{opacity:0;transform:translateY(-4px)}}.visuals-section{padding:10px 10px 12px}.visuals-section+.visuals-section{border-top:1px solid var(--line)}.visuals-kicker{margin:0 0 10px;font:500 10px/1 var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.visuals-strip{display:flex;align-items:center;gap:2px;margin:0 -6px}.visuals-step{display:grid;place-items:center;flex:none;width:28px;height:36px;padding:0;border:0;border-radius:9px;background:none;color:var(--muted);cursor:pointer}.visuals-step svg{width:12px;height:12px}.visuals-step-next svg{transform:scaleX(-1)}.visuals-step:hover,.visuals-step:focus-visible{color:var(--text);background:#ffffff0f}.visuals-step:focus-visible{outline-offset:-2px}.visuals-looks{position:relative;display:flex;gap:4px;flex:1;min-width:0;padding:1px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:0 18px;scrollbar-width:none;--fade-before: #000;--fade-after: #000;-webkit-mask-image:linear-gradient(to right,var(--fade-before),#000 18px,#000 calc(100% - 18px),var(--fade-after));mask-image:linear-gradient(to right,var(--fade-before),#000 18px,#000 calc(100% - 18px),var(--fade-after))}.visuals-looks::-webkit-scrollbar{display:none}.visuals-looks[data-more-before]{--fade-before: transparent}.visuals-looks[data-more-after]{--fade-after: transparent}.visuals-looks button{display:flex;align-items:center;flex:none;min-height:34px;padding:0 12px;border:0;border-radius:999px;background:none;white-space:nowrap;scroll-snap-align:center;cursor:pointer;font:500 12px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.visuals-looks button:hover,.visuals-looks button:focus-visible{background:#ffffff0d;color:var(--text)}.visuals-looks button:focus-visible{outline-offset:-2px}.visuals-looks button.on{color:var(--text);background:rgb(var(--accent-rgb) / .1);box-shadow:inset 0 0 0 1px rgb(var(--accent-rgb) / .26)}.visuals-about{margin:9px 0 0;font:400 12.5px/1.4 var(--font-body);color:var(--muted)}.visuals-turns{margin:10px -4px 0;padding:8px 0 0;border-top:1px solid var(--line)}.visuals-check{position:relative;display:flex;align-items:center;gap:10px;min-height:32px;padding:0 9px;border-radius:9px;cursor:pointer;font:500 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.visuals-checks .visuals-check{min-height:44px}.visuals-checks .visuals-turns{margin:0;padding:0;border:0}.visuals-option>.visuals-about,.visuals-checks .visuals-turns>.visuals-about{margin:-2px 9px 8px 32px}.visuals-check input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.visuals-check:hover,.visuals-check:has(input:focus-visible){background:#ffffff0d;color:var(--text)}.visuals-check:has(input:focus-visible){outline:2px solid rgb(var(--accent-rgb) / .7);outline-offset:-2px}.visuals-check:has(input:checked){color:var(--text)}.visuals-check-box{display:grid;place-items:center;width:13px;height:13px;flex:none;border-radius:3px;border:1px solid currentColor;opacity:.55;color:inherit}.visuals-check-box svg{width:11px;height:11px;opacity:0;color:rgb(var(--panel-hi-rgb))}.visuals-check input:checked+.visuals-check-box{opacity:1;border-color:rgb(var(--accent-rgb));background:rgb(var(--accent-rgb));box-shadow:0 0 8px rgb(var(--accent-rgb) / .45)}.visuals-check input:checked+.visuals-check-box svg{opacity:1}.visuals-turns+.visuals-options{margin-top:0;border-top:0;padding-top:0}.visuals-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:36px;padding:0 0 0 9px}.visuals-choice-label{font:500 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.visuals-choice .segmented{flex:none}.visuals-warning{margin:10px 0 0;padding:10px 10px 10px 11px;border-radius:10px;border:1px solid rgba(255,196,110,.28);background:#ffc46e0f}.visuals-warning-text{margin:0;font:400 12.5px/1.45 var(--font-body);color:var(--text)}.visuals-warning-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:10px}.visuals-warning-actions button{flex:1 1 auto;white-space:nowrap;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:none;cursor:pointer;font:500 11px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.visuals-warning-actions button:hover,.visuals-warning-actions button:focus-visible{color:var(--text);background:#ffffff0d}.visuals-warning-actions .visuals-warning-use{color:var(--text);border-color:#ffc46e66}.sheet-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#02030899;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:16px}@media(min-width:600px){.sheet-backdrop{align-items:center}}.sheet-backdrop{padding-bottom:calc(16px + var(--keyboard, 0px))}.sheet{width:100%;max-width:440px;background:var(--glass-strong);border:1px solid var(--line);border-radius:18px;padding:18px 18px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;box-shadow:0 -10px 60px rgb(var(--accent-rgb) / .12);max-height:calc(100dvh - 32px - var(--keyboard, 0px));overflow-y:auto;overscroll-behavior:contain}.sheet:focus{outline:none}.sheet-form{display:contents}.sheet-kicker{margin:0;font:600 11px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.sheet h2{margin:0;font:600 20px/1.2 var(--font-display);letter-spacing:.02em;text-wrap:balance}.sheet ul{margin:0;padding:0 0 0 18px;color:var(--muted);display:grid;gap:4px;font-size:14px}.sheet li.hl{color:var(--text)}.sheet-actions{display:flex;gap:8px;align-items:center}.sheet-body{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.fb-text{width:100%;resize:vertical;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;padding:10px 12px;font:400 15px/1.4 var(--font-body);color:var(--text)}.notice-backdrop{z-index:25;align-items:center;background:#020308cc;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet.notices{max-width:480px;max-height:min(88dvh - var(--keyboard, 0px),680px);gap:16px;overflow:hidden;background:linear-gradient(180deg,rgb(var(--panel-hi-rgb) / .98),rgb(var(--panel-rgb) / .99));box-shadow:0 20px 80px #0000008c,0 0 60px rgb(var(--accent-rgb) / .14);animation:welcome-in .5s cubic-bezier(.34,1.56,.64,1) both}.notice-list{display:flex;flex-direction:column;gap:18px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.notice{--notice: var(--sky);display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:3px solid var(--notice)}.notice[data-level=warning]{--notice: var(--amber)}.notice[data-level=critical]{--notice: var(--rose)}.notice .sheet-kicker{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;line-height:1.3;color:var(--notice)}.notice-time{color:var(--dim);letter-spacing:.04em;text-transform:none;font-weight:500}.notice-body{margin:0;color:var(--muted);font-size:15px;line-height:1.55;white-space:pre-line;overflow-wrap:anywhere}@keyframes welcome-in{0%{opacity:0;transform:translateY(28px) scale(.92)}}@media(prefers-reduced-motion:reduce){.sheet.notices{animation:none}}.app-footer{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.footer-link{align-self:center;border:0;background:none;color:var(--muted);font:500 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;padding:8px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgb(var(--line-rgb) / .3);white-space:nowrap}.footer-link:hover,.footer-link:focus-visible{color:var(--text)}.build-stamp{margin:0;display:flex;text-align:left;white-space:nowrap;font:400 10px/1.3 var(--font-mono);color:var(--dim);opacity:.75;font-variant-numeric:tabular-nums}.build-stamp>span+span:before{content:"\b7";margin:0 .5em}button.build-stamp{justify-self:start;max-width:100%;padding:4px 0;border:0;background:none;cursor:pointer}button.build-stamp:hover,button.build-stamp:focus-visible{color:var(--muted);opacity:1}.account{position:relative;justify-self:end;min-width:0;max-width:100%}.account-email{display:block;max-width:100%;border:0;background:none;padding:6px 0;cursor:pointer;font:400 10px/1.3 var(--font-mono);color:var(--dim);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-email:hover,.account-email[aria-expanded=true]{color:var(--muted);opacity:1}.account-menu{position:absolute;right:0;bottom:100%;z-index:5;width:max-content;min-width:160px;max-width:min(320px,calc(100vw - 32px));margin-bottom:4px;padding:6px;border-radius:12px;border:1px solid var(--line);background:rgb(var(--panel-hi-rgb) / .98);box-shadow:0 10px 30px #00000073}.account-menu-who{margin:0;padding:6px 8px 8px;border-bottom:1px solid var(--line);font:400 10px/1.3 var(--font-mono);color:var(--dim);overflow-wrap:anywhere}.account-menu-item{display:block;margin-top:4px;padding:8px;border-radius:8px;color:var(--text);text-decoration:none;font:500 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase}.account-menu-item:hover,.account-menu-item:focus-visible{background:#ffffff0f}@media(max-width:600px){.app-footer{grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"links links" "stamp account";row-gap:2px}.app-footer .footer-links{grid-area:links;gap:0}.app-footer .footer-link{padding-inline:6px;letter-spacing:.08em}.app-footer .build-stamp{grid-area:stamp}.app-footer .account{grid-area:account}}.welcome-backdrop{z-index:20;align-items:center;background:#020308cc;backdrop-filter:none;-webkit-backdrop-filter:none}.sheet.welcome{max-width:480px;max-height:min(92dvh - var(--keyboard, 0px),760px);gap:16px;overflow:hidden;background:linear-gradient(180deg,rgb(var(--panel-hi-rgb) / .98),rgb(var(--panel-rgb) / .99));box-shadow:0 20px 80px #0000008c,0 0 60px rgb(var(--accent-rgb) / .14);animation:welcome-in .6s cubic-bezier(.34,1.56,.64,1) both}.welcome-hero{display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgb(var(--line-rgb) / .25) transparent}.welcome-hero>*{flex-shrink:0}.welcome-actions,.welcome-checks,.welcome-terms{flex-shrink:0}.welcome-hero h2{font-size:20px}.welcome-icon{width:54px;height:54px;margin-bottom:2px;color:var(--accent);filter:drop-shadow(0 0 12px rgb(var(--accent-rgb) / .45))}.welcome-band,.welcome-wave{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.welcome-cup{fill:rgb(var(--accent-rgb) / .16);stroke:currentColor;stroke-width:2.4}.welcome-wave{stroke:var(--accent-2);animation:welcome-wave 1.6s ease-in-out infinite}.welcome-wave.w2{animation-delay:.8s}.welcome-makers{margin:6px 0 0;padding:2px 0 2px 12px;border-left:2px solid rgb(var(--accent-rgb) / .45);color:var(--muted);font-size:13px;font-style:italic;line-height:1.5}.welcome-sign{display:block;margin-top:4px;color:var(--accent);font-style:normal;font-weight:500}.welcome-actions{display:flex;align-items:center}.welcome-actions .compose{margin-left:0}.welcome-buttons{display:grid;flex:1 1 100%;grid-template-columns:repeat(2,minmax(0,150px));justify-content:space-evenly;gap:8px 18px}.welcome-buttons>button{padding:0 8px;letter-spacing:.1em;white-space:nowrap}@media(max-width:389px){.welcome .welcome-buttons>button{padding:0 4px;font-size:clamp(11px,3.4vw,13px);letter-spacing:.06em}}@media(max-width:319px){.welcome-buttons{grid-template-columns:minmax(0,150px)}}.welcome-checks{display:flex;flex-direction:column}.welcome-never{display:flex;align-items:center;gap:10px;min-height:28px;color:var(--muted);font-size:13px;cursor:pointer}.welcome-terms{margin:0;color:var(--dim);font-size:12px;line-height:1.45}.welcome-terms a{color:var(--muted)}.welcome-never input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.welcome-warning{display:flex;align-items:flex-start;gap:10px;flex-shrink:0;min-height:28px;padding:8px 0 4px;box-sizing:border-box;color:var(--text);font-size:13px;line-height:1.45;cursor:pointer}.welcome-warning input{flex:none;width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.welcome-buttons>button:disabled{cursor:not-allowed}.install-note{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;flex-shrink:0;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r);background:rgb(var(--accent-rgb) / .05)}.install-icon{width:24px;height:24px;overflow:visible;fill:none;stroke:var(--accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.install-phone{fill:rgb(var(--accent-rgb) / 0)}.install-go{position:relative}.install-arrow{animation:install-arrow 4s cubic-bezier(.3,.7,.3,1) .9s infinite both}.install-phone{animation:install-phone 4s ease-out .9s infinite both}.install-icon{animation:install-icon 4s ease-out .9s infinite both}@keyframes install-arrow{0%{transform:none;opacity:1}12%,15%{transform:translateY(-6px);opacity:0}46%,to{transform:none;opacity:1}}@keyframes install-phone{0%,42%{fill:rgb(var(--accent-rgb) / 0)}52%{fill:rgb(var(--accent-rgb) / .24)}to{fill:rgb(var(--accent-rgb) / 0)}}@keyframes install-icon{0%,42%{filter:drop-shadow(0 0 0 rgb(var(--accent-rgb) / 0))}52%{filter:drop-shadow(0 0 6px rgb(var(--accent-rgb) / .6))}to{filter:drop-shadow(0 0 0 rgb(var(--accent-rgb) / 0))}}.install-motes{position:absolute;inset:0;pointer-events:none}.install-motes i{--mote: var(--accent-rgb);position:absolute;top:35%;left:var(--x);width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);border-radius:50%;background:rgb(var(--mote));box-shadow:0 0 6px 1px rgb(var(--mote) / .65);opacity:0;animation:install-mote 3.6s cubic-bezier(.2,.5,.4,1) calc(.9s + var(--d)) infinite both}.install-note>.install-motes i{top:8%}.install-motes i:nth-child(3n+2){--mote: var(--accent-2-rgb)}.install-motes i:nth-child(1){--x: 14%;--dx: -6px;--d: 0s;--s: 3px}.install-motes i:nth-child(2){--x: 32%;--dx: 5px;--d: 1.1s;--s: 2px}.install-motes i:nth-child(3){--x: 50%;--dx: -3px;--d: 2.3s;--s: 3px}.install-motes i:nth-child(4){--x: 68%;--dx: 7px;--d: .55s;--s: 2px}.install-motes i:nth-child(5){--x: 86%;--dx: -8px;--d: 1.7s;--s: 3px}.install-motes i:nth-child(6){--x: 41%;--dx: 9px;--d: 2.9s;--s: 2px}.install-motes i:nth-child(7){--x: 77%;--dx: -2px;--d: 3.3s;--s: 2px}@keyframes install-mote{0%{transform:translate(0) scale(.5);opacity:0}18%{opacity:.9}to{transform:translate(var(--dx),-46px) scale(1);opacity:0}}.install-text h3{margin:0 0 2px;font:600 13px/1.3 var(--font-display);letter-spacing:.02em;color:var(--text)}.install-text h3:only-child{margin:0}.install-text p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.4}.install-share{display:inline-block;width:1.05em;height:1.05em;vertical-align:-.15em;fill:none;stroke:var(--text);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.whats-new{display:flex;flex-direction:column;gap:10px;min-height:84px;flex-shrink:20;padding-top:12px;border-top:1px solid var(--line)}.whats-new-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.whats-new h3{margin:0;font:600 11px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.whats-new-more{min-height:28px;margin:-6px -8px -6px 0;padding:0 8px;border:0;border-radius:8px;background:none;cursor:pointer;font:500 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.whats-new-more:hover,.whats-new-more:focus-visible{color:var(--text);background:rgb(var(--accent-rgb) / .08)}.whats-new-list{display:flex;flex-direction:column;gap:10px;min-height:0;max-height:min(26dvh,210px);overflow-y:auto;overscroll-behavior:contain;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgb(var(--line-rgb) / .25) transparent}.whats-new-list:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .5);outline-offset:2px;border-radius:4px}.sheet.welcome.notes-open>:is(.welcome-hero,.welcome-terms,.install-note){display:none}.sheet.welcome.notes-open .whats-new{flex:1 1 auto}.sheet.welcome.notes-open .whats-new-list{flex:1 1 auto;max-height:none}.release-head{margin:0 0 6px;display:flex;justify-content:space-between;gap:8px;font:500 12px/1.2 var(--font-mono);color:var(--text)}.release-head time{color:var(--dim)}.whats-new ul{font-size:13px;line-height:1.45}@keyframes welcome-wave{0%,to{opacity:.2}50%{opacity:1}}.tour{position:fixed;inset:0;z-index:30;cursor:pointer}.tour-spot{position:fixed;top:0;left:0;visibility:hidden;pointer-events:none;border-radius:calc(var(--r) + 4px);box-shadow:0 0 0 200vmax #020308a8,0 0 0 2px rgb(var(--accent-rgb) / .9),0 0 32px 6px rgb(var(--accent-rgb) / .4);will-change:transform;transition:border-radius .5s ease}.tour-spot:after{content:"";position:absolute;inset:-3px;border-radius:inherit;border:2px solid rgb(var(--accent-rgb) / .85);animation:tour-ripple 1.6s cubic-bezier(.2,.6,.3,1) infinite}.tour-callout{--pop-from: 14px;--bob: -5px;position:fixed;cursor:default;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:16px;border:1px solid rgb(var(--accent-rgb) / .4);background:linear-gradient(180deg,rgb(var(--panel-hi-rgb) / .98),rgb(var(--panel-rgb) / .98));box-shadow:0 18px 44px #0000008c,0 0 32px rgb(var(--accent-rgb) / .2);animation:tour-pop .55s cubic-bezier(.34,1.56,.64,1) both,tour-bob 2.4s ease-in-out .6s infinite;will-change:transform}.tour-callout.above,.tour-callout.top{--pop-from: -14px;--bob: 5px}.tour-callout.below{transform-origin:var(--arrow-x) 0}.tour-callout.above{transform-origin:var(--arrow-x) 100%}.tour-callout.below:before,.tour-callout.above:before{content:"";position:absolute;left:var(--arrow-x);width:14px;height:14px;border:1px solid rgb(var(--accent-rgb) / .4);transform:translate(-50%,-50%) rotate(45deg)}.tour-callout.below:before{top:0;background:rgb(var(--panel-hi-rgb));border-right:0;border-bottom:0}.tour-callout.above:before{top:100%;background:rgb(var(--panel-rgb));border-top:0;border-left:0}.tour-callout h2{margin:0;font:600 18px/1.2 var(--font-display);letter-spacing:.02em;color:var(--text)}.tour-callout p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.tour-progress{display:flex;gap:5px}.tour-progress span{width:18px;height:3px;border-radius:2px;background:rgb(var(--line-rgb) / .2);transition:background .3s ease}.tour-progress span.on{background:var(--accent);box-shadow:0 0 6px rgb(var(--accent-rgb) / .6)}.tour-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:4px}.tour-actions .compose{margin-left:0;min-height:36px}@keyframes tour-ripple{0%{inset:-3px;opacity:.9}to{inset:-20px;opacity:0}}@keyframes tour-pop{0%{opacity:0;transform:translateY(var(--pop-from)) scale(.82)}}@keyframes tour-bob{0%,to{transform:none}50%{transform:translateY(var(--bob))}}@media(prefers-reduced-motion:reduce){.sheet.welcome,.welcome-wave,.tour-spot:after,.install-icon,.install-phone,.install-arrow,.install-motes i{animation:none}.tour-callout{animation:tour-fade .2s ease both}.tour-spot{transition:none}}@keyframes tour-fade{0%{opacity:0}}.immersive-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:999px;border:1px solid var(--view-line);background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text)}.immersive-toggle svg{width:14px;height:14px}.immersive-toggle:hover,.immersive-toggle:focus-visible{border-color:rgb(var(--accent-rgb) / .5);color:var(--accent)}html.immersive body{overflow:hidden}html.immersive .tooltip{visibility:hidden}.immersive-exit{display:contents}.immersive-layer{position:fixed;inset:0;z-index:8;padding:0 16px max(28px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:center;cursor:default}.immersive-exit[data-idle=true] .immersive-layer{cursor:none}.immersive-hint{padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:rgb(var(--panel-hi-rgb) / .72);font:500 11px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s ease}.immersive-exit[data-idle=false] .immersive-hint{opacity:1;transform:none;transition-delay:.15s}.immersive-hint .mouse{display:none}@media(hover:hover)and (pointer:fine){.immersive-hint .touch{display:none}.immersive-hint .mouse{display:inline}}.immersive-back{position:fixed;z-index:9;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:999px;border:1px solid var(--line);background:rgb(var(--panel-hi-rgb) / .55);color:var(--muted);opacity:.35;transition:opacity .5s ease,color .2s ease;cursor:pointer}.immersive-back svg{width:21px;height:21px}.immersive-exit[data-idle=false] .immersive-back{opacity:.75}.immersive-back:hover,.immersive-back:focus-visible{opacity:1;color:var(--text)}.immersive-exit:has(.immersive-back:focus-visible) .immersive-hint{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.immersive-hint,.immersive-back{transition:none;transform:none}}.tooltip{position:fixed;z-index:1000;left:0;top:0;max-width:260px;padding:8px 11px;border-radius:10px;border:1px solid rgb(var(--accent-rgb) / .22);background:linear-gradient(180deg,rgb(var(--panel-hi-rgb) / .96),rgb(var(--panel-rgb) / .96));box-shadow:0 10px 28px #00000073,0 0 18px rgb(var(--accent-rgb) / .08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font:400 12.5px/1.4 var(--font-body);letter-spacing:0;text-transform:none;pointer-events:none;opacity:0;transform:translateY(4px) scale(.98);transition:opacity .14s ease,transform .14s ease}.tooltip.below{transform:translateY(-4px) scale(.98)}.tooltip.show{opacity:1;transform:none}.tooltip:after{content:"";position:absolute;left:var(--arrow-x, 50%);top:100%;width:8px;height:8px;background:rgb(var(--panel-rgb) / .96);border:1px solid rgb(var(--accent-rgb) / .22);border-top:0;border-left:0;transform:translate(-50%,-50%) rotate(45deg)}.tooltip.below:after{top:0;transform:translate(-50%,-50%) rotate(-135deg)}@media(prefers-reduced-motion:reduce){.segmented-thumb,.visuals-chevron{transition:none}.visuals-panel{animation:none}.tooltip,.tooltip.below{transition:none;transform:none}}.access-screen{position:relative;z-index:1;min-height:100dvh;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.access-card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:24px 22px;background:var(--glass-strong);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 80px rgb(var(--accent-rgb) / .1)}.access-brand{margin-bottom:6px}.access-card h1{margin:0;font:600 22px/1.2 var(--font-display);letter-spacing:.02em;text-wrap:balance;color:var(--text)}.access-who{margin:0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}.access-who strong{color:var(--text);font-weight:500}.access-note{margin:0 0 4px;color:var(--muted);font-size:15px;line-height:1.55}.access-label{font:500 11px/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.access-optional{text-transform:none;letter-spacing:0;color:var(--dim)}.access-field{width:100%;resize:vertical;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;padding:10px 12px;font:400 15px/1.4 var(--font-body);color:var(--text)}.access-error{margin:0;color:var(--rose);font-size:13px}.access-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-top:6px}.access-ask{min-height:40px;padding:0 20px;border:0;border-radius:999px;cursor:pointer;font:600 13px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--on-accent);background:var(--brand-gradient);box-shadow:0 0 4px rgb(var(--accent-rgb) / .6)}.access-ask:disabled{opacity:.55;cursor:progress}.access-alt{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font:500 11px/1 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none}.access-alt:hover,.access-alt:focus-visible{color:var(--text)}.update-notice{position:fixed;z-index:9;left:50%;bottom:var(--update-notice-bottom);transform:translate(-50%);display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;width:max-content;max-width:calc(100vw - 32px);padding:5px 5px 5px 14px;border:1px solid var(--line);border-radius:23px;background:var(--panel-glass);-webkit-backdrop-filter:var(--panel-glass-filter);backdrop-filter:var(--panel-glass-filter);animation:update-in .6s ease both}.update-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.update-title{flex:1 1 auto;display:flex;align-items:center;min-width:0;min-height:34px;font:500 13px/1.3 var(--font-body);color:var(--text)}.update-actions{display:flex;gap:6px;margin-left:auto}html.immersive .update-notice{opacity:0;visibility:hidden;pointer-events:none}@keyframes update-in{0%{opacity:0;transform:translate(-50%,8px)}}@media(prefers-reduced-motion:reduce){.update-notice{animation:none}}.chip.exact{display:inline-flex;align-items:center;justify-content:center;gap:6px}.exact-lock{width:11px;height:11px;flex:none;margin-left:-2px;opacity:.55}.chip.exact.locked .exact-lock{opacity:1}.chip.exact.lossy{opacity:.45}.chip.exact.on.good{color:var(--sound-exact);border-color:color-mix(in srgb,var(--sound-exact) 65%,transparent);background:color-mix(in srgb,var(--sound-exact) 12%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--sound-exact) 32%,transparent)}.held-host{position:relative}.held-cover{position:absolute;inset:0;z-index:2;margin:0;padding:0;border:0;border-radius:inherit;background:none;cursor:pointer}@media(pointer:coarse){:is(.immersive-toggle,.visuals-button,.visuals-step,.footer-link,button.build-stamp,.whats-new-more,.visuals-warning-actions button,.welcome-warning,.welcome-never){position:relative}:is(.immersive-toggle,.visuals-button,.visuals-close,.visuals-warning-actions button):after{content:"";position:absolute;inset:-6px}.visuals-close{top:6px;right:6px}.visuals-step{width:36px}.visuals-step:after{content:"";position:absolute;inset:-4px 0 -4px -8px}.visuals-step-next:after{inset:-4px -8px -4px 0}.visuals-looks{padding:6px 1px;margin:-5px 0}.visuals-looks button{position:relative}.visuals-looks button:after{content:"";position:absolute;inset:-5px -2px}:is(.footer-link,button.build-stamp,.whats-new-more,.segmented button):after{content:"";position:absolute;inset:-9px 0}.welcome-warning:after{content:"";position:absolute;inset:-8px 0 0}.welcome-never:after{content:"";position:absolute;inset:0 0 -8px}.fold-button{position:relative}.fold-button:after{content:"";position:absolute;inset:-8px -6px}.account-email{padding-block:13px;margin-block:-7px}.fb-text,.access-field{font-size:16px}}.visuals-delay{display:block;width:100%;min-height:44px;margin:0}.eq-panel{display:flex;flex-direction:column;gap:8px}.eq-body{border:0;margin:0;padding:0;min-width:0;transition:opacity .2s ease}.eq-controls{display:flex;flex-direction:column;gap:8px}.eq-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.eq-head:not(:empty)+.eq-controls{margin-top:10px}.eq-head h2{margin:0 4px 0 0;font:600 12px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.sound-switch{display:inline-flex;align-items:center;gap:8px;min-height:34px;margin:0;padding:0;border:0;border-radius:8px;background:none;font:600 12px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .18s ease}.sound-switch-pill{position:relative;flex:none;width:30px;height:16px;border-radius:999px;border:1px solid rgb(var(--line-rgb) / .22);background:#ffffff0a;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}.sound-switch-pill:after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:var(--muted);transition:transform .18s ease,background-color .18s ease}.sound-switch.on{color:var(--text)}.sound-switch.on .sound-switch-pill{border-color:rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .14);box-shadow:0 0 12px rgb(var(--accent-rgb) / .18)}.sound-switch.on .sound-switch-pill:after{transform:translate(14px);background:var(--accent)}@media(hover:hover){.sound-switch:not(:disabled):not([aria-disabled=true]):hover{color:var(--text)}}.sound-switch:disabled,.sound-switch[aria-disabled=true]{cursor:not-allowed}.sound-switch[aria-disabled=true]{opacity:.5}@media(prefers-reduced-motion:reduce){.sound-switch,.sound-switch-pill,.sound-switch-pill:after{transition:none}}.sound-switches{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}@media(max-width:480px){.sound-switches{column-gap:14px}.sound-switches .sound-switch{gap:7px;font-size:11px;letter-spacing:.14em}.sound-switches .crossfeed-setting{gap:5px;padding:0 7px 0 9px;font-size:10px;letter-spacing:.12em}}.eq-panel .seg.small{padding:2px}.eq-panel .seg.small button{min-height:30px;padding:4px 10px}.eq-panel .seg.small button:focus-visible{outline-offset:-2px}.crossfeed-control{display:inline-flex;align-items:center;gap:8px}.crossfeed-setting{position:relative;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px 0 10px;border:1px solid rgb(var(--line-rgb) / .22);border-radius:999px;color:var(--text);font:600 11px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transition:border-color .18s ease}.crossfeed-setting svg{width:9px;height:6px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.7}.crossfeed-setting-select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;font-size:16px;cursor:pointer;appearance:none;-webkit-appearance:none}@media(hover:hover){.crossfeed-setting:hover{border-color:rgb(var(--accent-rgb) / .5)}}.crossfeed-setting:has(.crossfeed-setting-select:focus-visible){outline:2px solid rgb(var(--accent-rgb) / .6);outline-offset:2px}@media(prefers-reduced-motion:reduce){.crossfeed-setting{transition:none}}.eq-select{min-height:34px;border-radius:10px;border:1px solid var(--line);background:#ffffff0a;padding:0 8px;font-size:13px}.eq-preset{margin-left:auto}.eq-head .eq-preset{min-width:0;max-width:100%;text-overflow:ellipsis}.eq-graph{width:100%;height:132px;border-radius:12px;background:#00000047;border:1px solid var(--line);display:block;touch-action:pan-y}.eq-graph.interactive{touch-action:none;cursor:crosshair}.eq-graph.interactive:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .6);outline-offset:2px}.eq-basic,.band-detail{display:flex;flex-direction:column;gap:4px}.eq-row{display:grid;grid-template-columns:58px minmax(0,1fr) 70px;align-items:center;gap:10px}.eq-name{font:500 11px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.eq-val{font:400 12px var(--font-mono);color:var(--text);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.eq-adv{display:flex;flex-direction:column;gap:8px}.band-tabs{display:flex;gap:8px;flex-wrap:wrap}.band-tabs::-webkit-scrollbar{display:none}.band-tab{flex:none;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;font:500 11px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.band-tab:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--band);margin-right:6px;vertical-align:1px}.band-tab.on{color:var(--text);border-color:var(--band)}.band-tab.off{opacity:.55}.band-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.band-line .eq-val{text-align:left}.band-detail input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--band) 0 var(--fill),rgba(255,255,255,.1) var(--fill))}.band-detail input[type=range]::-moz-range-progress{background:var(--band)}.eq-foot{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.eq-panel.disabled .eq-body{opacity:.38;filter:saturate(.3)}.eq-panel.off .eq-head>:not(h2),.eq-panel.off .eq-controls{opacity:.5;transition:opacity .2s}.eq-disabled-note{margin:0 0 8px;font-size:12.5px;color:var(--good)}.eq-tab-on{display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--accent);vertical-align:2px;box-shadow:0 0 6px rgb(var(--accent-rgb) / .6)}.eq-headphones{display:flex;flex-direction:column;gap:10px;min-width:0}.eq-headphones p{margin:0;font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere}.eq-headphone-card{display:flex;flex-direction:column;gap:8px;min-width:0}.eq-headphone-card strong{color:var(--text);font-size:13px;font-weight:600}.eq-headphone-state{margin-left:4px;font:600 10px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.eq-headphone-state.on{color:var(--accent)}.eq-headphone-actions{display:flex;flex-wrap:wrap;gap:8px}.eq-headphone-filters summary{cursor:pointer;width:fit-content;min-height:30px;align-content:center;font-size:12px;color:var(--muted)}.eq-headphone-table{overflow-x:auto;margin-top:4px}.eq-headphone-table table{width:100%;border-collapse:collapse;font:12px var(--font-mono);color:var(--text)}.eq-headphone-table th,.eq-headphone-table td{padding:6px 4px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.eq-headphone-table th{font-weight:500;color:var(--muted)}.eq-headphone-table th:first-child,.eq-headphone-table td:first-child{text-align:left}.eq-headphone-search{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.eq-headphone-search input{width:100%;min-width:0;box-sizing:border-box;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#ffffff0a;color:var(--text);font-size:14px}.eq-headphone-search input:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .6);outline-offset:2px}.eq-headphone-results{list-style:none;margin:0;padding:0;max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.eq-headphone-results li+li{border-top:1px solid var(--line)}.eq-headphone-results button{display:block;width:100%;min-height:44px;padding:8px 10px;border:0;text-align:left;background:transparent;color:var(--text);font-size:13px;overflow-wrap:anywhere;cursor:pointer}@media(hover:hover){.eq-headphone-results button:hover{background:rgb(var(--accent-rgb) / .08)}}.eq-headphone-results button:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .6);outline-offset:-2px}.eq-headphone-results small{display:block;color:var(--muted);margin-top:3px;font-size:11px}.eq-headphones .eq-headphone-about{font-size:11.5px}.eq-headphone-about a{color:inherit}@media(pointer:coarse){.eq-select,.eq-headphone-search input{font-size:16px}.eq-headphone-actions .chip,.eq-headphone-filters summary{position:relative}.eq-headphone-actions .chip:after,.eq-headphone-filters summary:after{content:"";position:absolute;inset:-7px 0}.sound-switch,.band-tab{position:relative}.sound-switch:after{content:"";position:absolute;inset:-5px 0}.crossfeed-setting-select{inset:-7px 0;height:auto}.band-tab:after{content:"";position:absolute;inset:-7px 0}}.sound-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip.sound-eq.on{color:var(--sound-eq);border-color:var(--sound-eq);background:color-mix(in srgb,var(--sound-eq) 12%,transparent)}.chip.sound-crossfeed.on{color:var(--sound-crossfeed);border-color:var(--sound-crossfeed);background:color-mix(in srgb,var(--sound-crossfeed) 12%,transparent)}.eq-panel .chip.on:not(.sound-crossfeed),.eq-panel .seg.small button.on{color:var(--sound-eq);border-color:var(--sound-eq);background:color-mix(in srgb,var(--sound-eq) 12%,transparent)}.sound-button-state{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.chip.sound-button.open:not(.on){color:var(--text);border-color:rgb(var(--line-rgb) / .7)}@media(max-width:600px){.topbar .view-tools{width:100%;justify-content:space-between}}.prompt{background:var(--panel-glass);border:1px solid var(--line);border-radius:var(--r);padding:12px;backdrop-filter:var(--panel-glass-filter);-webkit-backdrop-filter:var(--panel-glass-filter);display:flex;flex-direction:column;gap:8px}.prompt-label{font:500 11px/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:18px}.radio-head-end{display:inline-flex;align-items:center;gap:10px;flex:none}.radio-fold{margin:-6px -4px -6px 0}.radio .fold-line{container:radio-line / inline-size}:root{--exact: #c3a6ff}:root{--lighter: #ffe45c}.fold-line-tag.playing{display:inline-flex;gap:14px}.fold-light{display:inline-flex;flex:none;align-items:center;white-space:nowrap}.fold-light:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.fold-light-live{color:var(--good)}.fold-light-lighter{color:var(--lighter)}.fold-light-eq{color:var(--cyan)}.fold-light-crossfeed{color:var(--magenta)}.fold-light-exact{color:var(--exact)}.fold-light-exact:before{box-shadow:0 0 8px currentColor,0 0 3px currentColor}@container radio-line (max-width: 479px){.fold-light{font-size:0;letter-spacing:0;position:relative}.fold-light:before{margin-right:0}.fold-light:after{content:"";position:absolute;inset:-9px -4px}.fold-line-tag.playing{gap:8px}.fold-light+.fold-light{margin-left:5px}}.prompt.folded{padding:0;gap:0;width:min(100%,620px);margin-inline:auto;animation:prompt-settle .6s ease both}.prompt.folded>:not(.fold-line,.radio-fold-play){display:none}.prompt.radio.folded{flex-direction:row;align-items:center}.prompt.radio.folded .fold-line{flex:1;min-width:0}.radio-fold-play+.fold-line{padding-left:14px}.radio-fold-play{display:inline-flex;align-items:center;justify-content:center;flex:none;width:46px;min-height:44px;padding:0 0 0 8px;border:0;background:none;color:var(--text);border-radius:inherit}.radio-fold-play svg{box-sizing:content-box;width:14px;height:14px;padding:8px;border-radius:50%;border:1px solid var(--view-line);background:#ffffff0d}.radio-fold-play:hover svg,.radio-fold-play:focus-visible svg{color:var(--accent);border-color:rgb(var(--accent-rgb) / .5);background:rgb(var(--accent-rgb) / .08)}@keyframes prompt-settle{0%{opacity:0}}@media(prefers-reduced-motion:reduce){.prompt.folded{animation:none}}.track-meta{text-align:center;padding-bottom:14px}.track-title{margin:0;font:600 clamp(16px,4.6vw,28px)/1.1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;text-wrap:balance;text-shadow:0 0 18px rgb(var(--accent-rgb) / .35)}.track-specs{margin:4px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px;font:400 11.5px/1.3 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums}.chip.exact.on.good{color:var(--exact);border-color:color-mix(in srgb,var(--exact) 65%,transparent);background:color-mix(in srgb,var(--exact) 12%,transparent);box-shadow:0 0 14px color-mix(in srgb,var(--exact) 32%,transparent)}.volume{display:flex;align-items:center;gap:4px;min-width:0}.volume-mute{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:0;border:0;border-radius:999px;background:none;color:var(--muted)}.volume-mute svg{width:18px;height:18px}.volume-mute:hover:not(:disabled),.volume-mute:focus-visible{color:var(--text)}.volume-mute[aria-pressed=true]{color:var(--rose)}.volume-slider{width:112px}.volume.off{opacity:.4}.volume.off :is(button,input){cursor:not-allowed}@media(pointer:coarse){body{overflow:hidden auto}.shell{height:auto;min-height:100%}}.sheet.welcome .whats-new{flex:none}.sheet.welcome .whats-new-list{max-height:min(22dvh,190px)}@media(max-height:860px){.sheet.welcome .whats-new-list{max-height:min(12dvh,110px)}}.welcome-stations{display:flex;flex-direction:column;gap:8px;margin:4px 0 2px}.welcome-stations h3{margin:0;font:600 11px/1 var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.welcome-stations-why{margin:0;color:var(--text);font-size:13.5px;line-height:1.5}.welcome .welcome-station-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.welcome-station-list li{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid rgb(var(--accent-rgb) / .3);background:rgb(var(--accent-rgb) / .06)}.welcome-station-list a{display:flex;flex-direction:column;gap:3px;color:var(--text);text-decoration:none}.welcome-station-list a:hover .welcome-station-name,.welcome-station-list a:focus-visible .welcome-station-name{text-decoration:underline;text-underline-offset:3px}.welcome-station-name{font:600 15px/1.2 var(--font-display);letter-spacing:.04em}.welcome-station-host{font:400 11px/1.2 var(--font-mono);color:var(--accent);white-space:nowrap}.welcome-station-list p{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.welcome-station-list li.off{border-color:rgb(var(--accent-rgb) / .14);background:none}.welcome-station-pick{display:inline-flex;align-items:center;gap:8px;min-height:30px;margin-top:auto;padding-top:2px;color:var(--text);font-size:13px;cursor:pointer}.welcome-station-pick input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.welcome-station-list li.off .welcome-station-pick{color:var(--muted)}.welcome-stations-support{margin:0;color:var(--muted);font-size:12.5px;line-height:1.45}.welcome-terms{flex:none}.radio-home{font:500 11px/1 var(--font-display);letter-spacing:.06em;color:var(--muted);text-decoration:none;white-space:nowrap}.radio-home:hover,.radio-home:focus-visible{color:var(--text)}.radio-stations{display:flex;flex-wrap:wrap;gap:6px}.radio-add{border-style:dashed}.radio-mixes{align-self:flex-start;max-width:100%;flex-wrap:wrap;border-radius:20px}.radio-mixes button{white-space:nowrap;flex:none}.radio-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.radio-sound{display:flex;align-items:center;gap:6px;margin-left:auto}@media(max-width:600px){.radio-row .radio-status{flex-basis:0}.radio-sound{width:100%;flex-wrap:wrap;row-gap:8px}.radio-sound .volume{flex:1}.radio-sound .volume-slider{width:auto;flex:1;min-width:72px;margin-right:4px}}.radio-eq{border-top:1px solid var(--line);padding-top:10px}.radio-row .compose{margin-left:0;min-width:96px}.radio-status{margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.3 var(--font-display);letter-spacing:.06em;color:var(--muted)}.radio-status:is(.playing,.buffering,.connecting,.reconnecting){text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.radio-status.playing{color:var(--good)}.radio-status.playing.lighter{color:var(--lighter)}.radio-status.playing:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;vertical-align:1px}.radio-now{display:flex;align-items:center;justify-content:center;gap:14px;max-width:100%;padding-inline:8px;pointer-events:auto}.radio-now:has(.radio-cover){text-align:left}.radio-now:has(.radio-cover) .track-specs,.radio-now:has(.radio-cover) .track-title-row{justify-content:flex-start}.radio-now:has(.radio-cover) .track-title{text-wrap:pretty}.radio-cover{flex:none;width:88px;height:88px;border-radius:10px;object-fit:cover;box-shadow:0 8px 30px #00000080}.radio-now-text{min-width:0}.radio-song-link{color:inherit;text-decoration:none}.radio-song-link:after{content:"\2197";display:inline-block;margin-left:.3em;font-size:.55em;vertical-align:.5em;opacity:.35;transition:opacity .16s ease}.radio-song-link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:rgb(var(--accent-rgb) / .6)}.radio-song-link:is(:hover,:focus-visible):after{opacity:.9}.radio-cover-link{flex:none;display:block;border-radius:10px}.radio-cover-open{padding:0;border:0;background:none;cursor:zoom-in;transition:transform .2s ease,filter .2s ease}.radio-cover-open:hover{transform:translateY(-1px);filter:brightness(1.06)}.radio-cover-open:focus-visible{outline:1px solid rgb(var(--accent-rgb) / .8);outline-offset:3px}.radio-artist{margin:4px 0 0;font:500 15px/1.25 var(--font-body);color:var(--text);opacity:.85}.field{min-height:42px;border-radius:10px;border:1px solid var(--line);background:var(--glass);color:var(--text);padding:0 12px;font:inherit;font-size:16px}.station-sheet .danger{margin-left:auto}.interruptions-sheet .sheet-actions{flex-wrap:wrap}.interruptions-sheet .sheet-actions>*{white-space:nowrap}@media(max-width:600px){.radio-now{padding-inline:0}.radio-cover{width:64px;height:64px}}.stage>.prompt{width:min(100%,860px);margin-inline:auto}.stage>.prompt.folded{width:min(100%,620px)}.stage>.error{text-align:center}.cover-view-backdrop{align-items:center;background:#020308d6}.sheet.cover-view{position:relative;width:auto;max-width:none;padding:0;gap:14px;align-items:center;background:none;border:0;box-shadow:none;animation:cover-in .28s ease-out both}.cover-view-art{position:relative;width:min(88vw,74dvh);aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:zoom-out;background:rgb(var(--panel-rgb) / .6);box-shadow:0 0 0 1px #ffffff14,0 30px 120px #000000b3}.cover-view-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-view-image{opacity:0;transition:opacity .35s ease}.cover-view-image.in{opacity:1}.cover-view-caption{max-width:min(88vw,74dvh);text-align:center}.sheet.cover-view .cover-view-caption h2{font:600 16px/1.3 var(--font-display);letter-spacing:.04em}.cover-view-caption p{margin:3px 0 0;color:var(--muted);font-size:13px}.cover-view-close{position:absolute;top:8px;right:8px;z-index:1;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid rgb(255 255 255 / .14);background:#0203088c;color:var(--text);font-size:20px;line-height:1;cursor:pointer;opacity:.7;transition:opacity .16s ease}.cover-view-close:is(:hover,:focus-visible){opacity:1}@keyframes cover-in{0%{opacity:0;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.sheet.cover-view{animation:none}.cover-view-image,.radio-cover-open{transition:none}}@media(pointer:coarse){.radio-home,.volume-mute{position:relative}.radio-home:after{content:"";position:absolute;inset:-14px -4px}.volume-mute:after{content:"";position:absolute;inset:-5px}.cover-view-close:after{content:"";position:absolute;inset:-6px}}