:root{color:#f5f7fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b0c0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 70% -10%,#252b3b 0,#0b0c0f 38%);min-height:100vh;margin:0}button,input,textarea{font:inherit}.layout{grid-template-columns:320px 1fr;height:100dvh;display:grid}.rail{background:#0d0f14e8;border-right:1px solid #252832;flex-direction:column;gap:18px;padding:22px;display:flex}.brand{letter-spacing:.04em;font-weight:800}.big{font-size:28px}.ghost{color:#e9edf5;background:#171a22;border:1px solid #2b303c;border-radius:12px;padding:10px 12px}.chat-list{flex-direction:column;gap:8px;display:flex}.chat{color:inherit;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;padding:12px;display:flex}.chat.active{background:#171a22}.avatar{border:1px solid #363b49;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.chat small,header small{color:#8e96a8;margin-top:3px;display:block}.rail-bottom{margin-top:auto}.conversation{grid-template-rows:70px 1fr auto;min-width:0;display:grid}.conversation header{border-bottom:1px solid #222630;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.messages{flex-direction:column;gap:12px;padding:28px;display:flex;overflow:auto}.bubble{background:#1b1f28;border-radius:18px;max-width:680px;padding:13px 16px}.bubble.system{color:#c6ccd9;border:1px dashed #343a48}.composer{padding:18px 24px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #222630;grid-template-columns:auto 1fr auto;gap:10px;display:grid}.composer textarea{resize:none;color:#fff;background:#151820;border:1px solid #2c313d;border-radius:14px;padding:12px}.send,.icon,.auth button{color:#0b0c0f;background:#f3f5f8;border:0;border-radius:12px;padding:10px 14px;font-weight:700}.icon{width:44px}.auth{place-items:center;min-height:100dvh;padding:20px;display:grid}.card{background:#11141a;border:1px solid #292e39;border-radius:22px;width:min(420px,100%);padding:26px;box-shadow:0 24px 80px #0008}.card label{color:#b9c0cf;gap:7px;margin:16px 0;display:grid}.card input{color:#fff;background:#0c0e12;border:1px solid #323744;border-radius:12px;padding:12px}.row{gap:10px;display:flex}dialog{color:#fff;background:#11141a;border:1px solid #333845;border-radius:18px;max-width:480px}#auth-error{white-space:pre-wrap;color:#f5a3a3}@media (max-width:760px){.layout{grid-template-columns:1fr}.rail{display:none}.conversation{height:100dvh}.conversation header{padding:0 16px}.messages{padding:18px}.composer{padding:12px}}.bubble.outgoing{background:#242a36;align-self:flex-end}.bubble.incoming{align-self:flex-start}.bubble .time{opacity:.55;margin-top:7px;display:block}.compact{padding:6px 9px;font-size:.85rem}.muted{color:#9aa2b4;font-size:.92rem}.error{color:#f0a0a0}.fingerprint{white-space:pre-wrap;word-break:break-all;background:#090a0d;border:1px solid #303543;border-radius:12px;margin:10px 0;padding:12px;display:block}.transfer-status{color:#bbc4d5;padding:8px 24px}.security-actions{gap:8px;margin:10px 0 18px;display:flex}.device-list{gap:8px;margin:10px 0 18px;display:grid}.device-row{border:1px solid #292f3a;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.device-row code{color:#9aa2b4;word-break:break-all;margin-top:4px;font-size:.72rem;display:block}.danger{color:#ffc7c7;border-color:#6c3434}dialog label{gap:7px;margin:12px 0;display:grid}dialog input,dialog textarea{color:#fff;background:#0c0e12;border:1px solid #323744;border-radius:12px;width:100%;padding:11px}.preset-name{color:#c8f7c5;text-align:center;background:#161a23;border:1px solid #2e3444;border-radius:12px;margin:12px 0;padding:12px;font-weight:600}.divider{color:#6b7385;align-items:center;gap:12px;margin:18px 0;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid #2b303c;flex:1}button:disabled{opacity:.45;cursor:not-allowed}button.loading{color:#0000;position:relative}button.loading:after{content:"";border:2px solid #888;border-top-color:#0000;border-radius:50%;width:18px;height:18px;margin:auto;animation:.6s linear infinite spin;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}
