:root,[data-theme=dark]{--side: linear-gradient(180deg, #0f2a2d 0%, #121d2b 55%, #18172b 100%);--side-hover: rgba(139, 224, 227, .07);--side-sel: rgba(139, 224, 227, .14);--side-line: rgba(139, 224, 227, .12);--bg: #0f1214;--bg2: #121618;--surf: #15191c;--hover: #13171a;--sel: #1c2226;--line: #23292e;--line2: #3a434a;--tx: #e8ecee;--tx2: #d5dbdf;--tx3: #b6bec5;--mut: #8a949c;--acc: #5fd0d4;--acc2: #8be0e3;--accbg: #12272a;--onacc: #06191a;--danger: #f0a0a0;--warn: #d9a441;--overlay: rgba(0, 0, 0, .55);--shadow: rgba(0, 0, 0, .5);color-scheme:dark}[data-theme=light]{--side: linear-gradient(180deg, #ddeff0 0%, #e2e8f4 60%, #e9e4f2 100%);--side-hover: rgba(14, 124, 130, .08);--side-sel: rgba(14, 124, 130, .15);--side-line: rgba(14, 124, 130, .14);--bg: #f7f8f8;--bg2: #f0f2f3;--surf: #ffffff;--hover: #dbe1e4;--sel: #cfd7db;--line: #dde2e5;--line2: #c3cacf;--tx: #11161a;--tx2: #262d33;--tx3: #3d464d;--mut: #5b656d;--acc: #0e7c82;--acc2: #0a6469;--accbg: #e0f2f3;--onacc: #ffffff;--danger: #b3261e;--overlay: rgba(20, 30, 35, .35);--shadow: rgba(20, 30, 35, .18);color-scheme:light}:root{--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace}html,body,#root{height:100%}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--tx);-webkit-font-smoothing:antialiased}a{color:var(--acc)}a:hover{color:var(--acc2)}input,textarea,button,select{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--mut)}input:focus,textarea:focus{outline:1px solid var(--acc);outline-offset:-1px}button:focus-visible{outline:1px solid var(--acc);outline-offset:2px}@keyframes vtoast{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.root{background:var(--bg);color:var(--tx);height:100vh;height:100dvh;display:flex;flex-direction:column;font-size:14px;line-height:1.5;overflow:hidden}.mono{font-family:var(--mono)}.muted{color:var(--mut)}.pretty{text-wrap:pretty}.eyebrow{font-size:12px;font-family:var(--mono);color:var(--acc)}.section-label{font-family:var(--mono);font-size:11px;color:var(--mut);letter-spacing:.04em}.h2{margin:0;font-size:28px;font-weight:500;letter-spacing:-.02em}.page-title{margin:0 0 4px;font-size:24px;font-weight:500;letter-spacing:-.02em}.page-sub{margin:0;color:var(--mut);text-wrap:pretty;max-width:600px}.tag{font-family:var(--mono);font-size:10px;border-radius:3px;padding:0 5px;border:1px solid currentColor}.tag-acc{color:var(--acc);border-color:var(--acc)}.tag-mut{color:var(--mut);border-color:var(--line2)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.btn{border-radius:6px;cursor:pointer;white-space:nowrap;font-size:12px;padding:5px 12px;font-weight:500}.btn-primary{border:0;background:var(--acc);color:var(--onacc);font-weight:600}.btn-primary:hover{background:var(--acc2)}.btn-outline{border:1px solid var(--line);background:transparent;color:var(--tx)}.btn-outline:hover{border-color:var(--line2)}.btn-lg{padding:11px;font-size:14px;white-space:normal}.btn-md{padding:8px 14px;font-size:13px}.btn-disabled{border:0;background:var(--line);color:var(--mut);font-weight:600;cursor:default}.btn-text{border:0;background:transparent;color:var(--mut);cursor:pointer;padding:0;font-size:13px}.btn-text:hover{color:var(--tx)}.icon-btn{border:0;background:transparent;font-size:18px;color:var(--mut);cursor:pointer;width:28px;height:28px;border-radius:4px}.icon-btn:hover{background:var(--line);color:var(--tx)}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--mut)}.input{border:1px solid var(--line);background:var(--surf);color:var(--tx);border-radius:6px;padding:10px 12px;font-size:14px}.error{color:var(--danger);font-size:13px;border-left:2px solid var(--danger);padding-left:10px}.choice{border:1px solid var(--line);background:transparent;border-radius:6px;padding:10px 12px;text-align:left;cursor:pointer;color:var(--tx)}.choice:hover{border-color:var(--line2)}.choice.on{border-color:var(--acc);background:var(--accbg)}.seg{display:inline-flex;flex-wrap:wrap;gap:2px;background:var(--surf);border:1px solid var(--line);border-radius:6px;padding:2px}.seg-btn{border:0;background:transparent;color:var(--tx3);border-radius:4px;padding:5px 12px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;position:relative}.seg-btn.on{background:var(--sel);color:var(--tx)}.toggle{width:36px;height:20px;border-radius:10px;border:0;background:var(--line2);padding:2px;cursor:pointer;flex:none;display:flex}.toggle.on{background:var(--acc)}.toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.toggle.on .toggle-knob{transform:translate(16px)}.setting-row{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.setting-row-text{flex:1;min-width:0}.setting-row-title{font-weight:500}.setting-row-desc{font-size:12px;color:var(--mut);text-wrap:pretty}.avatar{position:relative;flex:none;border-radius:50%;color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.avatar-dot{position:absolute;border-radius:50%;box-sizing:border-box}.nav-item{display:flex;align-items:center;gap:9px;border:0;border-radius:6px;padding:7px 8px;text-align:left;cursor:pointer;width:100%;font-size:13px;background:transparent;color:var(--tx3)}.nav-item:hover{background:var(--hover);color:var(--tx)}.nav-item.on{background:var(--sel);color:var(--tx)}.nav-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{min-width:18px;height:16px;border-radius:8px;background:var(--acc);color:var(--onacc);font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;box-sizing:border-box}.panel{border:1px solid var(--line);border-radius:8px}.warn-banner{border:1px solid var(--warn);background:color-mix(in oklab,var(--warn) 10%,transparent);border-radius:8px;padding:12px 14px;text-wrap:pretty}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;justify-content:center;z-index:20}.dialog{width:min(440px,92%);background:var(--surf);border:1px solid var(--line2);border-radius:8px;box-shadow:0 30px 80px #0009}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--tx);color:var(--bg);border-radius:6px;padding:9px 14px;font-size:13px;font-weight:500;box-shadow:0 8px 24px #0006;animation:vtoast .2s ease-out;z-index:50}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:761px){.mobile-only{display:none!important}}@media(max-width:760px){.desktop-only{display:none!important}.input,input,textarea,select{font-size:16px}.dialog{max-height:calc(100dvh - 24px);overflow:auto}.nav-item{min-height:40px}}.auth{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0}.auth-hero{padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;border-right:1px solid var(--line);overflow:auto;min-height:0}.auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:600;font-size:16px;letter-spacing:-.01em}.theme-btn{border:1px solid var(--line);background:transparent;color:var(--mut);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;white-space:nowrap}.theme-btn:hover{color:var(--tx);border-color:var(--line2)}.auth-headline{font-size:44px;line-height:1.05;font-weight:500;letter-spacing:-.03em;margin:0 0 20px;text-wrap:pretty}.auth-lede{margin:0 0 32px;font-size:16px;color:var(--mut);text-wrap:pretty}.pillars{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:13px;color:var(--mut)}.auth-form-wrap{display:flex;padding:32px;overflow:auto;min-height:0}.auth-form{margin:auto;width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.auth-switch{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kind-btn{flex:1;padding:9px;font-weight:500;font-size:13px;text-align:center;color:var(--mut)}.kind-btn.on{color:var(--tx)}.link-btn{border:0;background:transparent;color:var(--acc);font-weight:600;font-size:14px;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.step{flex:1;display:flex;align-items:center;justify-content:center;padding:32px;overflow:auto}.step-form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:18px}.step-form.wide{max-width:460px}.qr{width:116px;height:116px;border:1px solid var(--line);border-radius:6px;background:repeating-linear-gradient(45deg,var(--sel) 0 6px,var(--surf) 6px 12px);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--mut);flex:none}.code-input{padding:12px;font-size:26px;letter-spacing:.4em;font-family:var(--mono);text-align:center}.region{display:flex;justify-content:space-between;align-items:center}@media(max-width:760px){.auth{display:flex;flex-direction:column;overflow:auto}.auth-hero{padding:16px 16px 4px;gap:16px;border-right:0;overflow:visible;justify-content:flex-start}.auth-headline{font-size:28px;margin:4px 0 10px}.auth-lede{font-size:14px;margin:0}.auth-hero .pillars,.auth-hero>:last-child:not(.auth-top){display:none}.auth-form-wrap{padding:28px 16px 32px;overflow:visible}.auth-form{margin:0 auto}.step{padding:20px 16px;align-items:flex-start}.region{flex-wrap:wrap;gap:6px}}.enc-btn{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surf);border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer;color:var(--tx);white-space:nowrap}.enc-btn:hover{border-color:var(--line2)}.sec-panel{flex:none;border-bottom:1px solid var(--line);background:var(--bg2);padding:14px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 24px;font-size:12px;color:var(--tx)}.sec-label{color:var(--mut);margin-bottom:4px}.msg-list{flex:1;overflow:auto;padding:14px 0;display:flex;flex-direction:column;min-height:0}.msg-list>:first-child{margin-top:auto}.msg{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:0 12px;padding:6px 20px}.msg:hover{background:var(--hover)}.msg-time{font-size:11px;color:var(--mut);padding-top:4px}.msg-author{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:var(--tx);cursor:pointer}.msg-author:hover{text-decoration:underline}.msg-text{text-wrap:pretty;white-space:pre-wrap;color:var(--tx2);margin-top:2px}.msg-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.reaction{border:1px solid var(--line);background:var(--surf);border-radius:4px;padding:1px 7px;font-size:12px;cursor:pointer;color:var(--tx3)}.reaction:hover{border-color:var(--acc)}.reaction.mine{border-color:var(--acc);background:var(--accbg);color:var(--tx)}.replies-link{border:0;background:transparent;color:var(--acc);font-weight:500;font-size:12px;cursor:pointer;padding:1px 4px}.replies-link:hover{text-decoration:underline}.msg-tools{position:absolute;right:20px;top:-8px;display:none;gap:1px;background:var(--surf);border:1px solid var(--line);border-radius:5px;padding:2px}.msg:hover .msg-tools{display:flex}.msg-tools button{border:0;background:transparent;border-radius:3px;padding:2px 8px;font-size:11px;cursor:pointer;color:var(--mut)}.msg-tools button:hover{background:var(--line);color:var(--tx)}.picker{position:absolute;right:20px;top:20px;z-index:5;display:flex;gap:2px;background:var(--surf);border:1px solid var(--line2);border-radius:6px;padding:4px;box-shadow:0 10px 30px #00000080}.picker button{border:0;background:transparent;border-radius:4px;padding:3px 6px;font-size:16px;cursor:pointer}.picker button:hover{background:var(--line)}.composer{border:1px solid var(--line);border-radius:8px;background:var(--surf);display:flex;flex-direction:column}.composer textarea{border:0;resize:none;padding:10px 12px;font-size:14px;background:transparent;color:var(--tx);outline:none}.composer-foot{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 6px 12px}.panel-head{flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.thread-msg-head{display:flex;align-items:center;gap:8px}.reply-input{width:100%;box-sizing:border-box;border:1px solid var(--line);background:var(--surf);color:var(--tx);border-radius:8px;resize:none;padding:10px 12px;font-size:13px}.safety{font-family:var(--mono);font-size:13px;letter-spacing:.06em;line-height:1.8;color:var(--tx);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.composer-wrap{flex:none;padding:0 20px 16px}.msg-time-inline{font-size:11px;font-weight:400;color:var(--mut)}@media(hover:none){.msg:focus-within .msg-tools{display:flex}.msg:focus{outline:none;background:var(--hover)}.msg-tools button{padding:8px 12px;font-size:13px}}@media(max-width:760px){.msg{grid-template-columns:minmax(0,1fr);padding:6px 14px}.msg>.msg-time{display:none}.msg-tools,.picker{right:12px}.picker{flex-wrap:wrap;max-width:calc(100vw - 24px)}.composer-wrap{padding:0 10px max(10px,env(safe-area-inset-bottom))}.composer-foot{gap:8px;flex-wrap:wrap}.composer textarea,.reply-input{font-size:16px}}.inbox-item{display:grid;grid-template-columns:8px 28px minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--tx);padding:14px 8px;cursor:pointer}.inbox-item:hover{background:var(--hover)}.inbox-dot{width:8px;height:8px;margin-top:6px;border-radius:50%}.list-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.list-row:last-child{border-bottom:0}.device-kind{width:32px;height:32px;flex:none;border-radius:6px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9px;color:var(--mut)}.status-mono{font-family:var(--mono);font-size:11px}.recovery{font-family:var(--mono);font-size:16px;letter-spacing:.08em;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px 14px;color:var(--tx)}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 20px}@media(max-width:760px){.kv{grid-template-columns:minmax(0,1fr);gap:2px 0}}.member-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1.6fr) 120px 70px 100px 150px;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.member-row:last-child{border-bottom:0}.member-head{padding:8px 14px;font-size:11px;color:var(--mut)}.role-select{border:1px solid var(--line);background:var(--surf);color:var(--tx);border-radius:5px;padding:4px 6px;font-size:12px;width:100%}.ret-card{border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:14px}.ret-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media(max-width:760px){.member-table{min-width:0!important}.member-head{display:none!important}.member-row{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name name role" "email email email" "badge last actions";gap:4px 10px;padding:12px}.member-row>:nth-child(1){grid-area:name;font-weight:500}.member-row>:nth-child(2){grid-area:email;font-size:12px}.member-row>:nth-child(3){grid-area:role;justify-self:end}.member-row .role-select{width:auto}.member-row>:nth-child(4){grid-area:badge}.member-row>:nth-child(5){grid-area:last}.member-row>:nth-child(6){grid-area:actions}}.search-input{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid var(--line);padding:14px 16px;font-size:15px;outline:none!important;background:transparent;color:var(--tx)}.result{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;background:transparent;border-radius:5px;padding:8px 10px;cursor:pointer;color:var(--tx)}.result:hover{background:var(--line)}.result-sub{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.modal{padding:24px;display:flex;flex-direction:column;gap:16px}.modal-title{margin:0;font-size:18px;font-weight:500;letter-spacing:-.01em}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.name-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:0 10px;background:var(--bg)}.name-field input{flex:1;border:0;padding:10px 6px;font-size:14px;outline:none!important;background:transparent;color:var(--tx)}.choice-title{font-weight:500;display:flex;justify-content:space-between}.search-overlay{align-items:flex-start;padding-top:60px}@media(max-width:760px){.search-overlay{padding-top:12px}.modal{padding:18px 16px}}.app{flex:1;display:flex;flex-direction:column;min-height:0;position:relative}.app-body{flex:1;display:flex;min-height:0;position:relative}.app-header{height:50px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 16px;position:relative;z-index:30;background:var(--bg)}.space-dot{position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--acc)}.search-trigger{flex:0 1 320px;min-width:80px;margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);background:var(--surf);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--mut);cursor:pointer;text-align:left}.search-trigger:hover,.header-btn:hover{border-color:var(--line2)}.header-btn{display:flex;align-items:center;gap:6px;border:1px solid var(--line);color:var(--tx);border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap}.device-status{display:flex;align-items:center;gap:7px;border:0;background:transparent;font-size:12px;color:var(--mut);white-space:nowrap;cursor:pointer;padding:4px}.device-status:hover{color:var(--tx)}.icon-btn{width:30px;height:30px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--tx3);cursor:pointer}.icon-btn:hover{border-color:var(--line2);color:var(--tx)}.me-btn{position:relative;width:30px;height:30px;flex:none;border-radius:50%;border:1px solid var(--line);background:var(--surf);color:var(--tx);font-weight:600;font-size:10px;cursor:pointer}.click-away{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.profile-menu{position:absolute;top:46px;right:12px;width:290px;z-index:2;background:var(--surf);border:1px solid var(--line2);border-radius:8px;box-shadow:0 20px 50px var(--shadow);padding:6px;display:flex;flex-direction:column}.pm-section{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}.menu-item{display:flex;align-items:center;gap:9px;border:0;border-radius:6px;padding:7px 8px;text-align:left;cursor:pointer;width:100%;font-size:13px;background:transparent;color:var(--tx)}.menu-item:hover{background:var(--hover)!important}.menu-item.quiet{color:var(--mut)}.menu-item.quiet:hover{color:var(--tx)}.sidebar{width:240px;flex:none;border-right:1px solid var(--side-line);display:flex;flex-direction:column;min-height:0;background:var(--side);--hover: var(--side-hover);--sel: var(--side-sel);--line: var(--side-line)}.sidebar-scroll{flex:1;overflow:auto;padding:14px 10px;display:flex;flex-direction:column;gap:18px}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 6px}.add-btn{border:0;background:transparent;color:var(--mut);width:20px;height:20px;border-radius:4px;cursor:pointer;font-size:15px;line-height:1}.add-btn:hover{background:var(--line);color:var(--tx)}.e2ee-hash{width:22px;height:22px;flex:none;border-radius:6px;border:1px solid var(--acc);color:var(--acc);font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.nav-item.back{color:var(--mut);margin-bottom:10px}.nav-item.back:hover{background:transparent;color:var(--tx)}.invite-btn{margin:10px;border:1px solid var(--acc);background:var(--accbg);color:var(--acc);border-radius:6px;padding:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.invite-btn:hover{background:var(--acc);color:var(--onacc)}.region-card{margin:10px;padding:10px;border:1px solid var(--line);border-radius:6px;font-size:12px;color:var(--mut)}.main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.main-scroll{flex:1;min-width:0;overflow:auto}.view-head{flex:none;border-bottom:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.view-title{font-weight:600;font-size:16px;letter-spacing:-.01em}.page{padding:28px 32px 56px;display:flex;flex-direction:column}.side-panel{flex:none;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--bg2)}@media(max-width:760px){.app-header{gap:8px;padding:0 10px}.app-header .brand,.app-header.has-back .seg{display:none}.app-header .seg-btn{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-trigger{flex:none;width:30px;height:30px;min-width:0;padding:0;justify-content:center}.device-status{display:none}.profile-menu{width:min(290px,calc(100vw - 24px));right:8px}.sidebar{width:100%;border-right:0}.app-body.pane-main>.sidebar{display:none}.app-body.pane-nav>:not(.sidebar):not(.overlay){display:none}.side-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;width:100%;border-left:0;background:var(--bg)}.view-head{padding:10px 14px;gap:8px}.page{padding:18px 16px 40px}}@media(min-width:761px){.thread-panel{width:min(340px,38vw)}.profile-panel{width:min(320px,36vw)}}.profile-panel{overflow:auto}