:root{color-scheme:dark;--bg: #0b0b0b;--panel: rgb(8.1411764706%, 8.1411764706%, 8.1411764706%);--line: rgb(17.7098039216%, 17.7098039216%, 17.7098039216%);--fg: #c6c6c6;--dim: rgb(42.7058823529%, 42.7058823529%, 42.7058823529%);--accent: #5fd787;--error: #ff5f5f}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font:14px/1.5 ui-monospace,"JetBrains Mono","Fira Code","Cascadia Code",Menlo,Consolas,monospace;background:var(--bg);color:var(--fg);scrollbar-color:var(--line) rgba(0,0,0,0);scrollbar-width:thin}::selection{background:var(--accent);color:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,button{font:inherit;color:inherit;background:none;border:1px solid var(--line);border-radius:0;padding:.3rem .6rem}input:focus,button:focus{outline:none}input:focus-visible,button:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}input:focus{border-color:var(--accent)}input::placeholder{color:var(--dim)}button{cursor:pointer;color:var(--accent)}button::before{content:"["}button::after{content:"]"}button:hover:not(:disabled){background:var(--accent);color:var(--bg)}button:disabled{color:var(--dim);cursor:wait}.error{color:var(--error)}.nick{color:hsl(var(--hue, 0), 60%, 65%)}rad-login{display:grid;place-items:center;min-height:100%;padding:1rem}rad-login form{display:flex;flex-direction:column;gap:.6rem;width:min(26rem,100%);padding:1.5rem;border:1px solid var(--line);background:var(--panel)}rad-login form h1{margin:0 0 .5rem;font-size:1.4rem;color:var(--accent)}rad-login form h1::before{content:"$ ";color:var(--dim)}rad-login form label{display:grid;grid-template-columns:6rem 1fr;align-items:center;color:var(--dim)}rad-login form button{align-self:flex-end;margin-top:.5rem}rad-login form p{margin:0}rad-chat{display:grid;grid-template:auto minmax(0, 1fr) auto/minmax(0, 3fr) minmax(0, 2fr) 11rem;height:100%}rad-chat header{grid-column:1/-1;display:flex;gap:1rem;align-items:center;padding:.4rem 1rem;border-bottom:1px solid var(--line);background:var(--panel)}rad-chat header h1{margin:0;font-size:1em;color:var(--accent)}rad-chat header h1::before{content:"# ";color:var(--dim)}rad-chat header .subject{flex:1;color:var(--dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}rad-chat header button{padding:0 .3rem;border:0}rad-chat .log{grid-area:2/2;overflow-y:auto;padding:.5rem 1rem}rad-chat .log p{display:grid;grid-template-columns:auto 8ch 1fr;gap:1ch;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}rad-chat .log time{color:var(--dim)}rad-chat .log .nick{text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}rad-chat .log .notice{color:var(--dim);font-style:italic}rad-chat .log .notice .nick{color:var(--dim)}rad-chat ul{grid-area:2/3/4;margin:0;padding:.5rem 1rem;list-style:none;overflow-y:auto;border-left:1px solid var(--line);background:var(--panel)}rad-chat ul li{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}rad-chat form{grid-area:3/2;display:flex;align-items:center;gap:.5rem;padding:.4rem 1rem;border-top:1px solid var(--line)}rad-chat form::before{content:"›";color:var(--accent)}rad-chat form input{flex:1;border:0;padding-left:0;outline:none}rad-chat form button{border:0}@media(width < 64rem){rad-chat{grid-template:auto auto minmax(0, 1fr) auto/1fr}rad-chat header .subject,rad-chat ul{display:none}rad-chat .log{grid-area:3/1}rad-chat form{grid-area:4/1}}rad-player{grid-area:2/1/4;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}rad-player .screen{aspect-ratio:16/9;background:#000;border-bottom:1px solid var(--line)}rad-player .screen>*,rad-player .screen iframe{display:block;width:100%;height:100%;border:0}rad-player .screen:empty{display:grid;place-items:center}rad-player .screen:empty::after{content:"no signal";color:var(--dim)}@media(prefers-reduced-motion: no-preference){rad-player .screen:empty::after{animation:blink 1.2s steps(2) infinite}}rad-player ol{flex:1;overflow-y:auto;margin:0;padding:.5rem 1rem .5rem 3.5rem}rad-player ol:empty::before{content:"/play <url> to start";margin-left:-2.5rem;color:var(--dim)}rad-player li{padding:.1rem 0;overflow-wrap:anywhere}rad-player li::marker{color:var(--dim)}rad-player li.current::marker{content:"▶" " ";color:var(--accent)}rad-player li.current a{color:var(--fg)}rad-player li.played{opacity:.4}rad-player li span{display:block;font-size:.85em}@media(width < 64rem){rad-player{grid-area:2/1;max-height:50vh;border-right:0;border-bottom:1px solid var(--line)}}@keyframes blink{50%{opacity:0}}