.episode-observations{margin:26px 0 34px;padding:22px 0;border-block:1px solid var(--rule)}.observation-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.observation-heading h3{margin:0;font-size:26px}.observation-heading a{font:11px var(--sans)}#observation-video{display:block;width:100%;max-height:680px;aspect-ratio:16/9;object-fit:contain;background:#eee9e1;border:1px solid var(--rule);border-radius:5px;margin:18px 0 15px}.observation-controls{display:flex;align-items:center;gap:14px;font:11px var(--sans)}.observation-controls button{min-width:38px;min-height:38px;border:1px solid var(--rule);border-radius:4px;background:transparent;color:var(--accent)}.observation-controls button:disabled{opacity:.35}.observation-controls input[type=range]{flex:1;min-width:60px;accent-color:var(--accent)}.observation-controls label{display:flex;align-items:center;gap:7px;white-space:nowrap}.observation-controls select{background:#fdfbf8;border:1px solid var(--rule);border-radius:4px;padding:7px;font:11px var(--sans)}#observation-counter{min-width:55px;font-variant-numeric:tabular-nums}#observation-moment-label{font:12px/1.8 var(--sans);margin:16px 0 10px;color:var(--ink)}.observation-empty{font:12px/1.8 var(--sans);color:var(--muted);padding:18px 0;margin:0}.observation-controls input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:650px){.observation-heading{align-items:flex-start;flex-direction:column;gap:8px}.observation-heading h3{font-size:23px}.observation-controls{gap:8px;flex-wrap:wrap}.observation-controls input[type=range]{flex-basis:45%}.observation-controls label{margin-left:auto}.observation-controls button{min-width:35px}#observation-video{margin-top:12px}.episode-observations{padding:18px 0}}

.episode-controls .video-availability{flex-direction:row;align-items:center;height:40px;white-space:nowrap;font-size:11px}.episode-controls .video-availability input{min-height:0;padding:0;margin:0;accent-color:var(--accent)}