:root{color-scheme:dark;font:15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7edf6;background:#0b1018}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,.primary{border:1px solid #334155;border-radius:8px;background:#1c293b;color:#e7edf6;padding:10px 13px;cursor:pointer;text-decoration:none}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#2a3d56}.primary{background:#5865f2;border-color:transparent;display:block;text-align:center;font-weight:600}input{background:#0b1018;color:inherit;border:1px solid #3b4d66;border-radius:7px;padding:11px;min-width:0}.login{min-height:100dvh;display:grid;place-items:center;padding:24px}.card{width:min(360px,100%);padding:30px;border:1px solid #263347;border-radius:16px;background:#111b29}.eyebrow{font-size:11px;letter-spacing:2px;color:#8c9eb7}h1{font-size:26px;margin:18px 0 12px}p{color:#9eafc5;line-height:1.7}.card .primary{margin-top:28px}.desktop{height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px max(12px,env(safe-area-inset-right));border-bottom:1px solid #263347;background:#111b29;flex-shrink:0}header strong{font-size:14px}#status{font-size:12px;color:#9eafc5}nav{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}nav button{font-size:12px;padding:8px 10px}#screen{flex:1;min-height:0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}#empty{max-width:340px;padding:24px;text-align:center}#typing{padding:8px;background:#111b29;padding-bottom:max(8px,env(safe-area-inset-bottom))}#text-form{display:flex;gap:6px;flex-wrap:wrap}#text{flex:1;min-width:120px;font-size:16px}dialog{width:min(380px,calc(100% - 32px));background:#111b29;border:1px solid #334155;border-radius:14px;padding:24px;color:inherit}dialog::backdrop{background:#0009}dialog h2{margin:0 0 10px;font-size:21px}label{display:block;margin:16px 0;color:#afbdd0;font-size:13px}label input{display:block;width:100%;margin-top:8px;font-size:16px}.actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}small{display:block;color:#8c9eb7;font-size:11px;margin-top:16px}[hidden]{display:none!important}@media(max-width:520px){header{gap:8px}nav{width:100%;margin:0;justify-content:space-between}nav button{padding:8px;font-size:11px}}