*{box-sizing:border-box;margin:0;padding:0}html,body{height:auto;min-height:100dvh}body{color:#fff;background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}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{z-index:10;position:relative}.canvas-wrapper{z-index:0;pointer-events:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.canvas-wrapper canvas{width:100%;height:100%}#stream-content-wrapper{z-index:2;align-items:flex-start;gap:2rem;min-height:60vh;padding:2rem;display:flex;position:relative}.stream-aspect-ratio-box{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.stream-aspect-ratio-box iframe{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.player-controls{justify-content:center;align-items:center;gap:.75rem;padding:.75rem 0 0;display:flex}.player-controls #play-button,.player-controls #play-stream-button,.player-controls #skip-button{color:#fff;appearance:none;cursor:pointer;background:#222;border:1px solid #555;border-radius:4px;padding:.5rem 1rem}.player-controls #play-button:hover,.player-controls #play-stream-button:hover,.player-controls #skip-button:hover{background:#2e2e2e}#stream-embed-wrapper{flex-grow:1;flex-shrink:0;width:calc(100% - 400px - 2rem)}#commentary-wrapper{z-index:5;flex-shrink:0;position:relative;opacity:1!important}#channel-selector{z-index:5;appearance:none;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-position:right .65rem center;background-repeat:no-repeat;background-size:10px 6px;border-radius:4px;margin-bottom:1rem;padding:.5rem 2rem .5rem .5rem;font-family:monospace;position:relative;color:#fff!important;opacity:1!important;background-color:#2a2a2a!important;border:1px solid #555!important}#commentary-container{z-index:5;border:1px solid #333;width:400px;height:600px;padding:1rem;font-family:monospace;position:relative;overflow-y:scroll;box-shadow:0 0 0 1px #0006,0 8px 24px #00000080;opacity:1!important;background-color:#111!important}.commentary-line{border-radius:4px;margin-bottom:.5rem;padding:.375rem .5rem}.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 (width<=900px){#stream-content-wrapper{min-height:unset;flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}#stream-embed-wrapper{flex:auto;order:1;width:100%!important}#commentary-wrapper{order:2;width:100%}#channel-selector{width:100%}#commentary-container{-webkit-overflow-scrolling:touch;overflow-wrap:anywhere;width:100%;height:clamp(280px,50vh,420px)}}@media (width<=600px){.canvas-wrapper{opacity:.3;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}}@media (width<=360px){.canvas-wrapper{opacity:.2}}@media (width<=480px){.player-controls{gap:.5rem}.player-controls #play-button,.player-controls #play-stream-button,.player-controls #skip-button{min-height:44px;padding:.75rem 1rem;font-size:1rem}#track-info{font-size:12px;line-height:1.3}#commentary-container{font-size:14px;line-height:1.5}#channel-selector{font-size:16px}.stream-aspect-ratio-box{aspect-ratio:16/9;height:auto;padding-top:0}}.commentary-line .timestamp{color:#9aa0a6;opacity:.9;white-space:nowrap;margin-left:.5rem;font-size:.85em;transition:opacity .16s}.typing-indicator{color:#9aa0a6;background:#ffffff0f;border:1px solid #2a2a2a;border-radius:12px;align-items:center;gap:6px;margin:6px 0 10px;padding:6px 8px;display:inline-flex}.typing-indicator .dot{opacity:.35;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing-bounce}.typing-indicator .dot:nth-child(2){animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:.95;transform:translateY(-3px)}}