:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#12233a;--muted:#5c6b80;--line:#d9e2ef;--paper:#f4f7fb;--card:#fff;--accent:#1557d8;--accent-ink:#f4f8ff;--cyan:#3eb4ef;--danger:#9d2c2c;--ok:#1d6b45;font-family:Sora,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button,.nav a{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;padding:.7rem 1rem;text-decoration:none}button.ghost,.nav a{color:var(--ink);background:0 0}.nav a.active{background:#e7f0ff}button:disabled{opacity:.6;cursor:wait}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;padding:.75rem .85rem}label{gap:.35rem;font-size:.92rem;display:grid}.auth-screen{color:#f5f7fb;background:radial-gradient(720px 340px at 16% 12%,#4c7dff2e,#0000 62%),radial-gradient(520px 260px at 86% 88%,#7ec8ff1a,#0000 58%),#05070d;min-height:100vh}.auth-bar{background:#05070d;border-bottom:1px solid #ffffff1a;align-items:center;height:72px;padding:0 28px;display:flex}.auth-brand{text-decoration:none;display:inline-flex}.auth-mark{line-height:0;display:block;position:relative}.auth-brand img{object-fit:contain;background:0 0;border-radius:0;width:auto;height:40px;padding:0}.auth-book{color:#5aa2ff;letter-spacing:-.03em;text-shadow:0 1px 2px #000000b3;font-size:13px;font-weight:800;line-height:1;position:absolute;bottom:-1px;right:-14px}.auth-split{grid-template-columns:minmax(280px,1.15fr) minmax(320px,400px);align-items:center;gap:56px;max-width:1120px;min-height:calc(100vh - 72px);margin:0 auto;padding:36px 40px 56px;display:grid}.auth-art{justify-self:center;width:min(100%,560px);height:auto}.auth-panel{width:100%}.auth-panel h1{color:#f5f7fb;letter-spacing:-.03em;text-align:left;text-transform:none;margin:0 0 1.35rem;font-size:2rem;font-weight:700;line-height:1.2}.auth-form{gap:.75rem;display:grid}.auth-field{display:block}.auth-field input{color:#f5f7fb;background:#0b101a;border:1px solid #ffffff24;border-radius:12px;width:100%;height:48px;padding:0 14px;font-size:1rem}.auth-field input::placeholder{color:#7d8ba0}.auth-field input:focus{outline-offset:1px;outline:2px solid #4c7dff}.auth-note{color:#a9b4c7;margin:0;font-size:.92rem;line-height:1.45}.auth-forgot,button.auth-link{color:#7ec8ff;cursor:pointer;background:0 0;border:0;border-radius:0;justify-self:start;width:auto;margin:0;padding:0;font-size:.95rem;font-weight:700;text-decoration:none}.auth-form .error,.auth-form .ok{margin:0}.auth-form .error{color:#ff9b9b}.auth-form .ok{color:#3dcc84}.auth-form button[type=submit]{color:#fff;background:linear-gradient(#6e97ff,#3157e6);border-radius:999px;width:100%;height:48px;margin-top:.35rem;font-size:1rem;font-weight:700;box-shadow:0 10px 30px #3157e659}.auth-form button[type=submit]:hover{background:linear-gradient(#86a8ff,#3a63f0)}.auth-switch{text-align:center;background:#101726;border:1px solid #ffffff1a;border-radius:16px;margin-top:1.5rem}.auth-switch p{color:#f5f7fb;margin:0;padding:16px 12px;font-size:.98rem}.auth-switch a{color:#7ec8ff;background:0 0;border-radius:0;padding:0;font-weight:700;text-decoration:underline}.stack{gap:.9rem;display:grid}.links{gap:1rem;display:flex}.links a{color:var(--accent)}.shell{min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:flex}.brand{align-items:center;gap:.7rem;display:flex}.brand small,.muted{color:var(--muted)}.brand strong em{color:#2f7bff;font-style:normal}.mark{object-fit:contain;border-radius:0;width:auto;height:1.45rem}.nav{flex-wrap:wrap;gap:.3rem;display:flex}.content{padding:1.2rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1rem}.panel-head,.inline,.row-actions,.list li{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.panel-head{margin-bottom:1rem}.panel h1,.panel h2{margin:0;font-weight:600}.inbox-grid{grid-template-columns:220px 1fr;gap:1rem;min-height:60vh;display:grid}.thread{flex-direction:column;gap:.6rem;display:flex}.bubble{background:#eef3fb;border-radius:14px;max-width:70%;padding:.7rem .85rem}.bubble.out{color:#f4f8ff;background:#1557d8;margin-left:auto}.bubble p{margin:0}.composer{grid-template-columns:140px 1fr auto;gap:.5rem;margin-top:auto;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin-top:1rem;display:grid}.card{border:1px solid var(--line);border-radius:16px;gap:.6rem;padding:.9rem;display:grid}.qr{width:180px;height:180px}.list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.list li{border-top:1px solid var(--line);padding-top:.7rem}.row{text-align:left;border-radius:12px;width:100%}.row.active{background:#e7f0ff}.error{color:var(--danger)}.ok{color:var(--ok)}.center{text-align:center;padding:2rem}.check{grid-template-columns:auto 1fr;align-items:center}.code{letter-spacing:.2em;font-size:1.4rem}@media (width<=860px){.inbox-grid,.composer,.topbar{grid-template-columns:1fr;display:grid}.topbar{align-items:stretch}.auth-bar{padding:0 16px}.auth-split{grid-template-columns:1fr;align-items:start;gap:12px;padding:28px 16px 40px}.auth-art{display:none}.auth-panel h1{font-size:1.65rem}}