:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0e141b;color:#e6edf5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{background:#80dfc2;color:#10221d;border:0;border-radius:10px;padding:12px 20px;font-weight:650;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.quiet{background:#263340;color:#d3dee9;padding:8px 12px}button:hover{filter:brightness(1.08)}input,select,textarea{background:#121d28;border:1px solid #435064;color:#edf3fa;border-radius:10px;padding:12px;outline:none}input:focus,select:focus,textarea:focus{border-color:#80dfc2;box-shadow:0 0 0 2px #80dfc225}label{display:block;font-size:14px;margin-bottom:8px;color:#d3dfeb}.app{max-width:1040px;margin:auto;height:100dvh;display:flex;flex-direction:column;padding:0 24px}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 18px}.brand{font-size:13px;font-weight:800;letter-spacing:1.5px;color:#8ee5c9}.brand span{margin-left:12px;font-size:10px;letter-spacing:1px;color:#a6b3c4}h1{margin:6px 0 0;font-size:28px;letter-spacing:-.7px}.account{display:flex;align-items:center;gap:15px;font-size:14px}aside{border-top:1px solid #293644;border-bottom:1px solid #293644;padding:14px 0}#participants{display:flex;gap:12px}.participant{background:#19232f;border-radius:10px;padding:10px 14px;flex:1;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:#637286;flex-shrink:0}.dot.active{background:#80dfc2}.participant strong{font-size:14px}.participant small{display:block;color:#a6b3c4;font-size:11px;margin-top:2px}aside p,.fine{color:#95a7b9;font-size:12px;line-height:1.6;margin-bottom:0}#messages{flex:1;overflow-y:auto;padding:22px 2px;scroll-behavior:smooth}.message{margin-bottom:16px;max-width:86%;border:1px solid #293646;background:#18222e;border-radius:13px;padding:13px 16px}.message.mine{margin-left:auto;border-color:#376051;background:#163027}.message .meta{display:flex;align-items:center;gap:12px;font-size:12px;color:#9fb0c3;margin-bottom:7px}.meta strong{color:#d3e5f5}.meta time{margin-left:auto;font-size:11px}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:15px}.seed{font-size:10px;color:#f2c879;border:1px solid #766136;border-radius:4px;padding:2px 5px}.empty{text-align:center;color:#a0b1c3;margin:8vh 0}footer{border-top:1px solid #293644;padding:10px 0 18px}#connection{font-size:12px;color:#8ee5c9;margin:0 0 12px}.compose{display:flex;gap:12px;align-items:stretch}textarea{flex:1;resize:vertical;min-height:65px;max-height:160px}.compose-note{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#9babbc;margin-top:8px}#error{color:#ffb0a8;font-size:13px;margin:7px 0 0}.login{max-width:510px;margin:10vh auto;padding:32px;background:#18222e;border:1px solid #2a3949;border-radius:18px}.login h1{margin-top:20px}.login>p{line-height:1.6;color:#a9b7c8}.login form{margin-top:26px}.login input,.login select{width:100%;margin-bottom:20px}.login button{width:100%}@media(max-width:600px){.app{padding:0 12px}header{padding:16px 0}.brand span{display:block;margin:4px 0 0}.participant{padding:9px;gap:6px}.participant small{font-size:10px}#participants{gap:6px}.message{max-width:95%}.compose{gap:8px}.compose button{padding:10px}.compose-note{font-size:10px}.login{margin:6vh 14px;padding:24px}}