:root{--bg:#0f1115;--panel:#171a21;--line:#262a33;--text:#e6e8ec;--muted:#8b93a1;--accent:#6ee7b7;--mine:#1d2b26;--danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;background:var(--accent);color:#062018;cursor:pointer;border:0;border-radius:8px;padding:.55rem 1rem;font-weight:600}button:disabled{opacity:.5;cursor:default}.app{flex-direction:column;max-width:900px;height:100dvh;margin:0 auto;display:flex}header{border-bottom:1px solid var(--line);padding:.75rem 1rem;padding-top:max(.75rem, env(safe-area-inset-top));justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;display:inline-block}.dot.open{background:var(--accent)}.dot.closed{background:var(--danger)}.account{align-items:center;gap:.75rem;display:flex}.role{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.messages{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.empty{color:var(--muted);text-align:center;margin-top:2rem}.msg{background:var(--panel);border-radius:10px;align-self:flex-start;max-width:85%;padding:.5rem .75rem}.msg.mine{background:var(--mine);align-self:flex-end}.meta{color:var(--muted);align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.meta strong{color:var(--text)}.msg p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.2rem 0 0}.error{color:var(--danger);cursor:pointer;background:#3a1d1d;border-radius:8px;margin:0 1rem;padding:.5rem .75rem}.composer{border-top:1px solid var(--line);padding:.75rem 1rem;padding-bottom:max(.75rem, env(safe-area-inset-bottom));gap:.5rem;display:flex}.composer textarea{resize:none;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;flex:1;max-height:8rem;padding:.55rem .75rem}.hint{color:var(--muted);margin:0}footer{color:var(--muted);text-align:center;padding:0 0 .4rem;font-size:.7rem}.fatal{color:var(--danger);padding:2rem;font-family:system-ui,sans-serif}