@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", monospace;--bg:#f4f6fc;--bg-elevated:#ffffffc7;--bg-panel:#fff;--surface:#fff;--surface-raised:#fff;--surface-muted:#f1f4fb;--surface-hover:#edf1fb;--surface-active:#e4ebfb;--surface-inset:#f7f9fe;--text:#11162a;--text-secondary:#4d5771;--text-muted:#7b849b;--text-faint:#a3aac0;--border:#11162a14;--border-strong:#11162a29;--violet:#6c5ce7;--violet-strong:#5543e0;--cyan:#00b8ff;--coral:#ff5c7a;--mint:#00c9a7;--amber:#d97706;--accent:#5b4bff;--accent-strong:#4335e8;--accent-soft:#5b4bff1f;--accent-softer:#5b4bff0f;--accent-contrast:#fff;--accent-gradient:linear-gradient(135deg, #7c5cff 0%, #5b4bff 45%, #00b8ff 100%);--teal:#00a98f;--teal-soft:#00c9a724;--amber-soft:#d977061f;--danger:#e5484d;--danger-soft:#e5484d1a;--own-bubble:linear-gradient(135deg, #6c5ce7 0%, #5b4bff 52%, #2f8bff 100%);--own-text:#fff;--shadow-xs:0 1px 2px #11162a0a;--shadow-sm:0 1px 2px #11162a0d, 0 8px 24px #11162a0f;--shadow-md:0 16px 40px #11162a1a, 0 2px 8px #11162a0d;--shadow-lg:0 30px 80px #11162a29, 0 10px 24px #11162a14;--glow:0 0 0 1px #5b4bff1a, 0 12px 36px #5b4bff33;--radius-xs:8px;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--speed-fast:.12s;--speed:.19s;--speed-slow:.42s;--rail-width:78px;--inbox-width:348px;--context-width:330px;--header-height:68px;--focus-ring:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--scrollbar:#11162a29;--glass:#ffffffb8;--glass-strong:#ffffffe0}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080a0f;--bg-elevated:#0b0e14;--bg-panel:#0b0e14;--surface:#11151e;--surface-raised:#141a25;--surface-muted:#171d29;--surface-hover:#1b2230;--surface-active:#232c3e;--surface-inset:#0d1118;--text:#eef0f6;--text-secondary:#a3aaba;--text-muted:#727b8e;--text-faint:#525a6b;--border:#ffffff12;--border-strong:#ffffff24;--accent:#7c7cf5;--accent-strong:#9292fa;--accent-soft:#7c7cf524;--accent-softer:#7c7cf512;--accent-gradient:linear-gradient(135deg, #7b7bf4 0%, #5b5bd6 55%, #4b4bc4 100%);--teal:#34d3b5;--teal-soft:#34d3b51f;--amber:#f2b45c;--amber-soft:#f2b45c21;--danger:#f07a7a;--danger-soft:#f07a7a1f;--own-bubble:linear-gradient(140deg, #6e6ef2 0%, #5b5bd6 60%, #5151c9 100%);--own-text:#fff;--shadow-xs:0 1px 2px #0000002e;--shadow-sm:0 1px 2px #00000038, 0 4px 12px #0000001f;--shadow-md:0 10px 30px #00000057, 0 2px 6px #0003;--shadow-lg:0 24px 70px #0000007a, 0 8px 20px #00000047;--glow:0 0 0 1px #7c7cf514, 0 8px 32px #5b5bd633;--glass:#11151eb8;--glass-strong:#11151ee6;--scrollbar:#ffffff24}@media (prefers-reduced-motion:reduce){:root{--speed-fast:0s;--speed:0s;--speed-slow:0s}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis-weight:none;margin:0;font-size:14px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin:0}::selection{background:var(--accent-soft)}:focus-visible{box-shadow:var(--focus-ring);outline:none}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-track{background:0 0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--rail-width) var(--inbox-width) minmax(0, 1fr) var(--context-width);background:var(--bg);grid-template-rows:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-shell>.nav-rail,.app-shell>.inbox,.app-shell>.chat,.app-shell>.context,.app-shell>.page{min-height:0}.app-shell[data-context=false]{grid-template-columns:var(--rail-width) var(--inbox-width) minmax(0, 1fr)}.app-shell[data-view=contacts],.app-shell[data-view=relay],.app-shell[data-view=settings]{grid-template-columns:var(--rail-width) minmax(0, 1fr)}.nav-rail{background:var(--bg-elevated);border-right:1px solid var(--border);z-index:30;flex-direction:column;align-items:center;gap:6px;padding:16px 0 14px;display:flex}.brand-mark{cursor:pointer;width:42px;height:42px;box-shadow:var(--glow);transition:transform var(--speed) var(--ease);background:0 0;border:0;border-radius:13px;place-items:center;padding:0;display:grid}.brand-mark:hover{transform:translateY(-1px)scale(1.02)}.brand-mark img{border-radius:inherit;width:100%;height:100%;display:block}.nav-items{flex-direction:column;flex:1;gap:4px;margin-top:22px;display:flex}.nav-btn{width:46px;height:46px;color:var(--text-muted);cursor:pointer;transition:background var(--speed-fast) var(--ease), color var(--speed-fast) var(--ease);background:0 0;border:0;border-radius:14px;place-items:center;display:grid;position:relative}.nav-btn:hover{background:var(--surface-hover);color:var(--text)}.nav-btn[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.nav-btn[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:-16px}.nav-badge{background:var(--accent);color:#fff;text-align:center;border:2px solid var(--bg-elevated);border-radius:99px;min-width:16px;height:16px;padding:0 4px;font-size:9.5px;font-weight:700;line-height:16px;position:absolute;top:8px;right:8px}.nav-footer{flex-direction:column;align-items:center;gap:8px;display:flex}.rail-avatar{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:12px;place-items:center;width:36px;height:36px;padding:0;display:grid}.rail-avatar .avatar{border-radius:11px;width:100%;height:100%;font-size:11px}.inbox{background:var(--bg-panel);border-right:1px solid var(--border);flex-direction:column;min-width:0;display:flex}.inbox-head{flex:none;padding:20px 18px 12px}.inbox-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.inbox-title{letter-spacing:-.035em;font-size:22px;font-weight:660}.icon-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:background var(--speed-fast) var(--ease), color var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn.bordered{border-color:var(--border);background:var(--surface)}.search-box{height:42px;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);transition:border-color var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease);border-radius:12px;align-items:center;gap:9px;padding:0 11px;display:flex}.search-box:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));box-shadow:0 0 0 4px var(--accent-softer)}.search-box input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box input::placeholder{color:var(--text-faint)}.kbd{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-faint);letter-spacing:.02em;border-radius:5px;padding:2px 5px;font-size:9.5px;font-weight:600}.filter-row{gap:4px;margin-top:12px;display:flex}.chip{color:var(--text-muted);cursor:pointer;transition:background var(--speed-fast) var(--ease), color var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:99px;padding:5px 10px;font-size:11.5px;font-weight:560}.chip:hover{color:var(--text);background:var(--surface-hover)}.chip[data-active=true]{color:var(--text);background:var(--surface-active);border-color:var(--border)}.conversation-list{overscroll-behavior:contain;flex-direction:column;flex:1;gap:2px;padding:2px 10px 18px;display:flex;overflow-y:auto}.conversation{width:100%;color:inherit;text-align:left;cursor:pointer;transition:background var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px;display:grid}.conversation:hover{background:var(--surface-hover)}.conversation:active{transform:scale(.995)}.conversation[data-active=true]{background:var(--surface-active);border-color:var(--border)}.conv-main{min-width:0}.conv-top{align-items:center;gap:6px;display:flex}.conv-name{letter-spacing:-.012em;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13.5px;font-weight:570;overflow:hidden}.conversation[data-unread=true] .conv-name{font-weight:680}.conv-time{color:var(--text-muted);font-variant-numeric:tabular-nums;flex:none;font-size:10.5px}.conv-bottom{align-items:center;gap:6px;margin-top:3px;display:flex}.conv-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.conversation[data-unread=true] .conv-preview{color:var(--text-secondary);font-weight:520}.conv-flags{color:var(--text-faint);align-items:center;gap:3px;display:flex}.conv-unread{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:grid}.empty-list{color:var(--text-muted);text-align:center;place-items:center;gap:8px;padding:42px 20px;font-size:12.5px;display:grid}.empty-list strong{color:var(--text-secondary);font-weight:600}.avatar{background:linear-gradient(140deg, var(--avatar-a), var(--avatar-b));color:#fff;letter-spacing:-.02em;text-shadow:0 1px 2px #0000002e;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;font-size:13px;font-weight:650;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff29,0 2px 8px #0000001f}.avatar:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff52,#0000 55%);position:absolute;inset:0}.presence-dot{border:2.5px solid var(--bg-panel);background:var(--text-faint);border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.presence-dot[data-presence=online]{background:var(--teal)}.presence-dot[data-presence=away]{background:var(--amber)}.avatar.lg{border-radius:22px;width:76px;height:76px;font-size:22px}.avatar.sm{border-radius:11px;width:36px;height:36px;font-size:11px}.chat{background:radial-gradient(880px 420px at 12% -12%, var(--accent-softer), transparent 72%), var(--bg);flex-direction:column;min-width:0;display:flex;position:relative}.chat-header{z-index:10;height:var(--header-height);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 84%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:none;align-items:center;gap:11px;padding:0 20px;display:flex}.chat-head-main{flex:1;min-width:0}.chat-head-name{letter-spacing:-.02em;align-items:center;gap:6px;font-size:14.5px;font-weight:640;display:flex}.chat-head-name .verified{color:var(--teal)}.chat-head-sub{color:var(--text-muted);align-items:center;gap:5px;margin-top:1px;font-size:11.5px;display:flex}.chat-head-sub .dot{background:var(--text-faint);border-radius:50%;width:3px;height:3px}.chat-actions{align-items:center;gap:2px;display:flex}.ping-btn{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));background:var(--accent-soft);height:34px;color:var(--accent-strong);cursor:pointer;transition:background var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);border-radius:11px;align-items:center;gap:6px;padding:0 12px;font-size:11.5px;font-weight:600;display:inline-flex}.ping-btn:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.ping-btn:active{transform:scale(.96)}.ping-btn.is-sent{background:var(--teal-soft);color:var(--teal);border-color:#0000}.security-bar{border-bottom:1px solid var(--border);background:var(--accent-softer);color:var(--text-muted);flex:none;align-items:center;gap:7px;padding:8px 22px;font-size:11px;display:flex}.security-bar svg{color:var(--teal)}.security-bar .relay{color:var(--amber)}.only-mobile{display:none}.messages{overscroll-behavior:contain;flex:1;padding:20px 26px 6px;overflow-y:auto}.message-stream{flex-direction:column;gap:5px;width:100%;max-width:840px;margin:0 auto;padding-bottom:8px;display:flex}.date-divider{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);border-radius:99px;align-self:center;margin:14px 0 16px;padding:4px 11px;font-size:10.5px;font-weight:560}.msg-row{animation:rise-in var(--speed) var(--ease) both;margin-bottom:1px;display:flex}.msg-row.own{justify-content:flex-end}.bubble{border:1px solid var(--border);background:var(--surface);max-width:min(560px,76%);box-shadow:var(--shadow-xs);letter-spacing:-.004em;border-radius:17px 17px 17px 6px;padding:9px 13px 7px;font-size:13.6px;line-height:1.5;position:relative}.own .bubble{background:var(--own-bubble);color:var(--own-text);border-color:#0000;border-radius:17px 17px 6px;box-shadow:0 6px 18px #4646be29}.bubble-text{overflow-wrap:anywhere;white-space:pre-wrap}.msg-meta{color:var(--text-faint);font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;font-size:10px;display:flex}.own .msg-meta{color:#ffffffb8}.msg-meta .edited{margin-right:2px;font-style:italic}.system-row{justify-content:center;margin:12px 0;display:flex}.system-pill{border:1px solid var(--border);background:var(--surface-muted);max-width:82%;color:var(--text-muted);text-align:center;border-radius:99px;align-items:center;gap:6px;padding:6px 11px;font-size:10.8px;line-height:1.4;display:inline-flex}.system-pill svg{color:var(--teal);flex:none}.voice-bubble{align-items:center;gap:10px;min-width:232px;padding:1px 0;display:flex}.voice-play{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-strong);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.own .voice-play{color:#fff;background:#fff3}.waveform{flex:1;align-items:center;gap:2.5px;height:26px;display:flex}.wave-bar{background:var(--text-faint);opacity:.75;border-radius:2px;width:2.5px}.own .wave-bar{background:#ffffffd1}.voice-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:10.5px}.own .voice-time{color:#fffc}.file-bubble{align-items:center;gap:11px;min-width:236px;padding:2px 0;display:flex}button.file-bubble{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}button.file-bubble:hover .file-name{text-decoration:underline}.file-download{opacity:.65;flex:none}.file-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-strong);border-radius:11px;flex:none;place-items:center;display:grid}.own .file-icon{color:#fff;background:#ffffff2e}.file-info{flex:1;min-width:0}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:570;overflow:hidden}.file-size{color:var(--text-muted);margin-top:1px;font-size:10.5px}.own .file-size{color:#ffffffbf}.typing-row{color:var(--text-muted);animation:rise-in var(--speed) var(--ease) both;align-items:center;gap:8px;margin:8px 0 2px;font-size:11px;display:flex}.typing-bubble{border:1px solid var(--border);background:var(--surface);border-radius:15px 15px 15px 6px;align-items:center;gap:3px;padding:9px 12px;display:flex}.typing-bubble span{background:var(--text-muted);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite typing-bounce}.typing-bubble span:nth-child(2){animation-delay:.14s}.typing-bubble span:nth-child(3){animation-delay:.28s}.composer-wrap{flex:none;padding:10px 24px 16px}.composer{border:1px solid var(--border);background:var(--surface-raised);max-width:840px;box-shadow:var(--shadow-sm);transition:border-color var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease);border-radius:19px;align-items:flex-end;gap:3px;margin:0 auto;padding:7px;display:flex}.composer:focus-within{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));box-shadow:var(--shadow-sm), 0 0 0 4px var(--accent-softer)}.composer textarea{min-width:0;max-height:132px;color:var(--text);resize:none;background:0 0;border:0;outline:0;flex:1;padding:8px 6px;font-size:13.5px;line-height:1.5}.composer textarea::placeholder{color:var(--text-faint)}.composer-actions{align-items:center;gap:1px;display:flex}.send-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;width:37px;height:37px;transition:transform var(--speed-fast) var(--ease), filter var(--speed-fast) var(--ease), opacity var(--speed-fast) var(--ease);border:0;border-radius:12px;place-items:center;display:grid;box-shadow:0 4px 14px #5a5ad252}.send-btn:hover:not(:disabled){filter:brightness(1.08)}.send-btn:active:not(:disabled){transform:scale(.94)}.send-btn:disabled{opacity:.35;box-shadow:none;cursor:default}.composer-hint{max-width:840px;color:var(--text-faint);justify-content:space-between;margin:7px auto 0;padding:0 5px;font-size:10px;display:flex}.composer-hint kbd{font-family:inherit}.context{background:var(--bg-panel);border-left:1px solid var(--border);overscroll-behavior:contain;flex-direction:column;gap:16px;padding:14px 18px 30px;display:flex;overflow-y:auto}.context-head{justify-content:flex-end;display:flex}.context-profile{text-align:center;flex-direction:column;align-items:center;gap:3px;padding-top:0;display:flex}.context-name{letter-spacing:-.025em;margin-top:8px;font-size:17px;font-weight:660}.context-alias{color:var(--text-muted);font-size:12px}.context-badges{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:9px;display:flex}.badge{border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:560;display:inline-flex}.badge.accent{background:var(--teal-soft);color:var(--teal);border-color:#0000}.badge.warn{background:var(--amber-soft);color:var(--amber);border-color:#0000}.badge.soft{background:var(--accent-soft);color:var(--accent-strong);border-color:#0000}.section{border-top:1px solid var(--border);flex-direction:column;gap:9px;padding-top:15px;display:flex}.section-title{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:10.5px;font-weight:650;display:flex}.id-row{border:1px solid var(--border);background:var(--surface);border-radius:11px;align-items:center;gap:7px;padding:9px 10px;display:flex}.id-value{color:var(--text-secondary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.context-row{align-items:center;gap:10px;padding:8px 3px;display:flex}.context-row-icon{background:var(--surface-muted);width:30px;height:30px;color:var(--text-secondary);border-radius:9px;flex:none;place-items:center;display:grid}.context-row-main{flex:1;min-width:0}.context-row-title{font-size:12.5px;font-weight:560}.context-row-sub{color:var(--text-muted);margin-top:1px;font-size:10.5px}.device-row{align-items:center;gap:10px;padding:8px 0;display:flex}.device-row+.device-row{border-top:1px solid var(--border)}.device-state{background:var(--teal);border-radius:50%;flex:none;width:7px;height:7px}.device-state.untrusted{background:var(--amber)}.action-list{flex-direction:column;gap:1px;display:flex}.action-btn{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;transition:background var(--speed-fast) var(--ease), color var(--speed-fast) var(--ease);background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:8px 9px;font-size:12.3px;display:flex}.action-btn:hover{background:var(--surface-hover);color:var(--text)}.action-btn.danger{color:var(--danger)}.action-btn.danger:hover{background:var(--danger-soft)}.context-note{border:1px solid var(--border);background:var(--surface-muted);color:var(--text-muted);border-radius:11px;padding:10px 11px;font-size:10.8px;line-height:1.5}.context-backdrop{z-index:49;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000085;border:0;position:fixed;inset:0}.page{background:radial-gradient(720px 380px at 10% -10%, var(--accent-softer), transparent 70%), var(--bg);min-width:0;padding:36px clamp(22px,4.5vw,56px) 64px;overflow-y:auto}.page-inner{width:100%;max-width:1080px;margin:0 auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px;display:flex}.page-eyebrow{color:var(--accent-strong);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:650}.page-title{letter-spacing:-.038em;margin:0;font-size:clamp(26px,3vw,33px);font-weight:680}.page-sub{max-width:62ch;color:var(--text-muted);margin-top:6px;font-size:13px}.page-actions{align-items:center;gap:7px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text);cursor:pointer;transition:background var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease), filter var(--speed-fast) var(--ease);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:560;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent-gradient);color:#fff;border-color:#0000;box-shadow:0 6px 18px #5a5ad242}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-hover);color:var(--text)}.btn.danger{border-color:color-mix(in srgb, var(--danger) 30%, var(--border));background:var(--danger-soft);color:var(--danger)}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);border-radius:18px}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:11px;display:grid}.contact-card{transition:border-color var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease);flex-direction:column;gap:13px;padding:16px;display:flex}.contact-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.contact-top{align-items:center;gap:11px;display:flex}.contact-name{letter-spacing:-.015em;align-items:center;gap:5px;font-size:13.5px;font-weight:620;display:flex}.contact-name .verified{color:var(--teal)}.contact-meta{color:var(--text-muted);margin-top:2px;font-size:11px}.contact-role{background:var(--surface-muted);width:fit-content;color:var(--text-muted);border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:inline-flex}.contact-actions{gap:6px;margin-top:auto;display:flex}.contact-actions .btn{flex:1;min-height:32px;padding:6px 10px;font-size:11px}.empty-state{border:1px dashed var(--border-strong);color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;display:flex}.empty-state strong{color:var(--text);font-weight:620}.relay-hero{border:1px solid var(--border);background:linear-gradient(135deg, var(--accent-soft), transparent 64%), var(--surface);border-radius:22px;grid-template-columns:minmax(0,1.25fr) minmax(200px,.75fr);align-items:center;gap:22px;margin-bottom:18px;padding:26px;display:grid;position:relative;overflow:hidden}.relay-hero h2{letter-spacing:-.03em;margin-bottom:7px;font-size:clamp(20px,2.4vw,25px);font-weight:670}.relay-hero p{max-width:54ch;color:var(--text-muted);font-size:12.5px}.relay-hero .btn{margin-top:15px}.relay-orbit{place-items:center;width:176px;height:176px;margin:0 auto;display:grid;position:relative}.relay-orbit span{border:1px solid color-mix(in srgb, var(--accent) 38%, transparent);border-radius:50%;position:absolute}.relay-orbit span:first-child{opacity:.35;inset:0}.relay-orbit span:nth-child(2){opacity:.55;inset:22px}.relay-orbit span:nth-child(3){opacity:.8;inset:46px}.relay-orbit-core{background:var(--accent-gradient);color:#fff;border-radius:18px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 32px #6e6ef066}.relay-orbit-dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 0 4px var(--teal-soft);border-radius:50%;position:absolute}.relay-orbit-dot.one{top:12px;right:26px}.relay-orbit-dot.two{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft);bottom:22px;left:8px}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:11px;display:grid}.room-card{flex-direction:column;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.room-card:before{content:"";background:linear-gradient(90deg, var(--room-a), var(--room-b));width:100%;height:2px;position:absolute;top:0;left:0}.room-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.room-name{letter-spacing:-.02em;font-size:14px;font-weight:630}.room-host{color:var(--text-muted);margin-top:2px;font-size:11px}.room-code{border:1px dashed var(--border-strong);background:var(--surface-muted);color:var(--text-secondary);font-family:var(--font-mono);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;display:flex}.room-share{flex-wrap:wrap;gap:6px;display:flex}.room-share .btn{flex:auto;justify-content:center;padding:6px 10px;font-size:11.5px}.room-foot{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.room-foot .expiry{align-items:center;gap:5px;display:flex}.expiry.warn{color:var(--amber)}.relay-create{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:14px;display:flex}.relay-create label{flex-direction:column;gap:5px;display:flex}.relay-create label:first-child{flex:1;min-width:180px}.relay-create input,.relay-create select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);min-height:34px;padding:0 10px;font-size:12px}.relay-create .btn{margin-top:0}.relay-banner{border:1px solid color-mix(in srgb, var(--amber) 40%, transparent);border-radius:var(--radius-md);background:var(--amber-soft);color:var(--text-secondary);align-items:flex-start;gap:9px;margin:12px 0;padding:11px 13px;font-size:11.5px;line-height:1.5;display:flex}.relay-banner svg{color:var(--amber);flex:none;margin-top:1px}.relay-banner strong{color:var(--text)}.relay-link{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted);font-family:var(--font-mono);align-items:center;gap:8px;margin-bottom:12px;padding:9px 11px;font-size:10.5px;display:flex}.relay-link span{overflow-wrap:anywhere;flex:1;min-width:0}.relay-room{flex-direction:column;padding:0;display:flex;overflow:hidden}.relay-messages{flex-direction:column;gap:10px;min-height:220px;max-height:52vh;padding:16px;display:flex;overflow-y:auto}.relay-message{border:1px solid var(--border);background:var(--surface-muted);border-radius:14px 14px 14px 4px;max-width:min(520px,82%);padding:9px 12px}.relay-message.mine{border-color:color-mix(in srgb, var(--accent) 35%, transparent);background:var(--accent-soft);border-radius:14px 14px 4px;align-self:flex-end}.relay-message-meta{color:var(--text-muted);margin-bottom:3px;font-size:9.8px}.relay-message-body{overflow-wrap:anywhere;white-space:pre-wrap;font-size:12.5px;line-height:1.45}.relay-composer{border-top:1px solid var(--border);gap:8px;padding:12px;display:flex}.relay-composer input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);flex:1;min-height:38px;padding:0 12px;font-size:12.5px}.relay-ended{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:7px;padding:14px;font-size:11.5px;display:flex}.guest-shell{background:var(--bg);min-height:100vh;padding:22px clamp(14px,4vw,40px) 40px}.guest-head{justify-content:space-between;align-items:center;gap:12px;max-width:860px;margin:0 auto 26px;display:flex}.guest-main{max-width:860px;margin:0 auto}.guest-intro{margin-bottom:12px}.guest-foot{color:var(--text-muted);align-items:flex-start;gap:7px;margin-top:16px;font-size:10.8px;line-height:1.5;display:flex}.ping-btn:disabled{opacity:.6;cursor:progress}.link-approval{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);flex-direction:column;gap:8px;margin:10px 0;padding:12px;display:flex}.link-approval input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:34px;font-family:var(--font-mono);padding:0 10px;font-size:11px}.link-approval .settings-row{border-top:0;padding:0}.link-approval code{font-family:var(--font-mono);font-size:10.5px}.info-panel{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:20px;display:grid}.info-tile{padding:16px}.info-tile h3{align-items:center;gap:7px;margin-bottom:6px;font-size:12.5px;font-weight:630;display:flex}.info-tile p{color:var(--text-muted);font-size:11.5px;line-height:1.55}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));align-items:start;gap:12px;display:grid}.settings-card{padding:18px}.settings-card h2{letter-spacing:-.015em;align-items:center;gap:7px;margin-bottom:4px;font-size:13.5px;font-weight:640;display:flex}.settings-card>p{color:var(--text-muted);margin-bottom:10px;font-size:11.5px}.settings-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:11px 0;display:flex}.settings-row:first-of-type{border-top:0}.settings-label{font-size:12.5px;font-weight:540}.settings-desc{color:var(--text-muted);margin-top:1px;font-size:10.8px}.segmented{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;padding:5px 8px;font-size:10.8px;display:inline-flex}.segmented button[data-active=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.switch{border:1px solid var(--border-strong);background:var(--surface-muted);cursor:pointer;width:38px;height:22px;transition:background var(--speed-fast) var(--ease), border-color var(--speed-fast) var(--ease);border-radius:99px;flex:none;position:relative}.switch:after{content:"";background:var(--text-muted);width:16px;height:16px;transition:transform var(--speed-fast) var(--ease), background var(--speed-fast) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--accent);border-color:#0000}.switch[aria-checked=true]:after{background:#fff;transform:translate(16px)}.mobile-nav{display:none}.toast-stack{z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:7px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-strong);background:var(--surface-raised);width:fit-content;max-width:100%;box-shadow:var(--shadow-lg);animation:toast-in .22s var(--ease) both;border-radius:12px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;display:flex}.toast svg{color:var(--accent-strong);flex:none}.toast[data-tone=success] svg{color:var(--teal)}.toast[data-tone=warning] svg{color:var(--amber)}.toast-text{min-width:0}.toast-text strong{font-weight:600;display:block}.toast-text span{color:var(--text-muted);margin-top:1px;font-size:10.5px;display:block}.dialog-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#03050a99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--border-strong);background:var(--bg-elevated);width:min(460px,100%);max-height:min(620px,86dvh);box-shadow:var(--shadow-lg);animation:dialog-in .22s var(--ease) both;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 12px;display:flex}.dialog-title{letter-spacing:-.025em;font-size:16px;font-weight:650}.dialog-sub{color:var(--text-muted);margin-top:3px;font-size:11.5px}.dialog-body{padding:0 18px 18px;overflow-y:auto}.dialog-search{margin-bottom:10px}.dialog-list{flex-direction:column;gap:2px;display:flex}.dialog-person{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;padding:8px;display:flex}.dialog-person:hover{background:var(--surface-hover)}.dialog-person .avatar{border-radius:11px;width:36px;height:36px;font-size:11px}.dialog-person-name{font-size:12.5px;font-weight:560}.dialog-person-sub{color:var(--text-muted);font-size:10.5px}.dialog-person .verified{color:var(--teal);margin-left:auto}@media (width<=1280px){.app-shell,.app-shell[data-context=false]{grid-template-columns:var(--rail-width) var(--inbox-width) minmax(0, 1fr)}.context{z-index:50;width:min(340px,90vw);box-shadow:var(--shadow-lg);animation:slide-in .22s var(--ease) both;position:fixed;top:0;bottom:0;right:0}}@media (width<=1080px){:root{--inbox-width:316px}.chat-header{padding:0 16px}.messages{padding-left:18px;padding-right:18px}.composer-wrap{padding-left:16px;padding-right:16px}.security-bar{padding-left:18px;padding-right:18px}}@media (width<=900px){.app-shell,.app-shell[data-context=false],.app-shell[data-view=contacts],.app-shell[data-view=relay],.app-shell[data-view=settings]{height:100dvh;padding-bottom:calc(62px + env(safe-area-inset-bottom));display:block}.nav-rail{display:none}.inbox,.chat,.page{height:100%}.inbox{border-right:0}.inbox-head{padding:18px 16px 10px}.conversation-list{padding-left:8px;padding-right:8px}.chat,.app-shell[data-chat=true] .inbox{display:none}.app-shell[data-chat=true] .chat{display:flex}.chat-header{height:62px;padding:0 12px}.only-mobile{display:grid}.chat-actions .desktop-only,.ping-btn span{display:none}.ping-btn{justify-content:center;width:34px;padding:0}.messages{padding:14px 12px 4px}.message-stream{gap:4px}.bubble{max-width:84%;font-size:13.5px}.composer-wrap{padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.composer-hint{display:none}.context{width:min(340px,92vw)}.page{padding:24px 16px 30px;overflow-y:auto}.page-title{font-size:26px}.mobile-nav{z-index:40;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--bg-elevated) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:9.5px;font-weight:560;display:flex;position:relative}.mobile-nav button[aria-current=page]{color:var(--accent-strong)}.mobile-nav .nav-badge{top:7px;right:calc(50% - 17px)}.toast-stack{bottom:calc(74px + env(safe-area-inset-bottom))}.relay-hero{grid-template-columns:1fr;padding:20px}.relay-orbit{display:none}.contacts-grid,.rooms-grid,.settings-grid{grid-template-columns:1fr}.dialog-backdrop{align-items:end;padding:0}.dialog{border-radius:20px 20px 0 0;width:100%;max-height:82dvh}}@media (width<=420px){.chat-head-sub .hide-xs{display:none}.bubble{max-width:88%}}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes typing-bounce{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.verified{color:var(--teal);flex:none}@media (width>=1281px){.context-backdrop{display:none}}#root{z-index:1;position:relative}body{background:var(--bg)}body:before,body:after{content:"";z-index:0;pointer-events:none;will-change:transform;position:fixed;inset:-25%}body:before{filter:blur(22px);background:radial-gradient(38% 42% at 16% 10%,#7c5cff3d,#0000 70%),radial-gradient(34% 38% at 84% 6%,#00b8ff33,#0000 70%),radial-gradient(30% 34% at 72% 86%,#ff5c7a29,#0000 70%);animation:26s ease-in-out infinite alternate aurora-drift}body:after{filter:blur(26px);background:radial-gradient(30% 36% at 8% 78%,#00c9a729,#0000 72%),radial-gradient(26% 30% at 92% 58%,#d977061f,#0000 72%);animation:34s ease-in-out infinite alternate-reverse aurora-drift}.app-shell{background:0 0}.page,.chat,.inbox{animation:rise-in .4s var(--ease) both}.nav-rail,.inbox,.context{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(150%)}.inbox{border-right:1px solid var(--border)}.context{border-left:1px solid var(--border)}.chat{background:0 0}.chat-header{background:color-mix(in srgb, var(--glass-strong) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);border-bottom:1px solid var(--border)}.composer{background:var(--glass-strong);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px)saturate(150%);border-color:#ffffffe6}.brand-mark{background:var(--accent-gradient);padding:3px;animation:7s ease-in-out infinite brand-float;box-shadow:0 10px 30px #5b4bff47}.nav-btn[aria-current=page]{color:var(--accent);background:linear-gradient(135deg,#5b4bff29,#00b8ff1f);box-shadow:inset 0 0 0 1px #5b4bff24}.nav-btn[aria-current=page]:before{background:var(--accent-gradient);border-radius:4px;width:4px;box-shadow:0 0 14px #5b4bff99}.conversation{animation:rise-in .42s var(--ease) both;border-radius:16px}.conversation:nth-child(2){animation-delay:30ms}.conversation:nth-child(3){animation-delay:60ms}.conversation:nth-child(4){animation-delay:90ms}.conversation:nth-child(5){animation-delay:.12s}.conversation:nth-child(6){animation-delay:.15s}.conversation:nth-child(7){animation-delay:.18s}.conversation:nth-child(8){animation-delay:.21s}.conversation:hover{box-shadow:var(--shadow-xs);background:#ffffffb8;border-color:#5b4bff1f;transform:translateY(-1px)}.conversation[data-active=true]{background:linear-gradient(135deg,#5b4bff1f,#00b8ff17);border-color:#5b4bff2e;box-shadow:inset 0 0 0 1px #ffffff8c}.msg-row{animation:msg-pop .3s var(--ease-spring) both}.bubble{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);transition:transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease);background:#fffffff0;border-color:#ffffffe6}.msg-row:hover .bubble{box-shadow:var(--shadow-md);transform:translateY(-1px)}.own .bubble{box-shadow:0 12px 28px #5b4bff3d}.card{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);background:#ffffffe0;border-color:#ffffffd1}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.btn.primary{background-size:180% 180%;animation:9s infinite gradient-pan;box-shadow:0 10px 26px #5b4bff4d}.btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.ping-btn{transition:transform var(--speed) var(--ease-spring), box-shadow var(--speed) var(--ease), background var(--speed) var(--ease)}.ping-btn:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 8px 22px #d9770638}.ping-btn.is-sent{animation:ping-pulse .6s var(--ease-spring)}@keyframes aurora-drift{0%{transform:translate(-2%,-1%)rotate(-2deg)scale(1.02)}to{transform:translate(2%,2%)rotate(2deg)scale(1.08)}}@keyframes msg-pop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes gradient-pan{0%,to{background-position:0%}50%{background-position:100%}}@keyframes brand-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes ping-pulse{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.auth-shell{background:radial-gradient(70% 60% at 18% 8%,#7c5cff2e,#0000 70%),radial-gradient(60% 55% at 86% 12%,#00b8ff29,#0000 70%),radial-gradient(55% 50% at 72% 92%,#ff5c7a1f,#0000 70%),0 0;place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.auth-card{isolation:isolate;border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px)saturate(150%);animation:auth-rise .55s var(--ease-spring) both;background:#ffffffdb;border:1px solid #ffffffe6;flex-direction:column;gap:18px;padding:28px;display:flex;position:relative}.auth-card:before{content:"";z-index:-1;border-radius:inherit;filter:blur(18px);opacity:.35;background:linear-gradient(135deg,#7c5cff80,#00b8ff59,#ff5c7a4d);position:absolute;inset:-1px}@keyframes auth-rise{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-brand{color:var(--text-secondary);letter-spacing:.02em;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.auth-brand-mark{border-radius:var(--radius-sm);background:var(--accent-gradient);width:30px;height:30px;color:var(--accent-contrast);place-items:center;font-weight:700;display:grid}.auth-title{color:var(--text);margin:0;font-size:22px;line-height:1.2}.auth-sub{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-secondary);font-size:12px;font-weight:600}.auth-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-inset);width:100%;color:var(--text);font:inherit;transition:border-color var(--speed-fast) var(--ease), box-shadow var(--speed-fast) var(--ease);padding:11px 12px;font-size:14px}.auth-input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.auth-hint{color:var(--text-muted);font-size:12px}.auth-error{border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--text);padding:10px 12px;font-size:13px}.auth-actions{flex-direction:column;gap:10px;display:flex}.auth-actions-row{gap:10px;display:flex}.auth-actions-row>*{flex:1}.auth-button{border-radius:var(--radius-sm);background:var(--accent-gradient);width:100%;color:var(--accent-contrast);font:inherit;cursor:pointer;transition:filter var(--speed-fast) var(--ease), transform var(--speed-fast) var(--ease);border:1px solid #0000;padding:11px 14px;font-size:14px;font-weight:600}.auth-button:hover:not(:disabled){filter:brightness(1.06)}.auth-button:active:not(:disabled){transform:translateY(1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-ghost{background:var(--surface-muted);border-color:var(--border);color:var(--text)}.auth-link{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.auth-link:hover{text-decoration:underline}.auth-secret{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-inset);flex-direction:column;gap:6px;padding:12px;display:flex}.auth-secret-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.auth-secret-value{font-family:var(--font-mono);color:var(--text);word-break:break-all;font-size:15px}.auth-warning{border:1px solid var(--amber);border-radius:var(--radius-sm);background:var(--amber-soft);color:var(--text);padding:10px 12px;font-size:13px}.auth-code{font-family:var(--font-mono);letter-spacing:.24em;text-align:center;color:var(--text);font-size:30px}.auth-qr{border-radius:var(--radius-md);background:#fff;place-items:center;padding:12px;display:grid}.auth-qr svg{width:100%;max-width:220px;height:auto}.auth-steps{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.auth-steps li{align-items:baseline;gap:8px;display:flex}.auth-step-index{color:var(--accent-strong);font-weight:700}.auth-loading{min-height:100dvh;color:var(--text-muted);place-items:center;font-size:14px;display:grid}@media (width<=480px){.auth-shell{align-items:start;padding:12px}.auth-card{border-radius:var(--radius-lg);padding:20px}.auth-title{font-size:20px}.auth-code{font-size:26px}}