*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;font-size:var(--fs,22px)}
button,select,textarea,input{font:inherit;color:#fff;background:#111;border:2px solid #fff;border-radius:10px;padding:.5em .8em}
button{background:#ffd400;color:#000;border-color:#ffd400;font-weight:700;cursor:pointer}button.sec{background:#111;color:#fff;border-color:#888}
button:focus,textarea:focus,select:focus{outline:4px solid #4cc2ff;outline-offset:2px}
.wrap{max-width:900px;margin:auto;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:100vh}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.live{font-size:1.6em;line-height:1.3;min-height:3em;border:2px solid #444;border-radius:10px;padding:.5em;overflow-y:auto;max-height:40vh}
.interim{color:#aaa;font-style:italic}
.hist{border-top:2px solid #333;padding-top:8px;font-size:.85em;max-height:35vh;overflow-y:auto}
.hist div{padding:3px 0}.me{color:#ffd400}.them{color:#7fdcff}.t{color:#888;font-size:.8em;margin-right:.4em}
.status{font-size:.75em;color:#aaa}
textarea{width:100%;min-height:4.5em;font-size:1.3em}