:root{color-scheme:light;--bg: #f6f0e3;--bg-deep: #eadcc7;--paper: rgba(255, 249, 240, .82);--paper-strong: rgba(255, 250, 244, .92);--ink: #1a1a20;--muted: #5f635f;--line: rgba(26, 26, 32, .1);--line-strong: rgba(26, 26, 32, .18);--shadow: rgba(75, 49, 20, .12);--shadow-strong: rgba(75, 49, 20, .18);--accent: #b76431;--accent-2: #0c6f78;--accent-soft: rgba(183, 100, 49, .14);--accent-soft-2: rgba(12, 111, 120, .14);--good: #2c6b5e;--good-soft: rgba(44, 107, 94, .14);--warn: #8f4f2f;--stage-ink: #fff8f1;--stage-muted: rgba(255, 248, 241, .76);--stage-line: rgba(255, 248, 241, .16);--stage-bg: radial-gradient(circle at 50% 16%, rgba(255, 240, 221, .36), transparent 24%), radial-gradient(circle at 50% 50%, rgba(26, 117, 120, .24), transparent 52%), linear-gradient(180deg, #193845 0%, #132531 42%, #10151f 100%);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--content-width: min(1520px, calc(100vw - 1.8rem) );--transition: .18s ease}body[data-preset=audiobooks]{--accent: #a95f30;--accent-2: #0f6d79;--accent-soft: rgba(169, 95, 48, .16);--accent-soft-2: rgba(15, 109, 121, .14)}body[data-preset=music]{--accent: #bf4f38;--accent-2: #0d6f74;--accent-soft: rgba(191, 79, 56, .16);--accent-soft-2: rgba(13, 111, 116, .14)}body[data-preset=sound]{--accent: #497943;--accent-2: #0e6774;--accent-soft: rgba(73, 121, 67, .16);--accent-soft-2: rgba(14, 103, 116, .14)}body[data-preset=open]{--accent: #9a6525;--accent-2: #596d24;--accent-soft: rgba(154, 101, 37, .16);--accent-soft-2: rgba(89, 109, 36, .14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:Space Grotesk,Avenir Next,Segoe UI Variable Text,sans-serif;background:radial-gradient(circle at 10% 18%,rgba(255,255,255,.8),transparent 18%),radial-gradient(circle at 88% 12%,rgba(12,111,120,.12),transparent 22%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.12),transparent 22%,transparent 78%,rgba(255,255,255,.12)),repeating-linear-gradient(180deg,rgba(26,26,32,.025) 0,rgba(26,26,32,.025) 1px,transparent 2px,transparent 6px);opacity:.6}img{max-width:100%;display:block}button,input,select,a{font:inherit}button,select,input[type=range],a{transition:transform var(--transition),border-color var(--transition),background var(--transition),color var(--transition),box-shadow var(--transition),opacity var(--transition)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(12,111,120,.35);outline-offset:3px}.hidden{display:none!important}.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-shell{position:relative;width:var(--content-width);max-width:100%;margin:0 auto;padding:.75rem 0 2rem;overflow-x:clip}.ambient{position:fixed;inset:auto;border-radius:999px;filter:blur(55px);opacity:.45;pointer-events:none;mix-blend-mode:multiply}.ambient-a{width:26rem;height:26rem;top:4rem;left:calc(50% - 46rem);background:#b7643142}.ambient-b{width:24rem;height:24rem;top:10rem;right:calc(50% - 46rem);background:#0c6f782e}.navigator,.stage-panel,.spotlight-card,.brief-panel,.detail-panel,.track-panel,.guardrail-panel{position:relative;z-index:1}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--paper-strong),var(--paper));backdrop-filter:blur(18px);box-shadow:0 16px 50px var(--shadow),inset 0 1px #ffffff8c;border-radius:var(--radius-xl)}.eyebrow,.section-label,.meta-grid dt{display:block;margin:0 0 .5rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.eyebrow{color:var(--accent-2)}.section-label,.meta-grid dt{color:var(--muted)}h2,h3{margin:0;font-family:Fraunces,Iowan Old Style,Times New Roman,serif;letter-spacing:-.04em;line-height:.98}h2{font-size:clamp(1.55rem,2.5vw,2.45rem)}h3{font-size:1.1rem}.muted-text,.brief-grid p,.detail-description,.spotlight-card span,.status-block,.meta-grid dd,.guardrail-list,.result-copy p,.track-meta,.field span,.search-field span,.slider-field span,.button-link,.footer-note{line-height:1.55}.brief-grid p,.detail-description,.guardrail-list,.result-copy p,.track-meta,.meta-grid dd,.muted-text{margin:0;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(300px,370px);gap:1rem;align-items:start;margin-top:.4rem}.workspace>*{min-width:0}.navigator,.detail-column{display:grid;gap:1rem}.navigator,.detail-panel,.track-panel,.guardrail-panel{padding:1.1rem}.search-section,.results-section{display:grid;gap:1rem}.panel-brand{display:grid;gap:.15rem}.panel-app-title{margin:0;font-family:Fraunces,Iowan Old Style,Times New Roman,serif;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.06em;line-height:.92}.panel-brand-link{color:#6f8440;text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.panel-brand-link:hover{color:var(--accent-2)}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem}.search-field,.field,.slider-field{display:grid;gap:.45rem}.search-field input,.field select,.slider-field input[type=range],.seek-row input[type=range]{width:100%}.search-field input,.field select{appearance:none;border:1px solid var(--line-strong);background:#ffffffc7;color:var(--ink);border-radius:18px;min-height:3.15rem;padding:.9rem 1rem}.field select{padding-right:2.6rem}.starter-section{display:grid;gap:.9rem}.section-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.lane-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.lane-button{appearance:none;min-height:3rem;border-radius:20px;border:1px solid transparent;padding:.8rem .95rem;text-align:left;cursor:pointer;font-weight:700;letter-spacing:.04em;box-shadow:0 10px 22px #4b31140f}.lane-button:hover{transform:translateY(-1px)}.lane-button.active{box-shadow:0 14px 28px #4b31141a,inset 0 0 0 1px #ffffff57}.lane-button[data-preset=audiobooks]{background:linear-gradient(135deg,#a95f3033,#fff7eff5);border-color:#a95f3047;color:#8c4e29}.lane-button[data-preset=music]{background:linear-gradient(135deg,#bf4f3833,#fff5f3f5);border-color:#bf4f3847;color:#a23f2c}.lane-button[data-preset=sound]{background:linear-gradient(135deg,#49794333,#f6fbf5f5);border-color:#49794347;color:#476e41}.lane-button[data-preset=open]{background:linear-gradient(135deg,#0c6f782e,#f2fafaf5);border-color:#0c6f7842;color:#0c6f78}.starter-divider{height:1px;background:linear-gradient(90deg,#1a1a201f,#1a1a2008)}.chip-grid{display:flex;flex-wrap:wrap;gap:.55rem}.chip-button,.ghost-button,.secondary-button,.primary-button,.button-link{appearance:none;border-radius:999px;cursor:pointer;text-decoration:none}.chip-button,.ghost-button,.secondary-button,.button-link{border:1px solid var(--line-strong);background:#ffffffbd;color:var(--ink)}.chip-button,.ghost-button,.secondary-button,.primary-button,.button-link{padding:.82rem 1rem}.chip-button{padding:.58rem .82rem;font-size:.95rem}.compact-button{padding:.58rem .84rem;font-size:.88rem}.results-toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.toolbar-label{font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.toolbar-select{display:inline-flex;align-items:center}.toolbar-select select{appearance:none;border:1px solid var(--line-strong);background:#ffffffc7;color:var(--ink);border-radius:999px;min-height:2.4rem;padding:.5rem .95rem}.chip-button.active,.chip-button:hover,.ghost-button:hover,.secondary-button:hover,.button-link:hover{border-color:#0c6f7859;box-shadow:0 8px 18px #0c6f7814;transform:translateY(-1px)}.primary-button{border:1px solid transparent;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 50%,white));color:#fff8f0;box-shadow:0 12px 24px #0c6f7829}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #0c6f7833}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.transport-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.results-count{display:block;font-size:1.15rem;font-weight:700;overflow-wrap:anywhere}.status-block{padding:.9rem 1rem;border-radius:var(--radius-md);border:1px dashed rgba(26,26,32,.16);background:#ffffff6b;color:var(--muted)}.results-list,.track-list{display:grid;gap:.75rem}.results-list{min-height:2rem}.result-card,.track-card{width:100%;min-width:0;border:1px solid transparent;background:#ffffffb3;border-radius:22px;padding:.8rem;cursor:pointer;text-align:left;box-shadow:0 10px 24px #4b31140f}.result-card{display:grid;grid-template-columns:78px minmax(0,1fr);gap:.8rem}.result-card:hover,.track-card:hover{border-color:#0c6f7847;transform:translateY(-1px)}.result-card.active,.track-card.active{border-color:#0c6f7852;box-shadow:0 16px 30px #0c6f781a,inset 0 0 0 1px #0c6f7814}.result-thumb{width:78px;height:78px;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),var(--accent-soft-2)),#ffffffd1;border:1px solid rgba(26,26,32,.08)}.result-thumb img{width:100%;height:100%;object-fit:cover}.result-copy{min-width:0;display:grid;gap:.4rem}.result-copy h3,.track-card strong,.spotlight-card strong{font-family:Fraunces,Iowan Old Style,Times New Roman,serif}.result-copy h3{font-size:1.08rem}.result-copy h3,.result-copy p,.track-card strong,.track-meta,.now-playing h2,.detail-panel h2,.item-meta,.detail-description,.meta-grid dd{overflow-wrap:anywhere;word-break:break-word}.result-meta,.badge-row,.result-badges,.track-top{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.result-meta{color:var(--muted);font-size:.95rem}.meta-badge{display:inline-flex;align-items:center;gap:.3rem;min-height:2rem;padding:.34rem .7rem;border-radius:999px;border:1px solid transparent;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.neutral-badge{background:#1a1a200f;border-color:#1a1a2014;color:var(--muted)}.warm-badge{background:var(--accent-soft);border-color:#b764312e;color:var(--warn)}.good-badge{background:var(--good-soft);border-color:#2c6b5e2e;color:var(--good)}.stage-column{display:grid;gap:1rem;position:sticky;top:1rem;align-self:start;min-width:0}.stage-panel{padding:1.1rem;container-type:inline-size;color:var(--stage-ink);background:var(--stage-bg);border-color:var(--stage-line);box-shadow:0 28px 60px #10151f3d,inset 0 1px #ffffff0f}.stage-head .muted-text,.now-playing .muted-text{color:var(--stage-muted)}.status-pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:2.3rem;padding:.45rem .8rem;border-radius:999px;border:1px solid rgba(255,248,241,.14);background:#fff8f114;color:var(--stage-ink);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.visual-stage{--visual-top-reserve: 8rem;--visual-center-offset-y: 4rem;position:relative;width:100%;margin-top:.12rem;min-height:340px;height:min(100cqw,calc(100vh - 9rem));height:min(100cqw,calc(100dvh - 9rem));aspect-ratio:auto;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% calc(50% + var(--visual-center-offset-y)),rgba(255,248,241,.08),transparent 56%),radial-gradient(circle at 50% calc(50% + var(--visual-center-offset-y)),rgba(12,111,120,.18),transparent 68%)}#visualizerCanvas{position:absolute;inset:0;width:100%;height:100%}.buffering-overlay{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:.8rem;justify-items:center;background:radial-gradient(circle at center,#0b101842,#0b10188a);color:var(--stage-ink);backdrop-filter:blur(4px);padding-top:var(--visual-top-reserve)}.buffering-overlay span{font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stage-muted)}.buffer-spinner{width:54px;height:54px;border-radius:50%;border:3px solid rgba(255,248,241,.16);border-top-color:#fff8f1f2;border-right-color:#0c6f78c7;animation:spin .95s linear infinite;box-shadow:0 0 22px #fff8f11f}.visual-core{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transform:translateY(var(--visual-center-offset-y))}.cover-shell{position:relative;width:clamp(160px,34%,220px);aspect-ratio:1 / 1;border-radius:50%;padding:.8rem;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.28),transparent 32%),linear-gradient(180deg,#fff8f147,#fff8f10f);box-shadow:0 0 0 1px #fff8f117,0 26px 50px #0000002e}.cover-image,.cover-fallback{width:100%;height:100%;border-radius:50%}.cover-image{object-fit:cover}.cover-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#fff8f1e0,#fff8f147),linear-gradient(135deg,var(--accent-soft),var(--accent-soft-2));color:#10151fd6;font-family:Fraunces,Iowan Old Style,serif;font-size:clamp(2rem,7vw,3.5rem);letter-spacing:-.08em}.now-playing{display:grid;gap:.35rem;margin-top:.9rem}.transport-buttons,.seek-row,.utility-row{display:grid;gap:.85rem;align-items:center}.mobile-stage-tools{display:none}.transport-buttons{grid-template-columns:repeat(3,auto);justify-content:center;margin-top:1rem}.transport-button{appearance:none;min-width:3rem;min-height:2.5rem;border-radius:999px;border:1px solid rgba(255,248,241,.12);background:#fff8f11a;color:var(--stage-ink);cursor:pointer;box-shadow:inset 0 1px #ffffff08}.transport-button:hover:not(:disabled){background:#fff8f129;border-color:#fff8f133}.transport-side-button{font-size:.9rem;letter-spacing:.08em}.transport-play-button{min-width:3.3rem;font-size:1rem;background:#a95f3052;border-color:#fff8f129}.seek-row{grid-template-columns:auto minmax(0,1fr) auto;margin-top:.95rem;color:var(--stage-ink)}.seek-row span{min-width:3.25rem;font-variant-numeric:tabular-nums}.utility-row{grid-template-columns:minmax(0,140px) minmax(0,180px) auto;justify-content:space-between;margin-top:.95rem}.desktop-volume-field{min-width:0}.desktop-volume-field input[type=range]{width:100%}.field span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.stage-panel .field span{color:var(--stage-muted)}#speedSelect{color-scheme:dark;border-color:#fff8f12e;background:#0b10188f;color:var(--stage-ink);box-shadow:inset 0 1px #ffffff0a}#speedSelect:hover{background:#0f1620b8;border-color:#fff8f13d}#speedSelect option{background:#152028;color:var(--stage-ink)}.compact-field select{min-height:3rem}.wide-button{align-self:end}.source-link-button{appearance:none;border:0;background:transparent;color:#fff8f1d1;padding:0;text-decoration:underline;text-underline-offset:.18em;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;cursor:pointer}.source-link-button:disabled{opacity:.45;cursor:not-allowed}input[type=range]{appearance:none;height:.6rem;border-radius:999px;background:linear-gradient(90deg,#fff8f1bf,#fff8f138);outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff8f0;box-shadow:0 2px 8px #10151f40;cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff8f0;box-shadow:0 2px 8px #10151f40;cursor:pointer}.spotlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.spotlight-card{padding:1rem;display:grid;gap:.35rem}.spotlight-card strong{font-size:1.2rem}.brief-panel{padding:1.05rem}.brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.brief-grid article{padding:.15rem}.detail-column{align-self:start;min-width:0}.detail-panel,.track-panel,.guardrail-panel{display:grid;gap:.9rem}.action-row{display:flex;flex-wrap:wrap;gap:.6rem}.button-link{display:inline-flex;align-items:center;justify-content:center}.disabled-link{opacity:.52;pointer-events:none}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:0}.meta-grid div{padding:.8rem;border-radius:var(--radius-md);border:1px solid rgba(26,26,32,.08);background:#ffffff8a}.meta-grid dt{margin-bottom:.24rem}.meta-grid dd{font-size:.98rem}.track-list{min-height:2rem}.track-card{display:grid;gap:.4rem}.track-card strong{font-size:1.03rem}.track-top{justify-content:space-between}.track-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted);font-size:.92rem}.guardrail-list{padding-left:1.1rem;margin:0;display:grid;gap:.55rem}.footer-note{margin-top:1rem;padding:.2rem .2rem 0;color:#1a1a20b8;font-size:.95rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1180px){.workspace,.brief-grid,.spotlight-grid{grid-template-columns:1fr}.stage-column{position:static;order:1}.navigator{order:2}.detail-column{order:3}.utility-row{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-button{grid-column:1 / -1}}@media(max-width:820px){body{background:#030405}body:before{opacity:.22}.app-shell{width:min(100vw - 1rem,100%);padding-top:.5rem}.ambient{display:none}.navigator,.stage-panel,.brief-panel,.detail-panel,.track-panel,.guardrail-panel{padding:1rem}.panel-app-title{font-size:clamp(1.7rem,9vw,2.4rem)}.search-form,.lane-picker,.utility-row,.meta-grid{grid-template-columns:1fr}.desktop-volume-field,.stage-head{display:none}.mobile-stage-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;margin-bottom:.85rem;align-items:center}.now-playing{margin-top:.65rem}.mobile-stage-select select{width:100%;min-height:2.45rem;appearance:none;border:1px solid rgba(255,248,241,.16);background:#fff8f11a;color:var(--stage-ink);border-radius:999px;padding:.55rem .9rem}.transport-buttons{gap:.55rem;margin-top:.7rem}.seek-row{margin-top:.55rem}.utility-row{margin-top:.7rem}.result-card{grid-template-columns:68px minmax(0,1fr)}.result-thumb{width:68px;height:68px}.visual-stage{min-height:280px}.results-toolbar{align-items:stretch}.toolbar-select,.toolbar-select select,#trueRandomBtn{width:100%}.footer-note{color:#ffffff8f}}@keyframes infinityGlow{0%,to{opacity:.46;transform:scale(.96)}50%{opacity:.72;transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0ms!important}}.stage-head-clean,#trueRandomBtn{display:none}.stage-head-spacer{flex:1 1 auto;min-width:0}.player-top-controls{position:absolute;z-index:3;inset:.7rem .9rem auto;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;pointer-events:none}.player-action-stack{display:flex;gap:.5rem;pointer-events:auto}.stage-icon-button{pointer-events:auto;appearance:none;min-width:2.6rem;min-height:2.6rem;border-radius:999px;border:1px solid rgba(255,248,241,.14);background:#fff8f11a;color:var(--stage-ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:inset 0 1px #ffffff0d;backdrop-filter:blur(10px)}.stage-icon-button:hover:not(:disabled){background:#fff8f12e;border-color:#fff8f138}.stage-icon-button.active{background:#fff8f124;border-color:#fff8f13d}.stage-icon-button:disabled{opacity:.48;cursor:not-allowed}.stage-loop-button{position:relative;overflow:hidden;font-size:1.05rem;border-color:#fff8f12e;background:#fff8f114}.stage-loop-button:before{content:"";position:absolute;inset:-38%;border-radius:50%;background:radial-gradient(circle,rgba(255,248,241,.18) 0%,rgba(255,248,241,.05) 34%,transparent 66%);opacity:.15;transform:scale(.82);filter:blur(8px);transition:opacity .22s ease,transform .32s ease;pointer-events:none}.stage-loop-button.active{background:#fff8f124;border-color:#fff8f14d;box-shadow:0 0 0 1px #fff8f10a,0 0 18px #fff8f114,0 0 34px #0c6f781f}.stage-loop-button.active:before{opacity:.62;transform:scale(1.06);animation:infinityGlow 3.6s ease-in-out infinite}.transport-infinity-button{display:none}.playlist-panel{display:grid;gap:.9rem;padding:1.1rem}.playlist-action-row{display:flex;gap:.6rem;flex-wrap:wrap}.playlist-list{max-height:430px;overflow:auto;padding-right:.15rem}.playlist-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:start}.playlist-track-button{padding-right:.9rem}.playlist-remove-button{min-width:2.7rem;min-height:2.7rem;border-radius:22px;align-self:center}@media(max-width:820px){.detail-column{order:2}.navigator{order:3}.player-top-controls{inset:.7rem .7rem auto}.stage-loop-button,.transport-infinity-button{display:none}.transport-buttons{grid-template-columns:repeat(3,auto)}.playlist-list{max-height:none}.playlist-entry{grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:start}.playlist-track-button{padding-right:.85rem}.playlist-remove-button{display:inline-flex;min-width:2.45rem;min-height:2.45rem;align-self:center}}@media(min-width:821px){.stage-panel>.seek-row{position:absolute;z-index:4;top:5rem;right:2rem;left:2rem;margin-top:0}.desktop-volume-field{position:absolute;z-index:4;top:7.6rem;right:2rem;width:clamp(180px,34%,240px)}.utility-row{grid-template-columns:minmax(0,140px) auto}}.skip-link{position:fixed;z-index:1000;top:max(.5rem,env(safe-area-inset-top));left:max(.5rem,env(safe-area-inset-left));padding:.75rem 1rem;border-radius:999px;color:#fff8ef;background:#153340;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.panel-logo{display:block;width:100%;max-width:290px;height:auto;aspect-ratio:47 / 12}.mobile-brand{color:#fff8f1bd;font-size:.72rem;font-weight:700;letter-spacing:.18em}button,select,input,.button-link,.track-button,.result-card{touch-action:manipulation}button,.button-link,select{min-height:48px}.stage-icon-button,.transport-button{min-width:48px;min-height:48px}.footer-note span{float:right;white-space:nowrap}.network-banner{position:sticky;z-index:30;top:env(safe-area-inset-top);margin:0 auto .65rem;padding:.7rem 1rem;border:1px solid rgba(143,79,47,.25);border-radius:14px;color:#6e321e;background:#fff2df;box-shadow:0 12px 36px #4b311429;text-align:center;font-size:.84rem}@media(max-width:820px){html{scroll-padding-top:calc(env(safe-area-inset-top) + .5rem)}body{min-width:300px;min-height:100dvh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.app-shell{width:100%;max-width:100vw;overflow-x:clip;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left))}.workspace{gap:.7rem}.workspace,.stage-column,.detail-column,.navigator,.stage-panel,.spotlight-grid,.spotlight-card,.brief-panel,.detail-panel,.track-panel,.guardrail-panel{min-width:0;max-width:100%}.stage-panel{min-height:min(760px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 1rem));border-radius:28px}.mobile-stage-tools{grid-template-columns:auto auto minmax(0,1fr);gap:.5rem}.mobile-stage-tools button,.mobile-stage-tools select{min-height:48px}.visual-stage{--visual-top-reserve: 0rem;--visual-center-offset-y: 0rem;height:min(100cqw,calc(100vh - 11rem));height:min(100cqw,calc(100dvh - 11rem));max-height:calc(100dvh - 11rem);min-height:clamp(270px,42dvh,390px);border-radius:24px}.now-playing h2{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:clamp(1.55rem,8vw,2.35rem)}.transport-button{width:58px;height:58px}.transport-play-button{width:68px;height:68px}.seek-row{grid-template-columns:auto minmax(0,1fr) auto}.seek-row input[type=range]{min-width:0}input[type=search],select{font-size:16px}.result-card,.track-button,.playlist-entry{content-visibility:auto;contain-intrinsic-size:auto 92px}.footer-note{padding-bottom:env(safe-area-inset-bottom)}.footer-note span{display:block;float:none;margin-top:.35rem}}@media(max-width:380px){.mobile-brand{display:none}.mobile-stage-tools{grid-template-columns:auto minmax(0,1fr)}.navigator,.stage-panel,.brief-panel,.detail-panel,.track-panel,.guardrail-panel{padding:.8rem}}