:root{font-family:Inter,system-ui,sans-serif;color:#f7f3fc;background:#100b18;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0,#3f245c,transparent 38%),#100b18}button,input,textarea{font:inherit}button{min-height:42px;cursor:pointer;border:0;border-radius:10px;padding:.65rem .9rem;color:#190f23;background:#ddb9ff;font-weight:750}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e7caff;outline-offset:2px}.center{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{background:#251a32ee;border:1px solid #674582;border-radius:18px;padding:2rem;box-shadow:0 18px 70px #07040c99}.login-card{width:min(100%,430px)}.eyebrow{color:#d6adff;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}form,label{display:grid;gap:.55rem}.login-card form{gap:1.1rem;margin-top:1.5rem}input,textarea{width:100%;padding:.8rem;color:inherit;background:#151020;border:1px solid #8263a3;border-radius:9px}.secondary,nav button{color:#f7f3fc;background:#302340}.danger{color:#ffeef1;background:#692d42}.error{color:#ffb5c0}.muted,small{color:#bdb1c8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.messenger-shell{height:100vh;display:grid;grid-template-rows:auto auto 1fr;overflow:hidden}.topbar{display:flex;align-items:center;gap:1rem;min-height:68px;padding:.75rem 1.25rem;border-bottom:1px solid #4a355e;background:#171020ee}.topbar strong{font-size:1.25rem}.topbar nav{display:flex;gap:.5rem}.topbar>span:first-of-type{margin-left:auto}.connection{font-size:.82rem;color:#bdb1c8}.connection.connected{color:#8fe0b2}.global-error{display:flex;align-items:center;justify-content:space-between;margin:0;padding:.6rem 1.25rem;background:#552336;color:#ffe9ee}.global-error button{min-height:32px;padding:.15rem .55rem;background:transparent;color:inherit;font-size:1.4rem}.messenger-grid{min-height:0;display:grid;grid-template-columns:minmax(290px,360px) 1fr}.messenger-grid>aside{min-height:0;overflow-y:auto;border-right:1px solid #4a355e;background:#171020}.messenger-grid>main{min-width:0;min-height:0}.conversation-list,.friends-tools{padding:1.1rem}.conversation-list{border-bottom:1px solid #4a355e}.conversation{width:100%;display:flex;align-items:center;gap:.75rem;justify-content:flex-start;margin-bottom:.45rem;color:inherit;background:transparent}.conversation:hover,.conversation.active{background:#3b2850}.avatar{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:50%;color:#2b173d;background:#d7aff8}.friends-tools{display:grid;gap:1.25rem}.friends-tools h2{font-size:1.05rem}.own-code{display:grid;gap:.65rem;padding:.85rem;background:#21162d;border-radius:12px}.own-code output{font:800 1.45rem ui-monospace,monospace;letter-spacing:.12em}.button-row{display:flex;flex-wrap:wrap;gap:.45rem}.request{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 0;border-bottom:1px solid #3f2c51}.request span{display:grid;gap:.2rem}.empty-chat{height:100%;display:grid;place-content:center;text-align:center;color:#c8bbd4;padding:2rem}.empty-chat span{font-size:3rem}.chat-view{height:100%;min-height:0;display:grid;grid-template-rows:auto 1fr auto}.chat-view>header{display:flex;align-items:center;gap:.8rem;padding:1rem 1.25rem;border-bottom:1px solid #4a355e}.chat-view h2{margin:0}.back-button{display:none;color:inherit;background:#302340}.message-list{overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:1.2rem}.message{max-width:min(75%,680px);padding:.7rem .85rem;border-radius:14px;background:#302340}.message.own{align-self:flex-end;background:#644287}.message.incoming{align-self:flex-start}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:.35rem}.message footer{display:flex;justify-content:flex-end;gap:.45rem;font-size:.75rem;color:#d4c6df}.system-message{align-self:center;max-width:80%;padding:.55rem .8rem;border-radius:10px;color:#d7cbdc;background:#241b2c;text-align:center}.composer{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:end;padding:1rem 1.2rem;border-top:1px solid #4a355e;background:#171020}.composer textarea{resize:none;max-height:8rem}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:.55rem}.topbar nav{order:3;width:100%}.topbar nav button{flex:1}.topbar>span:first-of-type{margin-left:auto}.messenger-grid{display:block}.messenger-grid>aside,.messenger-grid>main{height:100%;border:0}.messenger-shell.chat-open .messenger-grid>aside{display:none}.messenger-shell:not(.chat-open) .messenger-grid>main{display:none}.back-button{display:inline-grid;place-items:center}.message{max-width:88%}.request{align-items:flex-start;flex-direction:column}}