@font-face{font-family:Roboto Condensed;font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/roboto-condensed-latin.8d230115e58faa2e.woff2) format("woff2")}:root{font-family:Roboto Condensed,Arial,sans-serif;color:#fff;background:#0044f1;font-synthesis:none;line-height:1.4;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,input,select,textarea{border:2px solid #87dfc1;border-radius:10px;padding:10px 12px}input,select,textarea{width:100%;background:#122f76;color:#fff}button{background:#ffba00;border-color:#ffba00;color:#111;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:2px 3px #f50}:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}header,main,footer{width:min(1080px,100% - 32px);margin:auto}header{padding:24px 0 18px}h1,h2,p{margin:0 0 12px}h1{font-size:clamp(2rem,5vw,3rem);line-height:1;color:#ffba00;text-shadow:2px 2px 0 #ff5500}h1 span{font-size:1rem;text-shadow:none;color:#fff;background:#3200e3;border:1px solid #87dfc1;border-radius:20px;padding:4px 10px;vertical-align:middle}.eyebrow{font-size:.95rem}.card{background:#10295e;border:2px solid #87dfc1;border-radius:20px;box-shadow:7px 7px #f50}.login{max-width:540px;margin:25px auto;padding:24px}.login-row{display:flex;gap:10px}.login-row input{min-width:0}.login-row button{flex-shrink:0}label{display:block;font-weight:700;margin:10px 0 6px}.fine-print,small{font-size:.85rem;color:#dce6ff}.fine-print{margin-top:16px}.quiet{background:transparent;border-color:#87dfc1;color:#fff;font-size:.9rem}.chat{display:grid;grid-template-columns:250px minmax(0,1fr);overflow:hidden}aside{padding:20px;border-right:1px solid #87dfc1}.conversation{min-width:0;padding:20px;display:flex;flex-direction:column}.room-heading h2{color:#ffba00;margin-bottom:4px}.room-heading p{font-size:.9rem;color:#dce6ff}.messages{height:clamp(240px,46dvh,550px);overflow:auto;overscroll-behavior:auto;padding:8px 4px;scrollbar-color:#87dfc1 #10295e}.message{max-width:90%;background:#234481;border:1px solid #41649a;border-radius:12px;padding:10px 12px;margin:0 auto 12px 0}.message.mine{margin-left:auto;margin-right:0;background:#293c83;border-color:#87dfc1}.message-meta{font-size:.8rem;color:#dce6ff;display:flex;justify-content:space-between;gap:12px;margin:0 0 5px;flex-wrap:wrap}.message-body{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.empty{color:#dce6ff;text-align:center;padding:24px 0}#chat-status{font-size:.9rem;min-height:1.4em;margin:8px 0}#login-status{margin-top:14px}.error{color:#ffe1a0}textarea{resize:vertical;min-height:75px;max-height:250px}.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.compose-actions small{max-width:75%}footer{text-align:center;font-size:.85rem;padding:25px 0;color:#dce6ff}#older{align-self:center;margin-bottom:8px}#logout{margin-bottom:12px}.compose-actions{justify-content:flex-end}@media(max-width:699px){header,main,footer{width:calc(100% - 24px)}header{padding-top:18px}.chat{grid-template-columns:1fr}aside{padding:14px;border-right:0;border-bottom:1px solid #87dfc1;display:grid;grid-template-columns:1fr auto;gap:0 12px}aside #identity{align-self:center;margin:0}aside #logout{margin:0}aside label,aside input,aside select{grid-column:1/-1}aside .fine-print{display:none}.conversation{padding:14px}.messages{height:40dvh;min-height:220px}.message{max-width:96%}.login{padding:20px}.compose-actions{padding-bottom:env(safe-area-inset-bottom)}footer{padding-bottom:20px}}