:root{--bg: #0d1526;--surface: #16223a;--surface-2: #1d2c4b;--text: #eef2fa;--muted: #93a1bd;--accent: #be822f;--accent-2: #d99b47;--primary: #2d5aa8;--danger: #c8524a;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;border:0;border-radius:var(--radius)}input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid #2a3a5e;border-radius:10px;padding:10px 12px;width:100%}input:focus{outline:2px solid var(--accent);border-color:transparent}.center-screen{display:grid;place-items:center;height:100%;color:var(--muted)}.screen{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto;padding:0 12px env(safe-area-inset-bottom)}.topbar{display:flex;align-items:center;gap:10px;padding:14px 2px 10px}.topbar h1{font-size:1.15rem;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{background:var(--surface);color:var(--text);width:38px;height:38px;border-radius:50%;font-size:1.2rem}.badge{font-size:.68rem;padding:4px 8px;border-radius:999px;white-space:nowrap;max-width:46%;overflow:hidden;text-overflow:ellipsis}.badge-private{background:#223250;color:var(--muted)}.badge-public{background:#4a3413;color:var(--accent-2)}.auth-screen{max-width:420px;margin:0 auto;padding:8vh 20px 20px;display:flex;flex-direction:column;gap:16px}.brand{text-align:center;color:var(--accent);letter-spacing:.04em}.card{background:var(--surface);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:14px}.card label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:var(--muted)}.card button[type=submit]{background:var(--primary);color:#fff;padding:12px;font-weight:600}.card button[type=submit]:disabled{opacity:.6}.checkbox{flex-direction:row!important;align-items:flex-start;gap:10px!important;color:var(--text)!important}.checkbox input{width:auto;margin-top:3px}.hint{color:var(--muted);font-size:.8rem;margin:0}.error{color:#ff9d96;font-size:.85rem;margin:6px 0}.link{background:none;color:var(--accent-2);padding:8px}.danger{background:var(--danger);color:#fff;padding:10px;margin-top:10px}.new-conv{display:flex;gap:8px;margin-bottom:12px}.new-conv button{background:var(--accent);color:#14100a;padding:0 16px;font-weight:600}.conv-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.conv-item{width:100%;text-align:left;background:var(--surface);color:var(--text);padding:13px 14px;margin-bottom:8px;display:flex;flex-direction:column;gap:3px}.conv-name{font-weight:600}.conv-last{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-hint{text-align:center;padding:8px 0 12px}.chat-screen{height:100dvh}.messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 2px}.bubble{max-width:78%;padding:9px 12px;border-radius:var(--radius);display:flex;flex-direction:column;gap:2px;word-break:break-word}.bubble.mine{align-self:flex-end;background:var(--primary);border-bottom-right-radius:4px}.bubble.theirs{align-self:flex-start;background:var(--surface-2);border-bottom-left-radius:4px}.bubble.pending{opacity:.6}.bubble time{font-size:.65rem;color:#ffffff8c;align-self:flex-end}.audio-bubble{display:flex;flex-direction:column;gap:4px}.audio-bubble audio{max-width:220px;height:40px}.composer{display:flex;gap:8px;padding:10px 0 14px}.composer button{padding:0 18px;background:var(--accent);color:#14100a;font-weight:600;min-width:64px}.rec{background:var(--surface-2)!important;color:var(--text)!important}.rec.active{background:var(--danger)!important;color:#fff!important;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.75}}