:root,:root[data-theme=light]{--page-bg:#e5ecf2;--page-mesh:linear-gradient(180deg, #e3eaf1 0%, #e8eef4 100%);--bg:#fff;--bg-elev:#fff;--bg-elev-2:#f0f2f5;--bg-hover:#ebedf0;--bg-active:#ebf5ff;--bg-soft:#f4f6f8;--bg-soft-2:#eaedf1;--bg-overlay:#0f172a59;--bg-glass:#ffffffd1;--bg-mesh:none;--border:#0f172a0f;--border-strong:#0f172a1f;--hairline:#0f172a0d;--text:#050505;--text-dim:#65676b;--text-mute:#8a8d91;--text-on-accent:#fff;--accent:#0084ff;--accent-2:#0073e0;--accent-3:#2a9bff;--accent-soft:#0084ff1a;--accent-glow:#0084ff4d;--accent-grad:linear-gradient(135deg, #0091ff 0%, #0073e0 100%);--accent-grad-soft:linear-gradient(135deg, #0084ff1a 0%, #0084ff0d 100%);--link:#0084ff;--danger:#e0245e;--success:#31a24c;--warning:#f7b928;--bubble-mine-grad:#0084ff;--bubble-mine:#0084ff;--bubble-theirs:#f0f2f5;--bubble-theirs-2:#e4e6eb;--code-bg-theirs:#0f172a0f;--code-bg-mine:#00000038;--pre-bg-theirs:#0f172a0f;--pre-bg-mine:#00000052;--link-on-mine:#e4ecff;--quote-text-on-mine:#ffffffd9;--quote-border-on-mine:#ffffff8c;--on-accent-dim:#ffffffd9;--on-accent-mute:#ffffffc7;--on-accent-faint:#ffffff9e;--on-accent-soft:#d8e4ff;--reply-bg-mine:#ffffff12;--reply-bg-mine-hover:#ffffff1f;--reply-bg-theirs:#0f172a0d;--reply-bg-theirs-hover:#0f172a14;--reply-border-on-mine:#ffffffa6;--reaction-bg-mine:#ffffff17;--reaction-bg-mine-hover:#ffffff29;--reaction-bg-theirs:#0f172a0d;--reaction-mine-bg-on-mine:#ffffff47;--reaction-mine-border-on-mine:#fff6;--file-hover-bg:#ffffff0f;--file-badge-shadow:#0000002e;--media-overlay:#0003;--media-overlay-strong:#0000005c;--media-scrim:#0000008c;--recording-dot:#ff0000eb;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--pane-x:18px;--pane-y:8px;--pane-section-y:14px;--pane-gap:10px;--icon-hit:32px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--r-full:999px;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 14px #0f172a12;--shadow-lg:0 18px 48px #0f172a1f;--shadow-xl:0 30px 80px #0f172a2e;--shadow-pop:0 10px 24px #0084ff52;--shadow-card:0 12px 36px #0f172a14;--ease:cubic-bezier(.2, .6, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--t-fast:.14s;--t-norm:.22s;--t-slow:.32s;--focus-ring:0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent);--bp-compact:380px;--bp-mobile:720px;--bp-tablet:1024px}:root[data-theme=dark]{--page-bg:#080d16;--page-mesh:radial-gradient(circle at 18% 0%, #3b82f629, transparent 34%), linear-gradient(180deg, #080d16 0%, #0b1220 100%);--bg:#111720;--bg-elev:#151c26;--bg-elev-2:#1a2230;--bg-hover:#202a38;--bg-active:#3b82f633;--bg-soft:#ffffff0d;--bg-soft-2:#ffffff17;--bg-overlay:#0000008c;--bg-glass:#151c26d1;--border:#94a3b81f;--border-strong:#94a3b833;--hairline:#94a3b81c;--text:#e5eaf2;--text-dim:#a7b0bf;--text-mute:#8792a3;--text-on-accent:#fff;--accent:#60a5fa;--accent-2:#3b82f6;--accent-3:#93c5fd;--accent-soft:#60a5fa29;--accent-glow:#2563eb57;--accent-grad:linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--accent-grad-soft:linear-gradient(135deg, #60a5fa2e 0%, #14b8a61a 100%);--link:#93c5fd;--danger:#ff5d75;--success:#2dd4bf;--warning:#fbbf24;--bubble-mine-grad:linear-gradient(135deg, #22c7df 0%, #2563eb 58%, #1f57d8 100%);--bubble-mine:#2563eb;--bubble-theirs:#2b333f;--bubble-theirs-2:#37404d;--code-bg-theirs:#ffffff12;--pre-bg-theirs:#ffffff12;--reply-bg-theirs:#ffffff0f;--reply-bg-theirs-hover:#ffffff1a;--reaction-bg-theirs:#ffffff0f;--shadow-sm:0 1px 2px #00000052;--shadow-md:0 10px 24px #00000047;--shadow-lg:0 22px 56px #0000006b;--shadow-xl:0 34px 88px #0000008a;--shadow-pop:0 12px 28px #2563eb57;--shadow-card:0 18px 48px #0000006b}*{box-sizing:border-box}html,body,#root{background:var(--page-bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11", "tnum", "ss01";text-rendering:optimizelegibility;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:14px;line-height:1.45;overflow-x:hidden}#root{isolation:isolate;min-height:100vh;background:var(--page-mesh);min-height:100dvh;display:flex;position:relative}button{font-family:inherit;font-size:inherit;color:inherit}input,textarea{color:inherit;font-family:inherit}::selection{background:var(--accent);color:#fff}.btn{border-radius:var(--r-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), filter var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;font-weight:500;line-height:1;display:inline-flex}.btn-md{min-height:44px;padding:.55rem 1rem;font-size:.95rem}.btn-sm{min-height:44px;padding:.5rem .85rem;font-size:.9rem}.btn-icon{width:44px;min-width:44px;min-height:44px;padding:.45rem}.btn>svg{flex:none;display:block}.btn-full{width:100%}.toggle-switch{border:1px solid var(--border);border-radius:var(--r-full);background:color-mix(in srgb, var(--text) 8%, transparent);cursor:pointer;width:44px;height:26px;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);flex-shrink:0;align-items:center;padding:2px;display:inline-flex}.toggle-switch.on{background:var(--settings-accent,var(--accent));border-color:var(--settings-accent,var(--accent))}.toggle-switch.on.danger{background:color-mix(in srgb, var(--danger) 82%, var(--accent) 18%);border-color:color-mix(in srgb, var(--danger) 82%, transparent)}.toggle-switch:disabled{cursor:not-allowed;opacity:.55}.toggle-switch:focus-visible{box-shadow:var(--settings-focus,var(--focus-ring));outline:none}.toggle-switch-thumb{background:var(--text-on-accent);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--t-fast) var(--ease);border-radius:50%;display:block;transform:translate(0)}.toggle-switch.on .toggle-switch-thumb{transform:translate(18px)}.btn-primary{background:var(--accent);color:var(--text-on-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-secondary{background:var(--bg-soft-2);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover)}.btn-outline{border-color:var(--border);color:var(--text);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-danger{border-color:color-mix(in srgb, var(--danger) 50%, transparent);color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 12%, transparent);border-color:var(--danger)}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.icon-btn{width:44px;height:44px;color:var(--text-dim);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:0}.icon-btn.icon-btn-sm{width:var(--icon-hit);height:var(--icon-hit);min-width:var(--icon-hit);min-height:var(--icon-hit)}.icon-btn.icon-btn-md{width:44px;height:44px}.icon-btn:hover:not(:disabled){background:var(--bg-soft-2);color:var(--text)}.icon-btn:active:not(:disabled){transform:scale(.92)}.icon-btn:disabled{opacity:.4}.icon-btn.active{background:var(--bg-soft);color:var(--text)}.icon-btn.primary{background:var(--accent-grad);color:var(--text-on-accent)}.icon-btn.primary:hover:not(:disabled){filter:brightness(1.08)}.icon-btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.login-screen{width:100%;min-height:100%;padding:var(--space-6);justify-content:center;align-items:center;margin:auto;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.login-bg-orb{filter:blur(90px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite orbDrift;position:absolute}.login-bg-orb-1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:480px;height:480px;top:-140px;left:-140px}.login-bg-orb-2{background:radial-gradient(circle, var(--accent-3) 0%, transparent 70%);width:400px;height:400px;animation-duration:22s;animation-delay:-9s;bottom:-120px;right:-120px}@keyframes orbDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.06)}}.login-card{z-index:1;gap:var(--space-5);width:100%;max-width:400px;padding:var(--space-8);background:var(--bg-glass);-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:var(--r-2xl);border:1px solid var(--border);box-shadow:var(--shadow-xl), inset 0 1px 0 #ffffff0f;animation:fadeUp var(--t-slow) var(--ease-out);flex-direction:column;display:flex;position:relative}.login-card-loading{justify-content:center;min-height:300px}.auth-loading-row{justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-dim);font-size:.9rem;display:inline-flex}.login-brand{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.login-logo{border-radius:var(--r-lg);background:var(--accent-grad);width:60px;height:60px;color:var(--text-on-accent);box-shadow:0 12px 32px var(--accent-glow), inset 0 1px 0 #ffffff40;margin-bottom:var(--space-2);place-items:center;display:grid}.login-title{letter-spacing:-.025em;text-align:center;margin:0;font-size:1.55rem;font-weight:600}.login-server{color:var(--text-mute);letter-spacing:0;margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.login-fields{gap:var(--space-3);flex-direction:column;display:flex}.login-field{gap:var(--space-2);flex-direction:column;display:flex}.login-label{color:var(--text-dim);letter-spacing:.005em;font-size:.78rem;font-weight:500}.login-input-wrap{align-items:center;display:flex;position:relative}.login-input-icon{color:var(--text-mute);pointer-events:none;transition:color var(--t-fast) var(--ease);position:absolute;left:14px}.login-input-wrap input{border-radius:var(--r-md);border:1px solid var(--border);background:var(--bg-soft);width:100%;color:var(--text);transition:border-color var(--t-fast) var(--ease), background var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);padding:.8rem .9rem .8rem 2.6rem;font-size:.95rem}.login-input-wrap input::placeholder{color:var(--text-mute)}.login-input-wrap input:hover:not(:focus):not(:disabled){border-color:var(--border-strong)}.login-input-wrap input:focus{border-color:var(--accent);background:var(--bg-soft-2);box-shadow:var(--focus-ring);outline:none}.login-input-wrap input:focus+.login-input-icon,.login-input-wrap:focus-within .login-input-icon{color:var(--accent)}.login-input-wrap input:disabled{opacity:.6;cursor:not-allowed}.login-error{align-items:flex-start;gap:var(--space-2);border-radius:var(--r-md);color:var(--danger);animation:shake .32s var(--ease);background:#f472721a;border:1px solid #f4727247;padding:.7rem .9rem;font-size:.85rem;line-height:1.4;display:flex}.login-error svg{flex-shrink:0;margin-top:1px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.login-tabs{background:var(--bg-elev-2);border-radius:var(--r-md);gap:4px;margin-bottom:8px;padding:4px;display:flex}.login-tab{border-radius:calc(var(--r-md) - 3px);color:var(--text-dim);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:none;flex:1;padding:8px 12px;font-size:.86rem;font-weight:500}.login-tab:hover:not(.active):not(:disabled){color:var(--text)}.login-tab.active{background:var(--bg);color:var(--text);box-shadow:var(--shadow-sm)}.login-tab:disabled{opacity:.5;cursor:not-allowed}.login-remember{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:-4px;font-size:.85rem;display:inline-flex}.login-remember input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.login-reset-link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:none;align-self:flex-start;padding:0;font-size:.85rem}.login-reset-link:hover:not(:disabled){text-decoration:underline}.reset-back-link{color:var(--text-dim);cursor:pointer;padding:var(--space-2);margin-top:var(--space-2);background:0 0;border:none;align-self:center;align-items:center;gap:6px;font-size:.85rem;display:inline-flex}.reset-back-link:hover:not(:disabled){color:var(--text)}.reset-notice{color:var(--text-dim);text-align:center;margin:0 0 var(--space-2);font-size:.85rem;line-height:1.5}.login-qr-link{border:1px solid var(--border);color:var(--text);border-radius:var(--r-md);cursor:pointer;margin-top:var(--space-2);transition:border-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;display:inline-flex}.login-qr-link:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.qr-scan-stage{aspect-ratio:1;border-radius:var(--r-md);width:100%;margin:var(--space-2) 0;background:#000;position:relative;overflow:hidden}.qr-scan-video{object-fit:cover;width:100%;height:100%;display:block}.qr-scan-frame{border-radius:var(--r-md);pointer-events:none;border:2px solid #ffffffd9;position:absolute;inset:12%;box-shadow:0 0 0 9999px #00000059}.qr-scan-overlay{color:#fff;background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.status-icon-ok{color:#22c55e;flex-shrink:0}.status-icon-warn{color:#f59e0b;flex-shrink:0}.recovery-key{align-items:center;gap:var(--space-2);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);word-break:break-all;font-family:var(--mono,monospace);width:100%;padding:12px 14px;font-size:.9rem;display:flex}.recovery-key code{letter-spacing:.04em;flex:1}.qr-share-body{text-align:center;align-items:center}.qr-share-image{border-radius:var(--r-md);box-shadow:var(--shadow-md);transition:filter var(--t-fast) var(--ease);background:#fff;padding:12px}.qr-share-image.expired{filter:grayscale()opacity(.5)}.qr-share-image img{width:240px;height:240px;image-rendering:pixelated;display:block}.qr-share-expiry{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.85rem}.qr-login-code-stage{min-height:280px;margin:var(--space-2) 0;border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-md);background:#fff;justify-content:center;align-items:center;padding:12px;display:flex}.qr-login-code-stage img{width:256px;height:256px;image-rendering:pixelated;display:block}.qr-login-code-loading{gap:var(--space-2);background:var(--bg-elev);color:var(--text-dim);flex-direction:column}.qr-login-status{min-height:48px;color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:.88rem;display:flex}.qr-login-status strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:1.2rem}.login-spinner{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.login-bg-orb,.login-card,.login-error{animation:none}.login-spinner{animation-duration:1.5s}}.error{color:var(--danger);font-size:.85rem}.segmented{border-radius:var(--r-md);background:var(--bg-soft);border:1px solid var(--border);margin-top:var(--space-2);align-items:center;gap:2px;width:-moz-fit-content;width:fit-content;padding:4px;display:inline-flex}.segmented-frame{--segmented-fade-surface:var(--bg);position:relative;overflow:hidden}.segmented-frame:before,.segmented-frame:after{content:"";z-index:2;pointer-events:none;opacity:0;width:36px;transition:opacity .22s var(--ease-out);position:absolute;top:0;bottom:0}.segmented-frame:before{background:linear-gradient(to right, var(--segmented-fade-surface) 0, color-mix(in srgb, var(--segmented-fade-surface) 88%, transparent) 24%, color-mix(in srgb, var(--segmented-fade-surface) 46%, transparent) 68%, transparent 100%);left:0}.segmented-frame:after{background:linear-gradient(to left, var(--segmented-fade-surface) 0, color-mix(in srgb, var(--segmented-fade-surface) 88%, transparent) 24%, color-mix(in srgb, var(--segmented-fade-surface) 46%, transparent) 68%, transparent 100%);right:0}.segmented-frame.has-left-fade:before,.segmented-frame.has-right-fade:after{opacity:1}.segmented-option{appearance:none;border-radius:calc(var(--r-md) - 4px);color:var(--text-dim);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex}.segmented-option svg{flex:none;display:block}.segmented-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.2;display:block;overflow:hidden}.segmented-count{border-radius:var(--r-full);background:var(--bg-soft-2);min-width:18px;height:18px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:none;justify-content:center;align-items:center;padding:0 6px;font-size:.68rem;font-weight:800;display:inline-flex}.segmented-option.active .segmented-count{background:var(--accent-soft);color:var(--accent)}.segmented-option:hover:not(.active){color:var(--text);background:var(--bg-soft-2)}.segmented-option.active{background:var(--bg-elev);color:var(--text)}.segmented-option:focus-visible,button:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}.icon-rail{background:#1a1d24f2;border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;display:flex;overflow:hidden auto}.icon-rail::-webkit-scrollbar{display:none}.rail-item{justify-content:center;align-items:center;width:100%;display:flex;position:relative}.rail-item.active .rail-label{color:var(--text-on-accent)}.rail-item.drop-target .rail-btn{background:var(--accent-soft);color:var(--accent);outline:2px dashed var(--accent);outline-offset:-2px}.rail-item.drop-target .rail-label{color:var(--accent)}.icon-rail .rail-btn{width:66px;height:auto;min-height:56px;color:var(--text-dim);cursor:pointer;transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 3px;display:inline-flex;background:0 0!important}.icon-rail .rail-label{letter-spacing:0;text-align:center;white-space:nowrap;text-overflow:clip;max-width:64px;color:inherit;font-size:.58rem;font-weight:500;line-height:1;overflow:hidden}.icon-rail .rail-btn:hover:not(:disabled){color:var(--text-on-accent);border-color:#0000;box-shadow:none!important;filter:none!important;background:0 0!important}.icon-rail .rail-btn:active:not(:disabled){transform:scale(.94);box-shadow:none!important;filter:none!important;background:0 0!important}.icon-rail .rail-btn.active,.icon-rail .rail-item.active .rail-btn{color:var(--text-on-accent);border-color:#0000;box-shadow:none!important;filter:none!important;background:0 0!important}.icon-rail .rail-x{width:18px;min-width:18px;height:18px;min-height:18px;color:var(--text-mute);cursor:pointer;opacity:0;transition:opacity var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:2px;right:-1px;box-shadow:none!important;background:0 0!important}.icon-rail .rail-item:hover .rail-x{opacity:1}.icon-rail .rail-x:hover:not(:disabled){color:var(--text-on-accent);background:0 0!important}.rail-divider{background:var(--hairline);width:28px;height:1px;margin:6px 0}.rail-add{color:var(--text-mute)}.rail-add:hover{color:var(--accent)}.rail-input{border-radius:var(--r-sm);border:1px solid var(--accent);background:var(--bg);width:66px;color:var(--text);text-align:center;outline:none;margin:0 auto;padding:6px 4px;font-size:.7rem}.rail-spacer{flex:auto;min-height:14px}.rail-user-wrap{justify-content:center;width:100%;padding-top:8px;display:flex;position:relative}.rail-user-wrap:before{content:"";background:var(--hairline);height:1px;position:absolute;top:0;left:12px;right:12px}.rail-user{width:48px;height:48px;color:var(--text);cursor:pointer;transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease), transform var(--t-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;padding:0;display:inline-flex}.rail-user:hover,.rail-user[aria-expanded=true]{background:var(--bg-soft);border-color:var(--border)}.rail-user:active{transform:scale(.96)}.rail-user-menu{z-index:90;position:fixed;inset:auto auto 34px 94px}@media (max-width:720px){.rail-user-menu{bottom:12px;left:72px}}.workspace-main{background:var(--bg);backface-visibility:hidden;border-left:0;border-right:0;flex-direction:column;min-width:0;display:flex;position:relative;transform:translateZ(0)}.offline-banner.reconnecting{background:var(--accent);color:#fff}.offline-banner{background:var(--warning);color:#1a1a1a;border-radius:var(--r-full);letter-spacing:.01em;box-shadow:var(--shadow-lg);z-index:200;animation:offlineDrop .22s var(--ease-out);align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;display:inline-flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}@keyframes offlineDrop{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}.toast-host{z-index:100;pointer-events:none;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;bottom:24px;right:24px}.toast{pointer-events:auto;background:var(--bg-elev);color:var(--text);border-radius:var(--r-md);box-shadow:var(--shadow-lg);border:1px solid var(--hairline);animation:toastIn .22s var(--ease-out);align-items:center;gap:10px;padding:10px 12px 10px 14px;font-size:.86rem;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-icon{flex:none}.toast-msg{overflow-wrap:anywhere;flex:1;min-width:0}.toast-close{color:var(--text-mute);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:4px;display:inline-flex}.toast-close:hover{background:var(--bg-soft);color:var(--text)}.toast-action{background:var(--accent-soft);color:var(--accent);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast) var(--ease);border:none;flex:none;padding:4px 10px;font-size:.78rem;font-weight:600}.toast-action:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}.toast-info .toast-icon{color:var(--accent)}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.placeholder{flex:1;justify-content:center;align-items:center;display:flex}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);white-space:nowrap;background:var(--bg-elev);color:var(--text);border:1px solid var(--hairline);pointer-events:none;box-shadow:var(--shadow-sm);z-index:100;animation:tipIn .14s var(--ease) .2s both;border-radius:6px;padding:4px 8px;font-size:.72rem;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes tipIn{0%{opacity:0;transform:translate(-50%)translateY(2px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.placeholder-card{align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;flex-direction:column;max-width:320px;display:flex}.placeholder-icon{border-radius:var(--r-lg);background:var(--bg-soft);width:64px;height:64px;color:var(--accent);place-items:center;display:grid}.placeholder-title{color:var(--text);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.placeholder-hint{color:var(--text-mute);font-size:.85rem;line-height:1.5}.modal-backdrop{background:var(--bg-overlay);z-index:100;animation:fadeIn var(--t-norm) var(--ease-out);-webkit-backdrop-filter:blur(6px);overscroll-behavior:contain;touch-action:manipulation;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--border);min-width:320px;max-width:420px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);animation:modalIn var(--t-norm) var(--ease-out);background:#1e232df2;border-radius:16px;padding:16px}.confirm-message{color:var(--text);margin-bottom:18px;font-size:.96rem;line-height:1.45}.confirm-actions,.modal-actions{justify-content:flex-end;gap:8px;display:flex}.confirm-actions>.btn{min-height:36px;padding:.42rem .78rem;font-size:.88rem}@media (pointer:coarse){.confirm-actions>.btn{min-height:44px}}.shortcuts-modal{background:var(--bg-elev);border:1px solid var(--border);min-width:360px;box-shadow:var(--shadow-lg);animation:modalIn var(--t-norm) var(--ease-out);border-radius:16px;padding:20px 24px 18px}.shortcuts-modal-title{color:var(--text);letter-spacing:-.01em;margin-bottom:14px;font-size:1.05rem;font-weight:700}.shortcuts-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.shortcuts-row{justify-content:space-between;align-items:center;gap:16px;padding:6px 0;display:flex}.shortcuts-label{color:var(--text-dim);font-size:.88rem}.shortcuts-keys{align-items:center;gap:4px;display:inline-flex}.shortcuts-keys kbd{min-width:22px;height:22px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--hairline);letter-spacing:.02em;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:.74rem;font-weight:600;display:inline-flex}@keyframes modalIn{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal{width:100%;max-width:480px;max-height:80vh;box-shadow:var(--shadow-xl);animation:modalIn var(--t-norm) var(--ease-out);background:#1e232df2;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.modal-narrow{border-radius:16px;width:min(92vw,480px);max-width:min(92vw,480px);max-height:min(92vh,760px)}.modal-narrow .modal-body,.modal-narrow .narrow-modal-body{flex-direction:column;align-items:stretch;gap:16px;display:flex}.modal-error{max-width:360px;min-height:180px}.modal.modal-error{width:min(420px, calc(100vw - var(--space-6) - var(--space-6)));max-width:min(420px, calc(100vw - var(--space-6) - var(--space-6)));min-height:min(220px, calc(100vh - var(--space-6) - var(--space-6)));align-items:stretch;padding:0}.modal.modal-error .panel-error{height:auto;min-height:inherit;flex:1}.modal-header{align-items:center;gap:var(--pane-gap);min-height:auto;padding:16px 16px 0;display:flex}.modal-body{padding:16px}.modal-title{letter-spacing:0;font-size:16px;font-weight:600;line-height:1.45}.modal-subtitle{color:var(--text-dim);margin-top:2px;font-size:.82rem}.modal .profile-field{flex-direction:column;gap:8px;display:flex}.modal .icon-btn:not(.icon-btn-sm):not(.icon-btn-md){width:var(--icon-hit);height:var(--icon-hit)}.modal .icon-btn svg{stroke-width:2px;width:18px;height:18px}.modal-header .icon-btn{margin-left:auto;margin-right:calc((var(--icon-hit) - 18px) / -2)}.modal-avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:48px;height:48px;padding:0;position:relative;overflow:hidden}.modal-avatar-btn:disabled{cursor:default}.modal-avatar-btn img{object-fit:cover;width:48px;height:48px;display:block}.modal-avatar-overlay{color:#fff;opacity:0;transition:opacity var(--t-fast) var(--ease);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-avatar-btn:hover:not(:disabled) .modal-avatar-overlay{opacity:1}.modal-title.editable{cursor:pointer;min-width:0;color:var(--text);font:inherit;letter-spacing:0;text-align:left;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:.9rem;font-weight:760;display:inline-flex}.modal-title.editable:hover{color:var(--accent)}.modal-edit-hint{opacity:.4;display:inline-flex}.modal-name-input{width:100%;min-height:44px;color:var(--settings-text,var(--text));border:1px solid var(--settings-stroke,var(--hairline));border-radius:var(--settings-radius-control,var(--r-md));background:#1a1d24;padding:10px 40px 10px 16px;font-size:.95rem;font-weight:500}.modal-name-input:focus{box-shadow:var(--focus-ring);outline:none}.modal-footer,.modal-actions{border-top:1px solid var(--settings-stroke,var(--hairline));justify-content:flex-end;gap:8px;margin:0 16px;padding:16px 0;display:flex}.modal .modal-add-button{align-self:center}.modal .modal-add-button svg{width:16px;height:16px}.modal :where(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select){border-radius:var(--settings-radius-control,var(--r-md));border:1px solid var(--settings-stroke,var(--hairline));width:100%;min-height:44px;color:var(--settings-text,var(--text));transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);background:#1a1d24;padding:10px 40px 10px 16px;font-family:inherit;font-size:.95rem;font-weight:500}.modal :where(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select):focus{border-color:var(--settings-accent,var(--accent));box-shadow:var(--settings-focus,var(--focus-ring));outline:none}.modal .segmented{background:var(--settings-input,#1a1d24);border:1px solid var(--settings-stroke,var(--hairline));border-radius:var(--settings-radius-control,8px);align-items:center;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:0;padding:4px;display:inline-flex}.modal .segmented-option{min-height:32px;color:var(--settings-text-dim,var(--text-dim));background:0 0;border:0;border-radius:6px;padding:6px 16px;font-size:.82rem;font-weight:500}.modal .segmented-option:hover:not(.active){background:var(--settings-surface-hover,#ffffff0d);color:var(--settings-text,var(--text))}.modal .segmented-option.active{color:var(--settings-text,var(--text));box-shadow:none;background:#272c35}.modal-error{padding:0 var(--pane-x) var(--pane-y)}.modal.modal-error{padding:0}.dm-body{gap:var(--pane-y);flex-direction:column;display:flex}.dm-mode{width:-moz-fit-content;width:fit-content;margin-top:0}.dm-field{gap:var(--pane-y);width:100%;color:var(--text-dim);flex-direction:column;font-size:.82rem;font-weight:500;display:flex}.dm-field input{border-radius:var(--settings-radius-control,var(--r-md));border:1px solid var(--settings-stroke,var(--hairline));width:100%;min-height:44px;color:var(--settings-text,var(--text));transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);background:#1a1d24;outline:none;padding:10px 40px 10px 16px;font-family:inherit;font-size:.95rem;font-weight:500}.dm-field>.alias-field{width:100%}.dm-field>.alias-field.has-fixed-prefix input{padding-left:34px}.dm-field input:focus{border-color:var(--border-strong);box-shadow:var(--focus-ring);background:#1a1d24}.dm-submit{min-height:40px;padding:0 var(--pane-x)}.pinned-section{border-bottom:1px solid var(--hairline);padding:16px}.pinned-section-head{align-items:center;gap:var(--space-2);color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-size:.78rem;font-weight:600;display:flex}.pinned-section-head svg{color:var(--accent)}.pinned-list{gap:var(--space-1);flex-direction:column;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pinned-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--bg-elev);border-left:3px solid var(--accent);padding-right:var(--space-2);transition:background var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease);display:flex;overflow:hidden}.pinned-item-kind{margin-left:var(--space-3);color:var(--accent);flex:none}.pinned-item-kind-missed-call,.pinned-item-kind-missed-video-call{color:var(--danger)}:is(.pinned-item:has(.pinned-item-main:hover),.pinned-item:has(.pinned-item-main:focus-visible)){background:var(--bg-soft)}.pinned-item-main{text-align:left;cursor:pointer;min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) 0;color:inherit;font:inherit;background:0 0;border:0;flex-direction:column;flex:auto;gap:2px;display:flex}.pinned-item-head{align-items:center;gap:var(--space-2);min-width:0;display:flex}.pinned-item-sender{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.pinned-item-time{color:var(--text-mute);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.72rem;line-height:1.3}.pinned-item-time:before{content:"·";margin-right:var(--space-2);color:var(--text-mute)}.pinned-item-body{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.pinned-item-unpin{border-radius:var(--r-full);width:36px;height:36px}.invite-row{gap:var(--pane-gap);border-bottom:1px solid var(--hairline);padding:16px;display:flex}.invite-row input{border-radius:var(--settings-radius-control,var(--r-md));border:1px solid var(--settings-stroke,var(--hairline));min-height:44px;color:var(--settings-text,var(--text));transition:border-color var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);background:#1a1d24;flex:1;padding:10px 40px 10px 16px;font-size:.95rem;font-weight:500}.invite-row input:focus{border-color:var(--accent);box-shadow:var(--focus-ring);outline:none}.invite-row button{flex-shrink:0}.knock-section{padding:var(--pane-section-y) var(--pane-x);border-bottom:1px solid var(--hairline)}.knock-list{gap:var(--space-1);flex-direction:column;display:flex}.knock-section-hint{margin:0 0 var(--space-2);color:var(--text-dim);font-size:.78rem;line-height:1.4}.knock-row{align-items:center;gap:var(--pane-gap);min-height:56px;padding:var(--pane-y) 0;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease);background:0 0;display:flex}.knock-row:hover{background:color-mix(in srgb, var(--bg-soft) 42%, transparent)}.knock-row-body{flex:1;min-width:0}.knock-actions{align-items:center;gap:var(--space-1);display:flex}.knock-action.icon-btn{width:var(--icon-hit);height:var(--icon-hit);border-radius:50%}.knock-action.approve:hover:not(:disabled){background:color-mix(in srgb, var(--success) 14%, transparent);color:var(--success)}.knock-action.decline:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}@media (max-width:720px){.modal.media-browser{border-radius:14px;width:calc(100vw - 16px);max-width:none;max-height:88dvh}.media-tabs .segmented-option{min-height:38px}.media-body{min-height:220px;padding:14px var(--pane-x)}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.media-row,.media-link-row{padding:10px}.knock-row{flex-direction:column;align-items:stretch}.knock-actions{justify-content:flex-end}}.members{padding:var(--pane-y) 0;overflow:hidden auto}.member-section{border-top:1px solid var(--hairline)}.member-section-title{padding:10px var(--pane-x) 4px;color:var(--text-mute);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:750}.member-section .members{padding-top:0}.member{align-items:center;gap:var(--pane-gap);min-height:56px;padding:var(--pane-y) var(--pane-x);width:100%;color:inherit;text-align:left;cursor:default;font:inherit;background:0 0;border:none;display:flex;position:relative}button.member{cursor:pointer;transition:background var(--t-fast) var(--ease)}button.member:hover:not(:disabled){background:var(--bg-hover)}.member-body{flex:1;min-width:0}.member-name{align-items:center;gap:var(--space-2);letter-spacing:-.005em;font-size:.88rem;font-weight:500;display:flex}.member-meta{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.member-tag{flex:none}.member-menu-wrap{flex:none;position:relative}.member-menu-wrap .member-menu-button{color:var(--text-mute)}.member-menu-wrap .member-menu-button[aria-expanded=true]{background:var(--bg-soft);color:var(--text)}.room-settings-section{padding:14px var(--pane-x);border-top:1px solid var(--hairline);flex-direction:column;gap:10px;display:flex}.invite-screen{padding:var(--space-6) var(--pane-x);flex:1;justify-content:center;align-items:center;display:flex}.invite-screen .messages-empty{width:min(100%,360px);max-width:360px}.invite-actions{align-items:stretch;gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;width:100%;max-width:320px;display:flex}.modal.media-browser{background:var(--bg-elev);border-color:var(--border-strong);border-radius:16px;max-width:720px;max-height:min(760px,84vh)}.media-browser-header{min-height:54px;padding:var(--pane-y) var(--pane-x);border-bottom:1px solid var(--hairline)}.media-browser-header .modal-title{letter-spacing:0;font-size:16px;font-weight:600;line-height:1.45}.media-browser-header .icon-btn{width:var(--icon-hit);height:var(--icon-hit)}.media-tabs-frame{--segmented-fade-surface:color-mix(in srgb, var(--bg) 88%, var(--bg-soft));max-width:calc(100% - var(--pane-x) * 2);margin:10px var(--pane-x);border-radius:14px;flex-shrink:0;overflow:hidden}.media-tabs{border:1px solid var(--hairline);background:color-mix(in srgb, var(--bg-soft) 38%, transparent);scrollbar-width:none;box-sizing:border-box;border-radius:14px;gap:0;width:100%;max-width:100%;margin-top:0;padding:4px;display:flex;overflow-x:auto}.media-tabs::-webkit-scrollbar{display:none}.media-tabs .segmented-option{border:1px solid #0000;border-radius:10px;flex:none;min-width:max-content;min-height:36px;padding:0 10px;font-size:.78rem;font-weight:700}.media-tabs .segmented-option:hover:not(.active){background:color-mix(in srgb, var(--bg-soft) 78%, transparent);color:var(--text)}.media-tabs .segmented-option.active{background:color-mix(in srgb, var(--accent) 12%, var(--bg-elev-2));color:var(--text);border-color:color-mix(in srgb, var(--accent) 24%, transparent)}.media-body{padding:16px var(--pane-x);flex:auto;min-height:210px;overflow-y:auto}.media-empty{min-height:170px;padding:32px var(--pane-x);border:1px dashed var(--hairline);background:color-mix(in srgb, var(--bg-soft) 44%, transparent);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.media-empty span{color:var(--text);font-size:.9rem;font-weight:750}.media-empty p{max-width:34ch;color:var(--text-mute);margin:0;font-size:.8rem;line-height:1.45}.media-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px;display:grid}.media-tile{aspect-ratio:1;background:var(--bg-hover);border-radius:var(--r-md);cursor:pointer;border:0;padding:0;display:block;position:relative;overflow:hidden}.media-tile img{object-fit:cover;width:100%;height:100%;display:block}.media-tile-loading{background:linear-gradient(90deg, var(--bg-hover) 0%, var(--bg-elev) 50%, var(--bg-hover) 100%);background-size:200% 100%;width:100%;height:100%;animation:1.4s infinite shimmer}.media-tile-video-fallback{background:color-mix(in srgb, var(--bg-soft) 72%, transparent);width:100%;height:100%}@keyframes shimmer{to{background-position:-200% 0}}.media-tile-video:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000073 100%);position:absolute;inset:0}.media-tile-play{color:#fff;z-index:1;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-tile-duration{z-index:1;color:#fff;border-radius:var(--r-sm);font-variant-numeric:tabular-nums;background:#0000008c;padding:1px 6px;font-size:.7rem;position:absolute;bottom:6px;right:6px}.media-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.media-row{border-radius:var(--r-md);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);border:1px solid var(--border);align-items:center;gap:10px;padding:8px 10px;display:flex}.media-file-icon{border-radius:var(--r-md);background:var(--bg-hover);width:32px;height:32px;color:var(--text-dim);cursor:default;border:0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.media-row-body{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.media-row-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;overflow:hidden}.media-row-meta{color:var(--text-mute);font-size:.74rem}.media-audio-player{width:min(100%,420px);height:34px}.media-audio-loading{color:var(--text-mute);align-items:center;gap:6px;font-size:.78rem;display:inline-flex}.media-link-row{border-radius:var(--r-md);background:color-mix(in srgb, var(--bg-soft) 72%, transparent);border:1px solid var(--border);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.media-link-main{color:inherit;flex-direction:column;min-width:0;text-decoration:none;display:flex}.media-link-host{color:var(--accent);font-size:.82rem;font-weight:600}.media-link-url{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.media-footer{padding:10px var(--pane-x);border-top:1px solid var(--hairline);flex-shrink:0;justify-content:flex-end;display:flex}.media-footer-end{color:var(--text-mute);font-size:.78rem}.threads-section{border-bottom:1px solid var(--hairline);padding:16px}.threads-list{gap:var(--space-1);flex-direction:column;max-height:320px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.threads-item{text-align:left;background:var(--bg-elev);border:1px solid var(--hairline);border-left:4px solid color-mix(in srgb, var(--accent) 42%, transparent);border-radius:var(--r-md);width:100%;padding:var(--space-2) var(--space-3);font:inherit;color:inherit;cursor:pointer;transition:background var(--t-fast) var(--ease);flex-direction:column;gap:2px;display:flex}.threads-item:hover{background:var(--bg-hover)}.threads-item-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.threads-item-sender{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:600;overflow:hidden}.threads-item-meta{color:var(--text-mute);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.72rem}.threads-item-body{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.threads-item.unread{border-left-color:var(--accent)}.threads-item.unread .threads-item-body{color:var(--text);font-weight:500}.threads-item-dot{background:var(--accent);vertical-align:middle;opacity:0;width:7px;height:7px;transition:opacity var(--t-fast) var(--ease);border-radius:50%;margin-left:6px;display:inline-block}.threads-item-dot.visible{opacity:1}@media (max-width:720px){.modal-backdrop{-webkit-backdrop-filter:blur(4px);justify-content:stretch;align-items:flex-end}.modal-backdrop>.modal:not(.modal-no-sheet){width:100%;max-width:100%;max-height:92vh;animation:sheetSlideIn var(--t-norm) var(--ease-out);padding-bottom:env(safe-area-inset-bottom,0);border-bottom:none;border-radius:16px 16px 0 0}.modal-backdrop>.modal:not(.modal-no-sheet):before{content:"";background:var(--border-strong);border-radius:999px;flex-shrink:0;width:40px;height:4px;margin:8px auto 0;display:block}.modal-backdrop>.confirm-dialog{width:100%;max-width:100%;animation:sheetSlideIn var(--t-norm) var(--ease-out);border-radius:16px 16px 0 0;padding:16px}.modal-backdrop>.shortcuts-modal{width:100%;max-width:100%;animation:sheetSlideIn var(--t-norm) var(--ease-out);padding-bottom:calc(env(safe-area-inset-bottom,0) + 18px);border-radius:16px 16px 0 0}}@keyframes sheetSlideIn{0%{opacity:.6;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.chatlist-items::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar{width:8px}.members::-webkit-scrollbar{width:8px}.emoji-grid::-webkit-scrollbar{width:8px}.composer-input textarea::-webkit-scrollbar{width:8px}.chatlist-items::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.messages::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.members::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.emoji-grid::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.composer-input textarea::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.chatlist-items::-webkit-scrollbar-thumb:hover{background:var(--text-mute);background-clip:padding-box;border:2px solid #0000}.messages::-webkit-scrollbar-thumb:hover{background:var(--text-mute);background-clip:padding-box;border:2px solid #0000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes highlightFlash{0%,to{background:0 0}20%{background:var(--accent-grad-soft)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.error-screen{background:var(--page-mesh);z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.error-card{background:var(--bg);width:100%;max-width:460px;box-shadow:var(--shadow-lg);text-align:center;animation:fadeUp .32s var(--ease-out);border-radius:18px;flex-direction:column;align-items:center;padding:28px 28px 24px;display:flex}.error-icon{background:color-mix(in srgb, var(--danger) 12%, transparent);width:56px;height:56px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.error-title{letter-spacing:-.02em;color:var(--text);margin:0 0 8px;font-size:1.25rem;font-weight:700}.error-message{color:var(--text-dim);word-break:break-word;max-width:380px;margin:0 0 22px;font-size:.9rem;line-height:1.45}.error-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:12px;display:flex}.error-actions .btn{align-items:center;gap:6px;display:inline-flex}.error-details-toggle{color:var(--text-mute);cursor:pointer;border-radius:var(--r-sm);transition:color var(--t-fast) var(--ease), background var(--t-fast) var(--ease);background:0 0;border:none;align-items:center;gap:4px;margin-top:4px;padding:6px 10px;font-size:.78rem;display:inline-flex}.error-details-toggle:hover{color:var(--text);background:var(--bg-soft)}.error-stack{background:var(--bg-elev-2);border-radius:var(--r-sm);width:100%;max-height:220px;color:var(--text-dim);text-align:left;white-space:pre-wrap;word-break:break-word;margin-top:12px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;line-height:1.45;overflow:auto}html,body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0}