:root{--deep:#0b3d2e;--green:#005a36;--gold:#d4af37;--bg:#eae7e1;--bg2:#f9f8f6;--ink:#1a1d20;--muted:#52606d;--white:#f9f8f6;--font:"Source Sans 3", "Segoe UI", system-ui, sans-serif;color:var(--ink);background:var(--deep);font-family:var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button,input{font:inherit}a{color:inherit}.shell{min-height:100dvh;color:var(--white);background:radial-gradient(80% 50% at 20% -10%,#d4af372e,#0000),radial-gradient(60% 40% at 100% 0,#005a368c,#0000),linear-gradient(160deg,#0b3d2e 0%,#005a36 48%,#0b3d2e 100%);flex-direction:column;display:flex}.shell.loading,.shell.error{justify-content:center;align-items:center;font-size:1.25rem}.topbar{align-items:center;gap:.85rem;padding:1.1rem 1.35rem .4rem;display:flex}.brand-logo{filter:drop-shadow(0 2px 6px #00000059);flex-shrink:0;width:3rem;height:auto}.brand-text{min-width:0}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:.95rem;font-weight:700}.brand-sub{color:#f9f8f6b8;margin-top:.2rem;font-size:.9rem}.stage{flex:1;gap:1.25rem;width:min(1100px,100%);margin:0 auto;padding:.75rem 1.25rem 1.25rem;display:grid}@media (width>=900px){.stage{grid-template-columns:1fr 1.1fr;align-items:start;gap:2rem;padding-top:1.25rem}}.now-playing{flex-direction:column;gap:1rem;display:flex}.cover{aspect-ratio:1;border:2px solid var(--gold);background:linear-gradient(145deg,#d4af3759,#0000 45%),linear-gradient(#147a4f,#0b3d2e);border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:min(100%,340px);margin:0 auto;display:flex;box-shadow:0 24px 48px #00000059}.cover-logo{filter:drop-shadow(0 4px 12px #00000059);width:clamp(4.5rem,18vw,6rem);height:auto}.cover-title{font-size:clamp(2rem,6vw,2.8rem);font-weight:700}.meta h1{margin:0;font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.15}.subtitle{color:#f9f8f6c7;margin:.45rem 0 0;font-size:1.05rem;line-height:1.4}.track-switch{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.track-prompt{letter-spacing:.04em;text-transform:uppercase;color:#f9f8f6b3;grid-column:1/-1;margin:0;font-size:.88rem;font-weight:600}.tab{appearance:none;color:#f9f8f68c;text-align:left;cursor:pointer;background:#0b3d2e59;border:1.5px solid #d4af3747;border-radius:.7rem;flex-direction:column;gap:.35rem;padding:.85rem .9rem;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:flex}.tab:hover{color:#f9f8f6d9;background:#f9f8f60f;border-color:#d4af378c}.tab.active{border-color:var(--gold);background:var(--gold);color:var(--deep);box-shadow:0 8px 20px #00000038}.tab-label{font-size:1.1rem;font-weight:700}.tab-badge{letter-spacing:.06em;color:#d4af37bf;font-size:.72rem;font-weight:700}.tab.active .tab-badge{color:#0b3d2ec7}.controls{align-items:center;gap:.9rem;margin-top:.25rem;display:flex}.play{background:var(--gold);width:3.4rem;height:3.4rem;color:var(--deep);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.play:hover{filter:brightness(1.05)}.scrub{flex:1;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;display:grid}.time{font-variant-numeric:tabular-nums;color:#f9f8f6bf;min-width:2.4rem;font-size:.85rem}.scrub input[type=range]{appearance:none;background:linear-gradient(to right, var(--gold) 0%, var(--gold) var(--progress,0%), #f9f8f638 var(--progress,0%), #f9f8f638 100%);cursor:pointer;border-radius:999px;outline:none;width:100%;height:.35rem}.scrub input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--bg2);border:2px solid var(--gold);border-radius:50%;width:1rem;height:1rem}.scrub input[type=range]::-moz-range-thumb{background:var(--bg2);border:2px solid var(--gold);border-radius:50%;width:1rem;height:1rem}.transcript{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f9f8f60f;border:1px solid #d4af3759;border-radius:1rem;padding:1.1rem 1rem 1.2rem}.transcript-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.transcript-head h2{letter-spacing:.04em;text-transform:uppercase;color:var(--gold);margin:0;font-size:1.05rem}.pill{letter-spacing:.06em;border:1px solid var(--gold);color:var(--gold);white-space:nowrap;background:#005a36e6;border-radius:999px;padding:.35rem .55rem;font-size:.7rem;font-weight:700}.pill.warn{color:#ffe9b0;background:#b22222d9;border-color:#f0c36a}.lines{scroll-behavior:smooth;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:.55rem;max-height:min(52vh,28rem);margin:0;padding:0 0 min(42vh,16rem);list-style:none;display:flex;overflow-y:auto}.lines::-webkit-scrollbar{display:none}.line{appearance:none;color:#f9f8f69e;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.7rem;width:100%;padding:.85rem .9rem;font-size:1.12rem;line-height:1.45;transition:background .15s,color .15s,border-color .15s}.line:hover{color:#f9f8f6e6;background:#f9f8f60d}.line.active{color:var(--deep);background:var(--gold);border-color:var(--gold);font-weight:700}.disclaimer{color:#f9f8f6c7;text-align:center;background:#0b3d2ea6;border-top:1px solid #d4af3759;margin:0;padding:.95rem 1.35rem 1.25rem;font-size:.92rem;line-height:1.4}@media (width<=899px){.topbar{gap:.65rem;padding:.7rem 1rem .2rem}.brand-logo{width:2.35rem}.brand{font-size:.85rem}.brand-sub{font-size:.78rem}.stage{gap:.85rem;padding:.45rem 1rem 1rem}.now-playing{gap:.7rem}.cover{width:min(100%,300px)}.cover-logo{width:clamp(4rem,16vw,5.25rem)}.cover-title{font-size:clamp(1.85rem,6vw,2.4rem)}.meta h1{font-size:1.55rem}.subtitle{font-size:.92rem;line-height:1.35}.tab{gap:.25rem;padding:.65rem .75rem}.tab-label{font-size:1rem}.tab-badge{font-size:.65rem}.controls{gap:.7rem;margin-top:0}.play{width:3rem;height:3rem}.transcript{padding:.9rem .85rem 1rem}.lines{max-height:min(38vh,20rem);padding-bottom:min(26vh,9rem)}.line{padding:.7rem .8rem;font-size:1.05rem}}