:root{--navy: #1f3a5a;--navy-deep: #10263a;--green: #2e9e3e;--lime: #8cc63f;--bg: #ffffff;--surface: #ffffff;--surface-2: #f2f6f4;--line: #dde5e0;--fg: #16263a;--muted: #5d6f80;--crit: #c8414a;--f-display: "Sora", "Segoe UI", system-ui, sans-serif;--f-body: "Figtree", "Segoe UI", system-ui, sans-serif;--show-lt: block;--show-dk: none;--chat-bg: #e9efe9;--bubble-me: #dff1d0;--bubble-them: #ffffff;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #0f1c28;--surface: #13212f;--surface-2: #1a2c3d;--line: #24384b;--fg: #e7eef4;--muted: #93a6b6;--show-lt: none;--show-dk: block;color-scheme:dark;--chat-bg: #0b1622;--bubble-me: #1f4d2a;--bubble-them: #1b2d3f}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:15px/1.45 var(--f-body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.splash{height:100%;display:grid;place-items:center;background:var(--navy-deep)}.splash img{width:180px;opacity:.9}.login{position:relative;overflow:hidden;min-height:100%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(120% 70% at 100% 100%,#1d5a3c 0%,transparent 60%),linear-gradient(160deg,#10263a,#143a4a 55%,#18503f)}.arcs{position:absolute;top:-80px;left:-100px;width:380px;opacity:.14;pointer-events:none}.arcs circle{fill:none;stroke:var(--lime);stroke-width:16}.card{position:relative;width:100%;max-width:400px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 22px 18px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:28px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 24px 50px -24px #0000008c}.brand{display:grid;justify-items:center;gap:6px;text-align:center}.logo-w{height:86px}.brand h1{font:600 22px var(--f-display);margin:4px 0 0}.sub{color:#a9c3cf;font-size:13.5px;margin:0}.field{display:grid;gap:6px;min-width:0}.field label{font:700 11px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}.inp{display:flex;align-items:center;gap:10px;background:#05121c8c;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0 12px}.inp:focus-within{border-color:var(--lime);box-shadow:0 0 0 3px #8cc63f2e}.inp svg{width:18px;height:18px;flex:none;stroke:var(--lime);fill:none;stroke-width:1.8}.inp input{flex:1;min-width:0;width:100%;font:500 16px var(--f-body);padding:13px 0;border:0;background:transparent;color:#fff;outline:none}.inp input::placeholder{color:#6f8a99}.eye{border:0;background:none;color:#8fa6b4;font-size:12px;font-weight:600;cursor:pointer;padding:4px}.btn{font:700 16px var(--f-body);border:0;border-radius:999px;padding:14px;background:var(--lime);color:#10263a;cursor:pointer;box-shadow:0 10px 26px -8px #8cc63fa6}.btn:disabled{opacity:.6;cursor:progress}.btn-ghost{display:flex;gap:8px;justify-content:center;align-items:center;font-weight:600;font-size:14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:12px;background:transparent;color:#fff;cursor:pointer}.btn-ghost svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.or{display:flex;align-items:center;gap:10px;color:#7f98a6;font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:#ffffff1f}.msg{margin:0;font-size:13.5px;color:#cfe0ea;background:#ffffff0f;border-radius:10px;padding:8px 10px}.msg.err{color:#ffd9db;background:#c8414a40}.links{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);padding-top:12px}.links button{border:0;background:none;color:#a9c3cf;font-size:12.5px;font-weight:600;cursor:pointer}.secure{display:flex;align-items:center;gap:6px;color:#7f98a6;font-size:11.5px;margin:0}.secure svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2}.shell{height:100%;display:grid;grid-template-columns:1fr}.shell>.chat{display:none}.shell.has-open>.inbox{display:none}.shell.has-open>.chat{display:flex}@media (min-width: 900px){.shell{grid-template-columns:360px minmax(0,1fr)}.shell>.inbox,.shell.has-open>.inbox{display:flex;border-right:1px solid var(--line)}.shell>.chat{display:flex}.chat .back{display:none}}.inbox{height:100%;min-height:0;display:flex;flex-direction:column;background:var(--surface);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.row.sel{background:var(--surface-2)}.chat{height:100%;min-height:0;min-width:0;flex-direction:column;background:var(--surface);padding-top:env(safe-area-inset-top)}.chat.empty{align-items:center;justify-content:center;gap:10px;color:var(--muted);background:var(--chat-bg)}.chat.empty .mini{height:40px;opacity:.5}.chat-top{flex:none;display:flex;align-items:center;gap:10px;padding:8px max(14px,env(safe-area-inset-right)) 10px max(8px,env(safe-area-inset-left));border-bottom:1px solid var(--line)}.back{border:0;background:none;color:var(--green);font-size:30px;line-height:1;padding:0 8px;cursor:pointer}.av.sm{width:38px;height:38px;font-size:14px}.who{flex:1;min-width:0;display:grid}.who b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.who small{color:var(--green);font-size:12px}.msgs{flex:1;min-height:0;overflow-y:auto;background:var(--chat-bg);padding:14px max(12px,env(safe-area-inset-right)) 14px max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:6px}.msg-wrap{display:flex;flex-direction:column}.day{align-self:center;font-size:12px;color:var(--muted);background:var(--surface);padding:3px 10px;border-radius:8px;margin:8px 0}.b{max-width:min(84%,640px);padding:8px 12px 5px;border-radius:16px;font-size:15px;box-shadow:0 1px #0000000f;overflow-wrap:anywhere}.b.me{align-self:flex-end;background:var(--bubble-me);border-bottom-right-radius:5px}.b.them{align-self:flex-start;background:var(--bubble-them);border-bottom-left-radius:5px}.b.failed{outline:1px solid var(--crit)}.b .author{display:block;font-size:12.5px;font-weight:700;color:var(--green);margin-bottom:2px}.b time{display:block;text-align:right;font-size:11px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums}.md p{margin:0 0 4px}.md p:last-child{margin-bottom:0}.md ul,.md ol{margin:4px 0;padding-left:20px}.md li{margin:2px 0}.md a{color:var(--green);font-weight:600}.md code{font-size:13px;background:var(--surface-2);padding:1px 5px;border-radius:5px}.composer{flex:none;display:flex;gap:8px;align-items:flex-end;background:var(--surface);border-top:1px solid var(--line);padding:8px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.composer textarea{flex:1;min-width:0;resize:none;max-height:140px;font:16px/1.35 var(--f-body);border:1px solid var(--line);border-radius:22px;padding:10px 14px;background:var(--surface-2);color:var(--fg);field-sizing:content}.send{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--green);color:#fff;display:grid;place-items:center;cursor:pointer}.send:disabled{opacity:.45;cursor:default}.send svg{width:20px;height:20px;fill:currentColor}.top{display:flex;align-items:center;gap:12px;padding:12px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))}.top h1{font:700 26px var(--f-display);margin:0;flex:1}.mini{height:24px}.mini.lt{display:var(--show-lt)}.mini.dk{display:var(--show-dk)}.avatar-btn{width:34px;height:34px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.search{display:block;margin:4px 18px 6px}.search input{width:100%;font:15px var(--f-body);padding:11px 14px;border-radius:12px;border:0;background:var(--surface-2);color:var(--fg)}.chips{display:flex;gap:8px;padding:6px 18px 10px;overflow-x:auto}.chip{flex:none;font-size:13px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:0;cursor:pointer}.chip.on{background:var(--navy);color:#fff}.list{flex:1;overflow-y:auto}.state{color:var(--muted);padding:24px 18px;margin:0}.state.err{color:var(--crit)}.state button{border:0;background:none;color:var(--green);font-weight:600;cursor:pointer}.row{display:flex;gap:12px;align-items:center;padding:10px 18px;border:0;background:none;width:100%;text-align:left;cursor:pointer}.row:hover{background:var(--surface-2)}.av{width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 17px var(--f-display);color:#fff;background:#3d7d8c}.av.beth{background:conic-gradient(from 200deg,var(--green),var(--lime),var(--green));color:var(--navy-deep)}.av.channel{background:var(--navy)}.av.person{background:#7a5ea8}.av.group{background:#b5673b}.meta{flex:1;min-width:0;border-bottom:1px solid var(--line);padding-bottom:10px}.l1,.l2{display:flex;justify-content:space-between;gap:8px}.name{font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.team{color:var(--muted);font-weight:500;font-size:13px}.time{font-size:12px;color:var(--muted);flex:none;font-variant-numeric:tabular-nums}.l2{color:var(--muted);font-size:14px}.pv{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{flex:none;min-width:22px;height:22px;border-radius:11px;background:var(--green);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0 6px}.tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:var(--lime);color:var(--navy-deep);margin-left:6px;vertical-align:2px}