:root{--bg: #E7EBF0;--surface: #FFFFFF;--surface-2: #F3F6F9;--surface-3: #E9EEF3;--text: #0E1621;--text-dim: #5A6674;--text-faint: #8A97A6;--border: #E2E7EC;--border-strong: #D4DBE2;--accent: #0FB88F;--accent-strong: #0A9E7A;--sent: #D6F3E9;--sent-text: #0A3A2E;--trust: #2F6BFF;--online: #16C784;--warn: #F5A524;--danger: #E5484D;--danger-strong: #C4373C;--shadow: 0 30px 80px -30px rgba(14, 22, 33, .35), 0 8px 24px -12px rgba(14, 22, 33, .2);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SFMono-Regular", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #070B10;--surface: #0F161F;--surface-2: #161F2A;--surface-3: #1D2833;--text: #E7ECF2;--text-dim: #8A97A6;--text-faint: #61707F;--border: #202A36;--border-strong: #2A3644;--accent: #12D8A0;--accent-strong: #16E6AC;--sent: #0F3F33;--sent-text: #CFF6EA;--trust: #5B8BFF;--online: #22D07E;--warn: #F5B640;--danger: #FF6166;--danger-strong: #FF7A7E;--shadow: 0 40px 90px -30px rgba(0, 0, 0, .7), 0 8px 30px -12px rgba(0, 0, 0, .6)}}:root[data-theme=light]{--bg: #E7EBF0;--surface: #FFFFFF;--surface-2: #F3F6F9;--surface-3: #E9EEF3;--text: #0E1621;--text-dim: #5A6674;--text-faint: #8A97A6;--border: #E2E7EC;--border-strong: #D4DBE2;--accent: #0FB88F;--accent-strong: #0A9E7A;--sent: #D6F3E9;--sent-text: #0A3A2E;--trust: #2F6BFF;--online: #16C784;--warn: #F5A524;--danger: #E5484D;--danger-strong: #C4373C;--shadow: 0 30px 80px -30px rgba(14, 22, 33, .35), 0 8px 24px -12px rgba(14, 22, 33, .2)}:root[data-theme=dark]{--bg: #070B10;--surface: #0F161F;--surface-2: #161F2A;--surface-3: #1D2833;--text: #E7ECF2;--text-dim: #8A97A6;--text-faint: #61707F;--border: #202A36;--border-strong: #2A3644;--accent: #12D8A0;--accent-strong: #16E6AC;--sent: #0F3F33;--sent-text: #CFF6EA;--trust: #5B8BFF;--online: #22D07E;--warn: #F5B640;--danger: #FF6166;--danger-strong: #FF7A7E;--shadow: 0 40px 90px -30px rgba(0, 0, 0, .7), 0 8px 30px -12px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 700px at 15% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),radial-gradient(1000px 700px at 110% 120%,color-mix(in srgb,var(--trust) 9%,transparent),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}[dir=rtl]{direction:rtl}button{font-family:inherit}.app-shell{display:grid;grid-template-columns:72px 320px 1fr;height:100vh;min-height:0}[dir=rtl] .app-shell{direction:rtl}.rail{background:var(--surface-2);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 0}.rail .brandmark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#04231b;flex:none}.list-col{background:var(--surface);border-inline-end:1px solid var(--border);display:flex;flex-direction:column;min-height:0;padding:18px 16px;gap:12px}.thread-col{display:flex;flex-direction:column;min-height:0;padding:24px}.col-title{font-size:16px;font-weight:750;letter-spacing:-.01em;margin:0}.muted{color:var(--text-dim)}.shell-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.control-group{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:3px;gap:2px}.control-group button{border:0;background:transparent;color:var(--text-dim);font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:9px;cursor:pointer}.control-group button.on{background:var(--surface-3);color:var(--text)}.e2ee-tag{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:5px 11px;border-radius:999px;font-weight:650}.placeholder-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:var(--text-dim)}.placeholder-center h2{color:var(--text);margin:0;font-size:20px;font-weight:750}@media (max-width: 900px){.app-shell{grid-template-columns:64px 1fr}.thread-col{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px)}.auth-inner{width:100%;max-width:420px;display:flex;flex-direction:column}.auth-hero{text-align:center}.hero-mark{width:92px;height:92px;border-radius:26px;display:grid;place-items:center;margin:0 auto;background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#04231b;box-shadow:0 22px 44px -18px color-mix(in srgb,var(--accent) 80%,transparent)}.wordmark-lg{margin:18px 0 0;font-size:30px;font-weight:800;letter-spacing:-.03em}.auth-lead{margin:10px auto 0;max-width:340px;color:var(--text-dim);font-size:14.5px;line-height:1.5}.auth-tag{margin-top:14px;display:flex;justify-content:center}.features{margin-top:22px;display:flex;flex-direction:column}.feature{display:flex;gap:12px;align-items:flex-start;padding:11px 0;text-align:start}.feature+.feature{border-top:1px solid var(--border)}.feature .fi{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 13%,transparent);color:var(--accent-strong)}.feature .fi.trust{background:color-mix(in srgb,var(--trust) 13%,transparent);color:var(--trust)}.feature .fi.warn{background:color-mix(in srgb,var(--warn) 16%,transparent);color:var(--warn)}.feature .ft{font-size:14px;font-weight:700}.feature .fs{font-size:12.5px;color:var(--text-dim);margin-top:2px;line-height:1.45}.auth-actions{margin-top:24px;display:flex;flex-direction:column;gap:10px}.btn{width:100%;min-height:52px;border-radius:15px;border:0;cursor:pointer;font-family:inherit;font-size:15.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .12s ease,background .15s ease;padding:0 16px}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:linear-gradient(145deg,var(--accent),var(--accent-strong));color:#04231b;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--accent) 75%,transparent)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{background:transparent;color:var(--text-dim);min-height:44px;font-weight:650}.btn-ghost:hover{color:var(--text)}.auth-foot{margin-top:14px;text-align:center;font-size:13px;color:var(--text-faint);line-height:1.5}.textlink{color:var(--accent-strong);font-weight:700;text-decoration:none;cursor:pointer}.textlink:hover{text-decoration:underline}.callout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:24px;color:var(--text-dim)}.callout h2{color:var(--text);margin:0;font-size:20px;font-weight:750}.callout .spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border-strong);border-top-color:var(--accent);animation:chatly-spin .8s linear infinite}@keyframes chatly-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.btn{transition:none}.callout .spinner{animation:none}}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.auth-form{max-width:420px}.auth-lead-start{text-align:start;max-width:none;margin-top:6px}.nav{display:flex;align-items:center;gap:12px;padding:2px 0 12px}.nav-title{font-size:16px;font-weight:750}.icon-btn{width:38px;height:38px;border-radius:11px;border:0;background:transparent;color:var(--text-dim);display:grid;place-items:center;cursor:pointer;flex:none;margin-inline-start:-6px;transition:background .15s ease,color .15s ease}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.steps{display:flex;gap:6px;margin-inline-start:auto}.steps i{width:22px;height:4px;border-radius:3px;background:var(--border-strong)}.steps i.on{background:var(--accent)}.h-md{font-size:19px;font-weight:750;letter-spacing:-.01em;margin:0}.flabel{display:block;font-size:13px;font-weight:700;margin:18px 0 8px}.field{display:flex;align-items:center;gap:8px;height:54px;padding:0 14px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:14px;transition:border-color .15s ease}.field:focus-within{border-color:var(--accent)}.field.ok{border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.field.err{border-color:color-mix(in srgb,var(--danger) 60%,transparent)}.field .pfx{color:var(--text-faint);font-size:16px;font-weight:600}.field input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font-size:15.5px;font-family:inherit;outline:none}.field input::placeholder{color:var(--text-faint)}.field .eye{border:0;background:transparent;color:var(--text-faint);cursor:pointer;display:grid;place-items:center;padding:0}.field .eye:hover{color:var(--text-dim)}.field .state{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;flex:none;color:var(--text-faint)}.field .state.ok{color:var(--accent-strong)}.field .state.err{color:var(--danger)}.fhint{display:flex;gap:6px;align-items:flex-start;margin-top:7px;font-size:12px;color:var(--text-faint);line-height:1.4}.fhint svg{flex:none;margin-top:1px}.fhint.err{color:var(--danger)}.strength{margin-top:10px}.strength .bars{display:flex;gap:5px}.strength .bars i{flex:1;height:5px;border-radius:3px;background:var(--border-strong)}.strength .bars i.f1{background:var(--danger)}.strength .bars i.f2{background:var(--warn)}.strength .bars i.f3{background:var(--accent)}.strength .lbl{display:flex;justify-content:space-between;margin-top:6px;font-size:12px}.strength .lbl .val{font-weight:700}.alert{display:flex;gap:11px;align-items:flex-start;margin-top:18px;padding:14px;border-radius:14px;font-size:13px;line-height:1.5}.alert svg{flex:none;margin-top:1px}.alert.info{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.alert.info svg{color:var(--text-faint)}.alert .at{display:block;margin-bottom:3px;font-size:13.5px;font-weight:750}.alert.trust{background:color-mix(in srgb,var(--trust) 11%,transparent);border:1px solid color-mix(in srgb,var(--trust) 32%,transparent);color:var(--text)}.alert.trust svg{color:var(--trust)}.keyhead{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;margin:2px auto 0;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong)}.concept{display:flex;gap:10px;margin-top:16px}.concept .cc{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:9px}.concept .cc .ci{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.concept .cc .ci.a{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-strong)}.concept .cc .ci.t{background:color-mix(in srgb,var(--trust) 14%,transparent);color:var(--trust)}.concept .cc .ct{font-size:12.5px;font-weight:700;line-height:1.25}.concept .cc .cs{font-size:11.5px;color:var(--text-dim);line-height:1.4}.passbox{margin-top:16px;padding:16px;border-radius:16px;background:var(--surface-2);border:1.5px solid color-mix(in srgb,var(--accent) 35%,transparent)}.passgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.passchip{display:flex;align-items:center;gap:7px;padding:9px 10px;background:var(--surface);border:1px solid var(--border);border-radius:11px}.passchip .pn{min-width:14px;font-size:10.5px;font-weight:700;color:var(--text-faint);font-variant-numeric:tabular-nums}.passchip .pw{font-family:var(--mono);font-size:13.5px;font-weight:650;word-break:break-all}.keyactions{display:flex;gap:10px;margin-top:14px}.btn.sm{min-height:44px;font-size:13.5px;border-radius:12px}