:root{color-scheme:dark;font:15px system-ui,sans-serif;background:#0d2948;color:#fff}*{box-sizing:border-box}body{margin:0}.mobile-brand{display:flex;align-items:center;gap:8px;margin-bottom:10px}.mobile-brand img{width:30px;height:30px;object-fit:contain}.mobile-brand h1{font-size:1.1rem;margin:0;line-height:1.2}.mobile-live-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-live-bar span{display:flex;gap:6px}.mobile-live-bar button{margin-top:0;background:#347fae;font-size:.8rem;padding:8px 10px}.mobile-live-bar button.reconnect{background:#e85d04;font-weight:800}main{max-width:680px;margin:auto;padding:12px}h2{font-size:1rem;margin:0 0 9px}.card{border:1px solid #4b9ad0;border-radius:8px;padding:11px;margin:9px 0;background:#12375d}label{display:block;margin:8px 0 3px}label.remember{display:flex;align-items:center;gap:8px}label.remember input{width:auto;margin:0}input,textarea{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #70b8e8;border-radius:5px;background:#000;color:#fff;font:inherit}button{margin-top:8px;padding:8px 12px;border:0;border-radius:5px;background:#e85d04;color:white;font-weight:700;font-size:.95rem}button:disabled{opacity:.7}.question{min-height:60px;padding:8px;background:#000;border-radius:5px;white-space:pre-wrap}.messages{min-height:90px;max-height:260px;overflow:auto;background:#000;padding:7px;border-radius:5px}.message{padding:6px;border-bottom:1px solid #315b7f;white-space:pre-wrap}small{display:block;margin-top:10px;color:#b6d8f0}@media (orientation:landscape) and (min-width:600px){main{max-width:1000px}.mobile-brand h1{font-size:1.2rem}#live{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:start}.mobile-live-bar{grid-column:1/-1}.card{margin:0}.messages{max-height:45vh}#live.messages-hidden{grid-template-columns:1fr}#live.messages-hidden .card:first-of-type{grid-column:1/-1}}.response-status{margin:8px 0;padding:8px;border:1px solid #c2410c;border-radius:5px;background:#3b1f19;font-weight:700}.response-status.open{border-color:#15803d;background:#123522}

#send.sending::before{content:"";display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;margin-right:.5em;vertical-align:middle;animation:sending-spin .8s linear infinite}@keyframes sending-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#send.sending::before{animation:none}}