*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100dvh;height:auto}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#fff;background:#000}a{color:#0ff;text-decoration:none}a:hover{text-decoration:underline}body.home.fd-has-fixed-nav{padding-top:0}body.home .fd-nav{top:auto}#cfstream{position:relative;z-index:10}.canvas-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.canvas-wrapper canvas{width:100%;height:100%}#stream-content-wrapper{position:relative;z-index:2;display:flex;align-items:flex-start;gap:2rem;padding:2rem;min-height:60vh}.stream-aspect-ratio-box{position:relative;padding-top:56.25%;width:100%;overflow:hidden}.stream-aspect-ratio-box iframe{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.live-indicator-row{display:flex;justify-content:center;align-items:center;padding:.9rem 0 0}.live-indicator{display:inline-flex;align-items:center;gap:.55rem;padding:.4rem .7rem;background:transparent;border:none;cursor:pointer;font-family:monospace;font-size:.8rem;letter-spacing:.22em;color:#9aa0a6;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:color .24s ease}.live-indicator__dot{width:8px;height:8px;border-radius:50%;background:#555;box-shadow:none;transition:background .32s ease,box-shadow .32s ease}.live-indicator:hover{color:#c8c8c8}.live-indicator:focus-visible{outline:1px solid #555;outline-offset:3px}.live-indicator.is-audible{color:#c8c8c8}.live-indicator.is-audible .live-indicator__dot{background:#e53935;box-shadow:0 0 8px #e53935bf;animation:live-pulse 2.4s infinite ease-in-out}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.live-indicator.is-audible .live-indicator__dot{animation:none}}.witness-line{min-height:1.4em;margin-top:.35rem;text-align:center;font-family:monospace;font-size:.75rem;letter-spacing:.04em;color:#6b7075;opacity:0;transition:opacity 2.4s ease;pointer-events:none}.witness-line.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.witness-line{transition:none}}.site-exit{color:#555;font-size:.9rem;text-decoration:none;padding:.4rem .6rem;transition:color .24s ease}.site-exit:hover{color:#c8c8c8;text-decoration:none}#stream-embed-wrapper{width:calc(100% - 400px - 2rem);flex-grow:1;flex-shrink:0}#commentary-wrapper{flex-shrink:0;position:relative;z-index:5;opacity:1!important}#channel-selector{margin-bottom:1rem;background-color:#2a2a2a!important;color:#fff!important;border:1px solid #555!important;padding:.5rem 2rem .5rem .5rem;font-family:monospace;opacity:1!important;position:relative;z-index:5;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath fill='%23c8c8c8' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:10px 6px}#commentary-container{width:400px;height:600px;padding:1rem;border:1px solid #333;background-color:#111!important;opacity:1!important;overflow-y:scroll;font-family:monospace;position:relative;z-index:5;box-shadow:0 0 0 1px #0006,0 8px 24px #00000080}.commentary-line{margin-bottom:.5rem;padding:.375rem .5rem;border-radius:4px}.commentary-line:nth-child(odd){background:#ffffff09}.speaker{font-weight:700}.speaker:before{content:none}.speaker.gemma{color:#ff8a80}.speaker.llama{color:#80d8ff}.speaker.plato{color:#ffd54f}.speaker.anaxagoras{color:#a5d6a7}.speaker.susan-sontag{color:#ce93d8}.speaker.pauline-kael{color:#ffb74d}.speaker.franz{color:#4db6ac}.speaker.zwei{color:#f06292}.speaker.john{color:#90caf9}.speaker.joao{color:#c5a572}.speaker.adam-smith{color:#daa520}.speaker.john-locke{color:#87ceeb}.speaker.walter{color:#ff8a80}.speaker.sunny{color:#80d8ff}@media(max-width:900px){#stream-content-wrapper{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem;min-height:unset}#stream-embed-wrapper{width:100%!important;flex:1 1 auto;order:1}#commentary-wrapper{width:100%;order:2}#channel-selector{width:100%}#commentary-container{width:100%;height:clamp(280px,50vh,420px);-webkit-overflow-scrolling:touch;overflow-wrap:anywhere}}@media(max-width:600px){.canvas-wrapper{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);opacity:.3}}@media(max-width:360px){.canvas-wrapper{opacity:.2}}@media(max-width:480px){.live-indicator{min-height:44px;padding:.6rem 1rem}#commentary-container{font-size:14px;line-height:1.5}#channel-selector{font-size:16px}.stream-aspect-ratio-box{aspect-ratio:16 / 9;padding-top:0;height:auto}}.commentary-line .timestamp{color:#9aa0a6;font-size:.85em;margin-left:.5rem;opacity:.9;white-space:nowrap;transition:opacity .16s ease}.typing-indicator{display:inline-flex;align-items:center;gap:6px;margin:6px 0 10px;padding:6px 8px;background:#ffffff0f;border:1px solid #2a2a2a;border-radius:12px;color:#9aa0a6}.typing-indicator .dot{width:6px;height:6px;background:currentColor;border-radius:50%;opacity:.35;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-3px);opacity:.95}}