*{box-sizing:border-box}:root{--ink:#0e1826;--ink-2:#5b6b80;--paper:#eef1f5;--card:#fff;--line:#dbe1e9;--cobalt:#2c4be0;--cobalt-deep:#1e36b3;--amber:#f0a32b;--error:#c0392b;color:var(--ink);background:linear-gradient(180deg, #f4f6f9 0%, var(--paper) 240px);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.study-shell{width:min(920px,100% - 40px);margin:0 auto;padding:clamp(40px,8vh,88px) 0 clamp(48px,10vh,104px)}.study-header{margin-bottom:28px}.header-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:14px;display:flex}.study-name{color:var(--ink);align-items:center;gap:9px;margin:0;font-size:.95rem;font-weight:600;display:flex}.study-mark{color:var(--cobalt);flex:none;width:15px;height:15px}.progress{align-items:center;gap:12px;display:flex}.progress-count{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.9rem}.progress-ticks{align-items:center;gap:4px;display:flex}.progress-ticks span{border-radius:3px;width:5px;height:13px}.progress-ticks .tick-done{background:var(--ink)}.progress-ticks .tick-current{background:var(--cobalt);height:18px}.progress-ticks .tick-upcoming{background:var(--line)}.instruction{color:var(--ink-2);max-width:52ch;margin:0;font-size:1.05rem;line-height:1.55}.script-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,34px) clamp(24px,4.5vw,40px);box-shadow:0 1px 2px #0e18260a,0 14px 36px -20px #0e182624}.script-label{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;margin:0;padding:3px 12px;font-size:.8rem;font-weight:500;display:inline-block}.script-text{color:var(--ink);letter-spacing:-.01em;max-width:62ch;margin:16px 0 0;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(1.3rem,2.4vw,1.75rem);font-style:italic;font-weight:450;line-height:1.45}.script-text-long{font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.6}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.channel-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px 24px 24px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 1px 2px #0e18260a,0 14px 36px -20px #0e182624}.channel-card.is-live{border-color:#f0a32ba6;box-shadow:0 1px 2px #0e18260a,0 14px 40px -16px #f0a32b66}.ghost-letter{color:#0e18260d;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(88px,12vw,132px);font-weight:700;line-height:.8;transition:color .3s;position:absolute;top:12px;right:14px}.is-live .ghost-letter{color:#f0a32b29}.channel-name{color:var(--ink);margin:0;font-size:1.05rem;font-weight:600;position:relative}.channel-controls{align-items:center;gap:14px;margin-top:26px;display:flex}.playback-meter{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.playback-meter input[type=range]{--progress:0%;appearance:none;cursor:pointer;background:0 0;width:100%;min-width:0;height:24px;margin:0}.playback-meter input[type=range]:disabled{cursor:wait;opacity:.45}.playback-meter input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--amber) var(--progress), var(--line) var(--progress));border-radius:999px;height:6px}.playback-meter input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:3px solid #fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 4px #0e182659}.playback-meter input[type=range]::-moz-range-track{background:var(--line);border-radius:999px;height:6px}.playback-meter input[type=range]::-moz-range-progress{background:var(--amber);border-radius:999px;height:6px}.playback-meter input[type=range]::-moz-range-thumb{background:var(--ink);border:3px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 4px #0e182659}.play-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:background-color .2s,transform .15s;display:flex}.play-button:hover{background:var(--cobalt);transform:scale(1.06)}.play-button:active{transform:scale(.97)}.play-button svg{width:22px;height:22px}.is-live .play-button{background:var(--amber);color:var(--ink)}.is-live .play-button:hover{background:var(--amber);filter:brightness(1.05)}.playback-time{color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;font-size:.8rem}.status-screen{text-align:center;align-content:center;justify-items:center;gap:18px;min-height:70vh;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--cobalt);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status{color:var(--ink-2);margin:0;font-size:1.1rem}.status-error{color:var(--error);max-width:44ch}.study-header,.script-card,.channel-card{animation:.55s cubic-bezier(.2,.7,.2,1) both rise}.script-card{animation-delay:80ms}.comparison-grid .channel-card:first-child{animation-delay:.16s}.comparison-grid .channel-card:last-child{animation-delay:.22s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (width<=640px){.comparison-grid{grid-template-columns:1fr}.header-row{flex-direction:column;gap:10px}}