:root{--bg: #f4f6f9;--surface: #ffffff;--surface-warm: var(--surface);--surface-2: #f7f9fc;--surface-3: #eef1f6;--fg: #0f1115;--fg-2: color-mix(in oklab, var(--fg), transparent 22%);--muted: #707684;--meta: var(--muted);--border: #e6e9ee;--border-soft: color-mix(in oklab, var(--border), transparent 40%);--hairline: color-mix(in oklab, var(--fg), transparent 92%);--accent: #2f6feb;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), black 8%);--accent-active: color-mix(in oklab, var(--accent), black 14%);--accent-light: color-mix(in oklab, var(--accent), transparent 90%);--accent-tint: color-mix(in oklab, var(--accent), transparent 94%);--success: #17a34a;--warn: #eab308;--danger: #dc2626;--font-display: "Inter", -apple-system, system-ui, sans-serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 48px;--text-4xl: 64px;--leading-body: 1.5;--leading-tight: 1.2;--tracking-display: -.01em;--tracking-tight: -.014em;--tracking-snug: -.006em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-20: 80px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 9999px;--elev-flat: none;--elev-ring: 0 0 0 1px var(--border);--elev-sm: 0 1px 1px color-mix(in oklab, var(--fg), transparent 90%), 0 1px 2px color-mix(in oklab, var(--fg), transparent 92%);--elev-raised: 0 1px 1px color-mix(in oklab, var(--fg), transparent 88%), 0 4px 10px color-mix(in oklab, var(--fg), transparent 90%), 0 10px 24px color-mix(in oklab, var(--fg), transparent 93%);--elev-pop: 0 0 0 1px var(--hairline), 0 2px 6px color-mix(in oklab, var(--fg), transparent 86%), 0 12px 32px color-mix(in oklab, var(--fg), transparent 82%), 0 24px 56px color-mix(in oklab, var(--fg), transparent 88%);--elev-overlay: 0 8px 24px color-mix(in oklab, var(--fg), transparent 80%), 0 32px 72px color-mix(in oklab, var(--fg), transparent 78%);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px color-mix(in oklab, var(--accent), transparent 50%);--wallpaper-base: color-mix(in oklab, var(--accent), transparent 96%);--wallpaper-ink: color-mix(in oklab, var(--accent), transparent 78%);--motion-fast: .14s;--motion-base: .22s;--motion-slow: .36s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-max: 1200px;--container-gutter-desktop: 24px;--container-gutter-tablet: 16px;--container-gutter-phone: 12px}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--bg: #0e1116;--surface: #161a21;--surface-warm: #1b2029;--surface-2: #1b2029;--surface-3: #222834;--fg: #eef1f6;--fg-2: color-mix(in oklab, var(--fg), transparent 26%);--muted: #8a93a3;--meta: var(--muted);--border: #272d38;--border-soft: color-mix(in oklab, var(--border), transparent 40%);--hairline: color-mix(in oklab, white, transparent 90%);--accent: #3b82f6;--accent-on: #ffffff;--accent-hover: color-mix(in oklab, var(--accent), white 10%);--accent-active: color-mix(in oklab, var(--accent), white 16%);--accent-light: color-mix(in oklab, var(--accent), transparent 86%);--accent-tint: color-mix(in oklab, var(--accent), transparent 88%);--success: color-mix(in oklab, #17a34a, white 18%);--warn: color-mix(in oklab, #eab308, white 16%);--danger: color-mix(in oklab, #dc2626, white 14%);--elev-ring: 0 0 0 1px var(--border);--elev-sm: 0 1px 2px color-mix(in oklab, black, transparent 50%);--elev-raised: 0 1px 2px color-mix(in oklab, black, transparent 40%), 0 8px 22px color-mix(in oklab, black, transparent 46%), 0 18px 44px color-mix(in oklab, black, transparent 58%);--elev-pop: 0 0 0 1px var(--hairline), 0 8px 24px color-mix(in oklab, black, transparent 34%), 0 24px 64px color-mix(in oklab, black, transparent 40%);--elev-overlay: 0 16px 48px color-mix(in oklab, black, transparent 28%), 0 40px 96px color-mix(in oklab, black, transparent 34%);--focus-ring: 0 0 0 2px var(--surface), 0 0 0 4px color-mix(in oklab, var(--accent), transparent 46%);--wallpaper-base: color-mix(in oklab, var(--accent), transparent 90%);--wallpaper-ink: color-mix(in oklab, white, transparent 88%)}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv05" 1,"cv11" 1,"ss01" 1,"calt" 1;font-optical-sizing:auto;overflow:hidden}h1,h2,h3,.name,.eyebrow{letter-spacing:var(--tracking-tight)}#root{height:100dvh;width:100%}@keyframes reactionPop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes voiceBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.app{display:grid;height:100dvh;min-height:0;overflow:hidden;background:var(--bg);grid-template-columns:72px minmax(320px,390px) minmax(0,1fr)}.app[data-side-panel=open]{grid-template-columns:72px minmax(320px,390px) minmax(0,1fr) minmax(300px,340px)}.app[data-side-panel=closed]{grid-template-columns:72px minmax(320px,390px) minmax(0,1fr)}.app[data-side-panel=closed] .side{display:none}@media(max-width:1180px){.app{grid-template-columns:64px minmax(280px,320px) minmax(0,1fr)}.app[data-side-panel=open]{grid-template-columns:64px minmax(280px,320px) minmax(0,1fr) minmax(248px,280px)}.app[data-side-panel=closed]{grid-template-columns:64px minmax(280px,320px) minmax(0,1fr)}}@media(max-width:1023px){.app,.app[data-side-panel=open]{grid-template-columns:64px minmax(280px,320px) minmax(0,1fr)}}@media(max-width:820px){.app,.app[data-side-panel=open]{grid-template-columns:56px minmax(0,1fr)}}@media(max-width:430px){.app,.app[data-side-panel=open]{grid-template-columns:1fr}}*{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--fg),transparent 80%) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--fg),transparent 86%);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklab,var(--fg),transparent 72%);background-clip:padding-box}::-moz-selection{background:color-mix(in oklab,var(--accent),transparent 74%);color:var(--fg)}::selection{background:color-mix(in oklab,var(--accent),transparent 74%);color:var(--fg)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}@keyframes msgIn{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-body);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;cursor:pointer}svg{width:18px;height:18px;display:block}.video-icon,.phone-icon{width:20px;height:20px;stroke-width:2}.app{height:100dvh;min-height:0;display:grid;grid-template-columns:72px minmax(320px,390px) minmax(0,1fr) minmax(300px,340px);background:var(--bg);overflow:hidden}.rail{min-height:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-2);gap:var(--space-3);overflow:auto}.brand{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 14%),var(--accent) 62%);color:var(--accent-on);font:700 18px/1 var(--font-display);margin-bottom:var(--space-3);box-shadow:var(--elev-sm),0 4px 12px color-mix(in oklab,var(--accent),transparent 72%)}.rail-btn{position:relative;width:44px;height:44px;border-radius:var(--radius-md);background:transparent;color:var(--muted);display:grid;place-items:center;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.rail-btn:hover{background:color-mix(in oklab,var(--fg),transparent 94%);color:var(--fg)}.rail-btn.active{background:var(--accent-tint);color:var(--accent)}.rail-btn.active:after{content:"";position:absolute;left:-8px;top:50%;height:20px;width:3px;transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--accent)}.rail-btn:active{transform:translateY(1px)}.rail-spacer{flex:1}.pane{min-width:0;min-height:0;border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column}.pane-head{padding:var(--space-5) var(--space-5) var(--space-3);border-bottom:1px solid var(--border-soft)}.title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}h1,h2,h3{font-family:var(--font-display);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);margin:0}h1{font-size:var(--text-2xl);font-weight:600}h2{font-size:var(--text-lg);font-weight:600}h3{font-size:var(--text-base);font-weight:600}.eyebrow{color:var(--muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.icon-btn{width:44px;height:44px;min-width:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:transparent;color:var(--muted);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-spring)}.icon-btn:hover{background:color-mix(in oklab,var(--fg),transparent 94%);color:var(--fg)}.icon-btn:active{transform:scale(.92)}.search{display:flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--muted)}.search input{width:100%;border:0;outline:0;background:transparent;color:var(--fg);min-width:0}.tabs{display:flex;gap:var(--space-2);padding-top:var(--space-3)}.tab{padding:6px 14px;min-height:44px;border-radius:var(--radius-pill);background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-snug);transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.tab:hover{color:var(--fg);background:color-mix(in oklab,var(--fg),transparent 95%)}.tab.active{background:var(--accent-tint);color:var(--accent)}.folder-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.folder-tabs::-webkit-scrollbar{display:none}.folder-tab{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;max-width:180px}.folder-tab-emoji{font-size:.95em;line-height:1}.folder-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-tab-count{min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:color-mix(in oklab,currentColor,transparent 86%);font-size:var(--text-xs);font-weight:700;line-height:1}.folder-tab.active .folder-tab-count{background:color-mix(in oklab,var(--accent),transparent 80%);color:var(--accent)}.folder-tab-unread{background:var(--accent);color:#fff;box-shadow:0 0 0 2px color-mix(in oklab,var(--accent),transparent 70%)}.folder-tab.active .folder-tab-unread{background:var(--accent);color:#fff}.folder-rule-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.folder-rule-chip:hover{border-color:color-mix(in oklab,var(--accent),transparent 50%)}.folder-rule-chip:has(input:checked){border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.folder-rule-chip input{accent-color:var(--accent);margin:0}.folder-tab-add{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:6px;min-width:36px;color:var(--muted)}.folder-tab-add:hover{color:var(--accent);background:var(--accent-tint)}.folder-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--bg);transition:border-color var(--motion-fast) var(--ease-standard)}.folder-row:hover{border-color:color-mix(in oklab,var(--accent),transparent 70%)}.folder-row-emoji{font-size:1.25rem;line-height:1;width:28px;text-align:center;flex-shrink:0}.folder-row-title{flex:1;min-width:0;font-weight:600;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-row-count{min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--accent-tint);color:var(--accent);font-size:var(--text-xs);font-weight:700;flex-shrink:0}.folder-row-actions{display:flex;gap:6px;flex-shrink:0}.folder-edit-input{width:100%}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px}.emoji-choice{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface);color:var(--muted);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.emoji-choice:hover{transform:translateY(-1px);border-color:color-mix(in oklab,var(--accent),transparent 60%)}.emoji-choice.active{border-color:var(--accent);background:var(--accent-tint);box-shadow:0 0 0 1px var(--accent)}.chat-list{min-height:0;overflow:auto;padding:var(--space-2)}.chat-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border-radius:var(--radius-md);background:transparent;color:inherit;width:100%;text-align:left;position:relative;transition:background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.chat-item:hover{background:color-mix(in oklab,var(--fg),transparent 96%)}.chat-item.active{background:var(--accent-tint)}.chat-item.active:before{content:"";position:absolute;left:3px;top:50%;height:22px;width:3px;transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--accent)}.chat-signals{display:grid;justify-items:end;gap:4px}.mute-chip,.mention-chip{min-height:20px;border-radius:var(--radius-pill);display:inline-grid;place-items:center;font:800 var(--text-xs)/1 var(--font-mono)}.mute-chip{min-width:24px;padding:0 6px;border:1px solid var(--border);color:var(--muted);background:var(--surface)}.mention-chip{min-width:24px;padding:0 7px;color:var(--accent-on);background:var(--danger)}.pin-indicator{display:inline-grid;place-items:center;color:var(--muted)}.avatar{width:44px;height:44px;border-radius:var(--radius-pill);display:grid;place-items:center;color:var(--accent-on);background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 12%),var(--accent) 58%,color-mix(in oklab,var(--accent),black 8%));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fg),transparent 88%);font-weight:700;letter-spacing:var(--tracking-display);flex:0 0 auto;overflow:hidden}.chat-item .avatar .online{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--success);border:2px solid var(--surface)}.preview .typing{color:var(--accent);font-style:italic}.text-center{text-align:center}.chat-main{min-width:0}.chat-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.time{color:var(--muted);font:500 var(--text-xs)/1 var(--font-mono);font-variant-numeric:tabular-nums}.preview{color:var(--muted);font-size:var(--text-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}.badge{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 8%),var(--accent) 64%);color:var(--accent-on);box-shadow:0 2px 6px color-mix(in oklab,var(--accent),transparent 70%);display:grid;place-items:center;font:700 var(--text-xs)/20px var(--font-mono)}.workspace{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg);position:relative;flex:1 1 0}.chat-head{min-height:73px;border-bottom:1px solid var(--hairline);background:color-mix(in oklab,var(--surface),transparent 28%);backdrop-filter:saturate(1.4) blur(20px);-webkit-backdrop-filter:saturate(1.4) blur(20px);padding:var(--space-3) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);z-index:2}.peer{display:flex;align-items:center;gap:var(--space-3);min-width:0}.status{color:var(--muted);font-size:var(--text-sm);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--success);display:inline-block}.head-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;flex:0 0 auto}.messages{flex:1;min-height:0;overflow:auto;padding:var(--chat-pad, var(--space-6));display:flex;flex-direction:column;gap:var(--chat-gap, var(--space-2));position:relative;isolation:isolate;z-index:1;background:transparent}.chat-pane{background:radial-gradient(circle at 18% 12%,var(--wallpaper-base),transparent 34%),radial-gradient(circle at 88% 18%,color-mix(in oklab,var(--success),transparent 95%),transparent 28%),linear-gradient(135deg,color-mix(in oklab,var(--surface),var(--accent) 3%),var(--bg))}.app[data-density=compact]{--chat-pad: var(--space-4);--chat-gap: 6px}.app[data-density=comfortable]{--chat-pad: var(--space-8);--chat-gap: var(--space-3)}.app[data-text-size=small]{--chat-text-size: var(--text-sm)}.app[data-text-size=medium]{--chat-text-size: var(--text-base)}.app[data-text-size=large]{--chat-text-size: var(--text-lg)}.app[data-wallpaper=none] .chat-pane{background:var(--bg)}.app[data-wallpaper=none] .chat-pane:before,.app[data-wallpaper=none] .chat-pane:after{display:none}.app[data-wallpaper=soft]{--wallpaper-base: color-mix(in oklab, var(--success), transparent 94%);--wallpaper-ink: color-mix(in oklab, var(--muted), transparent 82%)}.app[data-wallpaper=signal]{--wallpaper-base: color-mix(in oklab, var(--warn), transparent 93%);--wallpaper-ink: color-mix(in oklab, var(--accent), transparent 70%)}.chat-pane:before,.chat-pane:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--wallpaper-ink)}.chat-pane:before{-webkit-mask-image:url(/wallpaper-tile.svg);mask-image:url(/wallpaper-tile.svg);-webkit-mask-size:280px 280px;mask-size:280px 280px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.chat-pane:after{display:none}.messages>*{position:relative;z-index:1}.chat-pane>.search{position:relative;z-index:1}.messages>article{display:flex;flex-direction:column}.day,.unread-divider{align-self:center;color:var(--muted);font:600 var(--text-xs)/1 var(--font-mono);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);margin:var(--space-2) 0}.unread-divider{width:min(520px,88%);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 74%);background:color-mix(in oklab,var(--accent),transparent 94%)}.unread-divider:before,.unread-divider:after{content:"";height:1px;flex:1;background:color-mix(in oklab,var(--accent),transparent 78%)}.system-message{align-self:center;max-width:min(520px,88%);text-align:center;color:var(--muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);margin:var(--space-2) 0;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface),transparent 18%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.msg{position:relative;max-width:min(620px,72%);padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--bubble-radius, 18px);background:var(--surface);box-shadow:var(--elev-sm);transition:transform var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard);touch-action:pan-y;font-size:var(--chat-text-size, var(--text-base))}.msg.out{align-self:flex-end;background:linear-gradient(180deg,color-mix(in oklab,var(--accent),transparent 86%),color-mix(in oklab,var(--accent),transparent 90%));border-color:color-mix(in oklab,var(--accent),transparent 72%)}.msg.in{align-self:flex-start}.msg.grouped{margin-top:calc(2px - var(--chat-gap, var(--space-2)))}.msg.in.grp{margin-left:40px}.msg-gutter-avatar{position:absolute;left:-40px;bottom:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff;font:600 var(--text-sm) / 1 var(--font-display);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.msg-gutter-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app[data-bubble-style=soft]{--bubble-radius: 20px}.app[data-bubble-style=compact]{--bubble-radius: var(--radius-sm)}.app[data-bubble-style=outline] .msg{background:color-mix(in oklab,var(--surface),transparent 6%)}.app[data-bubble-style=outline] .msg.out{background:var(--surface);border-color:var(--accent)}.msg:hover,.msg:focus-within{transform:translateY(-1px);border-color:color-mix(in oklab,var(--accent),transparent 62%);box-shadow:var(--elev-raised)}.msg.swiping{transition:none}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere}.msg-label{margin-bottom:5px;color:var(--accent);font-size:var(--text-xs);font-weight:700}.msg-reply{display:grid;gap:2px;margin-bottom:7px;padding:7px 9px;border-left:3px solid var(--accent);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent),transparent 93%)}.msg-reply strong{color:var(--fg);font-size:var(--text-xs)}.msg-reply span{color:var(--muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-tools{display:flex;gap:4px;justify-content:flex-end;opacity:.72;margin-top:6px;transition:opacity var(--motion-fast) var(--ease-standard)}.msg:hover .msg-tools,.msg:focus-within .msg-tools{opacity:1}.mini-btn{min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:color-mix(in oklab,var(--surface),transparent 6%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--elev-sm);color:var(--muted);display:inline-grid;place-items:center;font-size:var(--text-sm);font-weight:700;line-height:1;transition:transform var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.mini-btn:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 50%);background:var(--surface);transform:translateY(-1px);box-shadow:var(--elev-raised)}.mini-btn:active{transform:translateY(0) scale(.96)}.mini-btn.danger{color:var(--danger)}.mini-btn.danger:hover{color:var(--danger);border-color:color-mix(in oklab,var(--danger),transparent 50%);background:color-mix(in oklab,var(--danger),transparent 92%)}.comments-affordance{display:inline-flex;align-items:center;gap:6px;margin:4px 0 2px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:color-mix(in oklab,var(--surface),transparent 6%);color:var(--muted);font-size:var(--text-xs);font-weight:600;line-height:1;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.comments-affordance:hover{color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 50%);background:var(--surface)}.msg .meta{margin-top:4px;color:var(--muted);font:500 var(--text-xs)/1 var(--font-mono);text-align:right;display:flex;justify-content:flex-end;gap:6px;align-items:center}.read-state{color:var(--accent);letter-spacing:-.08em}.delivery-state{color:var(--muted);letter-spacing:-.08em}.reaction-row{display:flex;gap:4px;margin-top:6px}.reaction{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-pill);min-height:32px;padding:4px 10px;font-size:var(--text-xs);animation:reactionPop var(--motion-base) var(--ease-standard)}.pinned-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline);background:color-mix(in oklab,var(--surface),transparent 24%);backdrop-filter:saturate(1.3) blur(16px);-webkit-backdrop-filter:saturate(1.3) blur(16px)}.pinned-strip strong{font-size:var(--text-sm)}.pinned-strip span{min-width:0;color:var(--muted);font-size:var(--text-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pin-count{color:var(--accent);font:700 var(--text-xs)/1 var(--font-mono);padding:3px 7px;border:1px solid color-mix(in oklab,var(--accent),transparent 74%);border-radius:var(--radius-pill);background:var(--surface)}.jump-bottom{position:absolute;right:var(--space-5);bottom:92px;z-index:8;min-width:46px;height:46px;border-radius:var(--radius-pill);border:1px solid var(--hairline);background:color-mix(in oklab,var(--surface),transparent 6%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--accent);box-shadow:var(--elev-pop);display:none;place-items:center;font:800 var(--text-lg)/1 var(--font-display);transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.jump-bottom:hover{transform:translateY(-2px);background:var(--surface)}.jump-bottom:active{transform:scale(.94)}.jump-bottom.active{display:grid;animation:msgIn var(--motion-base) var(--ease-out)}.jump-bottom .badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;font-size:10px;line-height:18px}.voice-card,.attachment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);margin-top:var(--space-2)}.attachment-card.uploading{border-color:color-mix(in oklab,var(--accent),transparent 60%);background:color-mix(in oklab,var(--accent),transparent 95%)}.attachment-card.failed{border-color:color-mix(in oklab,var(--danger),transparent 52%);background:color-mix(in oklab,var(--danger),transparent 95%)}.attachment-main{min-width:0;display:grid;gap:5px}.attachment-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:650;color:var(--fg)}.attachment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:var(--text-xs)}.attachment-progress{grid-column:1 / -1;height:4px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--border),transparent 35%);overflow:hidden}.attachment-progress span{display:block;height:100%;width:var(--upload-progress, 0%);border-radius:inherit;background:var(--accent);transition:width var(--motion-base) var(--ease-standard)}.attachment-card.failed .attachment-progress span{background:var(--danger)}.attachment-badge{padding:2px 6px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);font:700 10px/1 var(--font-mono);color:var(--muted)}.attachment-card.failed .attachment-badge{color:var(--danger);border-color:color-mix(in oklab,var(--danger),transparent 60%)}.attachment-card.downloaded .attachment-badge{color:var(--success);border-color:color-mix(in oklab,var(--success),transparent 60%)}.voice-card{grid-template-columns:40px minmax(0,1fr) auto;align-items:center}.voice-card.playing{border-color:color-mix(in oklab,var(--accent),transparent 64%);background:color-mix(in oklab,var(--accent),transparent 95%)}.voice-play{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);display:grid;place-items:center;font:800 var(--text-sm)/1 var(--font-display)}.voice-main{min-width:0;display:grid;gap:6px}.voice-track{position:relative;height:34px;display:flex;align-items:center;cursor:pointer;touch-action:none}.voice-fill{position:absolute;left:0;top:50%;width:var(--voice-progress, 0%);height:3px;transform:translateY(-50%);border-radius:var(--radius-pill);background:var(--accent);opacity:.28;pointer-events:none}.voice-meta{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--muted);font:600 var(--text-xs)/1 var(--font-mono)}.wave{height:28px;display:flex;align-items:center;gap:3px}.wave i{width:3px;border-radius:var(--radius-pill);background:var(--accent);opacity:.75}.voice-card.playing .wave i{animation:voiceBar .9s ease-in-out infinite}.voice-card.playing .wave i:nth-child(2n){animation-delay:.12s}.voice-card.playing .wave i:nth-child(3n){animation-delay:.22s}.wave i:nth-child(1){height:8px}.wave i:nth-child(2){height:18px}.wave i:nth-child(3){height:12px}.wave i:nth-child(4){height:24px}.wave i:nth-child(5){height:16px}.wave i:nth-child(6){height:22px}.wave i:nth-child(7){height:10px}.wave i:nth-child(8){height:20px}.composer{border-top:1px solid var(--border);background:var(--surface);padding:var(--space-3) var(--space-5);display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-2);align-items:end}.composer-reply{grid-column:1 / -1;display:none;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:8px 10px;border:1px solid color-mix(in oklab,var(--accent),transparent 72%);border-radius:var(--radius-md);background:color-mix(in oklab,var(--accent),transparent 94%)}.composer-reply.active{display:grid}.composer-reply strong,.composer-reply span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.composer-reply strong{color:var(--fg);font-size:var(--text-sm)}.composer-reply span{color:var(--muted);font-size:var(--text-xs)}.composer textarea{min-height:44px;max-height:120px;resize:none;border:1px solid var(--border);border-radius:var(--radius-lg);padding:11px 14px;outline:0;background:var(--bg);color:var(--fg);line-height:1.35;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.composer textarea:focus{border-color:color-mix(in oklab,var(--accent),transparent 30%);background:var(--surface);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 84%)}.send{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 10%),var(--accent) 60%);color:var(--accent-on);display:grid;place-items:center;box-shadow:var(--elev-sm),0 4px 12px color-mix(in oklab,var(--accent),transparent 70%);transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard)}.send:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--elev-raised),0 6px 18px color-mix(in oklab,var(--accent),transparent 62%)}.send:active,.send.sending{transform:scale(.94)}.side{min-width:0;min-height:0;background:var(--surface);display:flex;flex-direction:column;overflow:auto}.side-section{padding:var(--space-5);border-bottom:1px solid var(--border)}.profile-card{display:flex;gap:var(--space-3);align-items:center}.muted{color:var(--muted)}.small{font-size:var(--text-sm)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:var(--space-2);margin-top:var(--space-4)}.action{min-height:64px;border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface-2);color:var(--fg);display:grid;place-items:center;gap:3px;padding:var(--space-2);font-size:var(--text-xs);transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-standard)}.action:hover{border-color:color-mix(in oklab,var(--accent),transparent 50%);background:var(--accent-tint);color:var(--accent);transform:translateY(-1px);box-shadow:var(--elev-sm)}.action:active{transform:translateY(0) scale(.97)}.media-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.media-tab{min-height:36px;padding:0 14px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted);border:1px solid var(--hairline);font-size:var(--text-xs);font-weight:700;transition:background-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.media-tab:hover{color:var(--fg);border-color:color-mix(in oklab,var(--fg),transparent 84%)}.media-tab.active{background:var(--accent-tint);color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 72%)}.side-toolbar{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.side-search{width:100%;min-height:40px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--fg);padding:9px 13px;outline:0;font:500 var(--text-sm)/1.2 var(--font-body);transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.side-search:focus{border-color:color-mix(in oklab,var(--accent),transparent 30%);background:var(--surface);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 84%)}.media-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}.media-count{min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:var(--space-2);text-align:center;cursor:pointer}.media-count.active{border-color:color-mix(in oklab,var(--accent),transparent 60%);background:color-mix(in oklab,var(--accent),transparent 92%)}.media-count.active strong,.media-count.active span{color:var(--accent)}.media-count strong{display:block;font:700 var(--text-sm)/1 var(--font-mono);color:var(--fg)}.media-count span{display:block;margin-top:3px;color:var(--muted);font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-4)}.file{width:100%;min-width:0;min-height:72px;aspect-ratio:1;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);display:grid;place-items:center;color:var(--muted);font:700 var(--text-xs)/1 var(--font-mono);text-align:center;padding:var(--space-2)}.file.wide{grid-column:span 3;aspect-ratio:auto;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-weight:500}.member-list{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.member-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg)}.member-card strong,.member-card span{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-card strong{font-size:var(--text-sm)}.member-actions{display:flex;gap:4px}.member-actions .mini-btn{min-width:36px;min-height:36px;padding-inline:8px}.admin-link code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font:700 var(--text-xs)/1.2 var(--font-mono)}.role-pill{justify-self:start;display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--accent),transparent 90%);color:var(--accent);font:700 var(--text-xs)/1 var(--font-mono)}.side-subhead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.side-subhead h3{font-size:var(--text-sm)}.empty-state{grid-column:1 / -1;border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-5);text-align:center;color:var(--muted);background:var(--surface);box-shadow:var(--elev-sm);display:grid;justify-items:center;gap:var(--space-3)}.empty-state:not(.compact) strong{font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.empty-state.compact{padding:var(--space-4);gap:var(--space-2)}.empty-state strong{color:var(--fg);font-weight:600}.empty-icon{width:56px;height:56px;border-radius:var(--radius-pill);display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in oklab,var(--accent),transparent 86%),color-mix(in oklab,var(--accent),transparent 94%));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent),transparent 80%);color:var(--accent)}.empty-state .primary-btn,.empty-state .secondary-btn{margin-top:var(--space-1)}.settings-list{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-2);color:var(--fg);text-align:left;border:1px solid var(--hairline);transition:background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}button.setting-row:hover,a.setting-row:hover{background:var(--surface-3);border-color:color-mix(in oklab,var(--fg),transparent 86%)}.setting-row>span{min-width:0}.setting-row>span:last-child{text-align:right}.settings-workspace{flex:1;min-height:0;overflow:auto;padding:var(--space-8);background:var(--bg)}.settings-card{width:min(920px,100%);margin-inline:auto;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-sm);padding:var(--space-6);display:grid;gap:var(--space-6);text-align:left}.settings-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--space-4);align-items:center}.settings-icon{width:52px;height:52px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--accent);background:linear-gradient(160deg,color-mix(in oklab,var(--accent),transparent 84%),color-mix(in oklab,var(--accent),transparent 93%));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--accent),transparent 80%)}.settings-section{display:grid;gap:var(--space-3)}.settings-section h3{font-size:var(--text-sm);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.setting-detail{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.setting-detail.full{grid-column:1 / -1}.setting-detail strong{display:block;font-size:var(--text-sm)}.setting-detail p{margin:2px 0 0;color:var(--muted);font-size:var(--text-sm)}.setting-detail input,.setting-detail select{min-width:132px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--fg);padding:8px 10px;outline:none}.setting-detail input:focus,.setting-detail select:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.setting-value{color:var(--muted);font:600 var(--text-sm)/1 var(--font-mono);white-space:nowrap}.settings-actions{position:sticky;bottom:0;z-index:2;display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;padding-top:var(--space-3);background:linear-gradient(to bottom,color-mix(in oklab,var(--surface),transparent 100%),var(--surface) 38%)}.appearance-preview{min-height:180px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:var(--space-4);display:grid;align-content:end;gap:var(--space-2);overflow:hidden;position:relative}.settings-group-title{padding:var(--space-3) var(--space-3) var(--space-1);font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.module-list{flex:1;min-height:0;overflow:auto;padding:var(--space-2);display:grid;gap:var(--space-2);align-content:start}.module-card{width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--fg);padding:var(--space-4);display:grid;gap:var(--space-2)}.module-card:hover,.module-card.active{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 95%)}.module-card mark{background:color-mix(in oklab,var(--warn),transparent 72%);color:var(--fg);border-radius:4px;padding:0 2px}.module-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-weight:600}.module-meta{color:var(--muted);font-size:var(--text-sm)}.workspace-empty{flex:1;display:grid;align-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-8);text-align:center}.workspace-card{width:min(760px,100%);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);display:grid;gap:var(--space-5);text-align:left}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.form-field{display:grid;gap:var(--space-2)}.form-field label{color:var(--muted);font-size:var(--text-sm)}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--fg);padding:11px 13px;outline:none;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:color-mix(in oklab,var(--accent),transparent 30%);background:var(--surface);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 84%)}.primary-btn,.secondary-btn{min-height:40px;border-radius:var(--radius-md);padding:0 var(--space-5);font-weight:600;letter-spacing:var(--tracking-snug);white-space:nowrap;transition:transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-standard),filter var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard)}.primary-btn{background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 8%),var(--accent) 62%);color:var(--accent-on);box-shadow:var(--elev-sm),0 4px 12px color-mix(in oklab,var(--accent),transparent 74%)}.primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:var(--elev-raised),0 6px 18px color-mix(in oklab,var(--accent),transparent 64%)}.primary-btn:active{transform:translateY(0) scale(.98)}.secondary-btn{background:var(--surface);border:1px solid var(--border);color:var(--fg);box-shadow:var(--elev-sm)}.secondary-btn:hover{background:color-mix(in oklab,var(--fg),transparent 96%);border-color:color-mix(in oklab,var(--fg),transparent 82%);transform:translateY(-1px)}.secondary-btn:active{transform:translateY(0) scale(.98)}.input{min-height:40px;width:100%;border-radius:var(--radius-md);padding:0 var(--space-4);background:var(--surface);color:var(--fg);border:1px solid var(--border);outline:0;transition:border-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.input::-moz-placeholder{color:var(--muted)}.input::placeholder{color:var(--muted)}.input:focus{border-color:color-mix(in oklab,var(--accent),transparent 30%);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 84%)}.avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-pill);display:block}.avatar-picker{display:flex;justify-content:center;margin-bottom:var(--space-4)}.avatar-upload-btn{width:80px;height:80px;border-radius:var(--radius-pill);background:var(--bg);display:grid;place-items:center;overflow:hidden;position:relative;cursor:pointer}.avatar-upload-btn img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-upload-btn:hover .avatar-upload-overlay{opacity:1}.avatar-upload-initial{font-size:var(--text-2xl);font-weight:500;color:var(--muted)}.avatar-upload-overlay{position:absolute;inset:0;background:#0006;display:grid;place-items:center;opacity:0;transition:opacity var(--motion-fast) var(--ease-standard)}.avatar-upload-spinner{position:absolute;inset:0;background:#00000080;display:grid;place-items:center}.avatar-upload-spinner-inner{width:24px;height:24px;border:2px solid white;border-top-color:transparent;border-radius:var(--radius-pill);animation:spin 1s linear infinite}.blocked-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:var(--space-4);overflow-x:auto}.blocked-tab{flex-shrink:0;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--muted);border-bottom:2px solid transparent;background:transparent}.blocked-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.list-container{display:grid;gap:var(--space-2)}.list-item{display:flex;align-items:center;gap:var(--space-3)}.list-item-avatar{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--bg);display:grid;place-items:center;overflow:hidden;flex-shrink:0}.list-item-avatar .initial{font-size:var(--text-sm);font-weight:500;color:var(--muted)}.list-item-info strong{font-size:var(--text-sm);font-weight:500;color:var(--fg)}.list-item-info span{font-size:var(--text-xs);color:var(--muted)}.list-item-action{padding:2px 10px;font-size:var(--text-xs);border:1px solid var(--border);color:var(--muted);border-radius:var(--radius-pill);background:transparent}.list-item-action:hover{border-color:var(--accent);color:var(--accent)}.sessions-header{display:flex;align-items:center;justify-content:space-between}.sessions-header h3{font-size:var(--text-lg);font-weight:600;color:var(--fg)}.terminate-all-link{font-size:var(--text-xs);color:var(--danger);text-decoration:underline;background:transparent;border:none;cursor:pointer}.current-badge{margin-left:var(--space-2);font-size:var(--text-xs);color:var(--success);font-weight:400}.secondary-btn.danger{color:var(--danger);border-color:var(--danger)}.phone-display{font-size:var(--text-sm);color:var(--muted);background:var(--bg);padding:8px 12px;border-radius:var(--radius-lg)}.about-version{text-align:center;padding:var(--space-8) 0}.about-version h3{font-size:var(--text-xl);font-weight:700;color:var(--accent)}.about-version p{font-size:var(--text-sm);color:var(--muted);margin-top:4px}.about-version .tagline{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-4)}.message-banner{font-size:var(--text-sm);padding:var(--space-3);border-radius:var(--radius-md)}.message-banner.success{color:var(--success);border:1px solid color-mix(in oklab,var(--success),transparent 60%);background:color-mix(in oklab,var(--success),transparent 94%)}.message-banner.error{color:var(--danger);border:1px solid color-mix(in oklab,var(--danger),transparent 60%);background:color-mix(in oklab,var(--danger),transparent 94%)}.checkbox-field{display:flex;align-items:center;gap:var(--space-2)}.checkbox-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.checkbox-field label{font-size:var(--text-sm);color:var(--muted);cursor:pointer}.appearance-preview{min-height:180px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);padding:var(--space-4);display:grid;align-content:end;gap:var(--space-2);overflow:hidden;position:relative;margin-bottom:var(--space-4)}.appearance-preview:before{content:"";position:absolute;inset:0;background:var(--wallpaper-ink);opacity:.18;-webkit-mask-image:radial-gradient(circle,black 2px,transparent 3px);mask-image:radial-gradient(circle,black 2px,transparent 3px);-webkit-mask-size:28px 28px;mask-size:28px 28px;pointer-events:none}.appearance-preview .msg{max-width:78%;z-index:1}.appearance-preview .msg.out{justify-self:end}.admin-panel{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.admin-link{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.admin-link code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font:700 var(--text-xs) / 1.2 var(--font-mono)}.admin-permissions{display:grid;gap:var(--space-2)}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg)}.permission-row span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.member-card .avatar{width:36px;height:36px;font-size:var(--text-xs)}.side-section .title-row{margin-bottom:var(--space-4)}.call-strip{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.popover{position:fixed;z-index:30;left:50%;bottom:86px;transform:translate(-50%);width:min(520px,calc(100vw - 24px));border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-pop);padding:var(--space-4);display:none;gap:var(--space-3)}.popover.active{display:grid}.composer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.composer-panel-head h3{margin:0}.picker-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.picker-search input{min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);padding:10px 12px;outline:none}.picker-search input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.picker-categories{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin;padding-bottom:2px}.picker-category{flex:0 0 auto;min-height:36px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);padding:0 var(--space-3);font-size:var(--text-xs);font-weight:700}.picker-category.active{border-color:color-mix(in oklab,var(--accent),transparent 70%);color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 93%)}.picker-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2)}.picker-tab{min-height:38px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);color:var(--muted);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:700}.picker-tab.active{background:color-mix(in oklab,var(--accent),transparent 90%);color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 72%)}.picker-section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.popover-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.picker-item{min-height:56px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);display:grid;place-items:center;gap:2px;font-size:var(--text-sm)}.picker-item strong{font-size:var(--text-lg);line-height:1}.sticker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.sticker-card,.gif-card{position:relative;min-height:86px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:var(--surface-2);color:var(--fg);display:grid;align-content:center;justify-items:center;gap:var(--space-1);padding:var(--space-3);text-align:center;transition:border-color var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard),transform var(--motion-fast) var(--ease-spring),box-shadow var(--motion-fast) var(--ease-standard)}.sticker-card:hover,.gif-card:hover,.picker-item:hover{border-color:color-mix(in oklab,var(--accent),transparent 50%);background:var(--accent-tint);transform:translateY(-2px);box-shadow:var(--elev-raised)}.sticker-card:active,.gif-card:active,.picker-item:active{transform:translateY(0) scale(.96)}.sticker-card strong{font-size:28px;line-height:1}.gif-card{background:linear-gradient(135deg,color-mix(in oklab,var(--accent),transparent 86%),var(--bg))}.gif-card strong{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.08em}.picker-send{border:0;background:transparent;color:inherit;display:grid;justify-items:center;gap:var(--space-1);width:100%;padding:0}.fav-btn{position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:var(--radius-pill);border:1px solid var(--border);background:color-mix(in oklab,var(--surface),transparent 8%);color:var(--muted);font-size:16px;line-height:1;display:grid;place-items:center}.fav-btn.active{color:var(--warn);border-color:color-mix(in oklab,var(--warn),transparent 45%);background:color-mix(in oklab,var(--warn),transparent 88%)}.picker-empty{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);text-align:center;background:var(--bg)}.attach-list{display:grid;gap:var(--space-2)}.attach-option{min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);text-align:left}.attach-option:hover{border-color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 96%)}.attach-icon{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:color-mix(in oklab,var(--accent),transparent 90%);color:var(--accent);font-weight:800}.attach-option strong,.attach-option span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.attach-option span{display:block;margin-top:2px;color:var(--muted);font-size:var(--text-xs)}.voice-recorder{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid color-mix(in oklab,var(--accent),transparent 72%);border-radius:var(--radius-md);background:color-mix(in oklab,var(--accent),transparent 95%)}.voice-recorder.locked{border-color:color-mix(in oklab,var(--success),transparent 58%);background:color-mix(in oklab,var(--success),transparent 94%)}.voice-recorder.cancel-ready{border-color:color-mix(in oklab,var(--danger),transparent 55%);background:color-mix(in oklab,var(--danger),transparent 94%)}.voice-recorder .record-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.record-dot{width:12px;height:12px;border-radius:50%;background:var(--danger);animation:blink 1.1s infinite}.record-wave{height:32px;display:flex;align-items:center;gap:4px;color:var(--accent)}.record-wave i{width:4px;border-radius:var(--radius-pill);background:currentColor;opacity:.72}.record-wave i:nth-child(1){height:10px}.record-wave i:nth-child(2){height:20px}.record-wave i:nth-child(3){height:14px}.record-wave i:nth-child(4){height:28px}.record-wave i:nth-child(5){height:18px}.record-wave i:nth-child(6){height:24px}.record-wave i:nth-child(7){height:12px}.record-wave i:nth-child(8){height:22px}.record-hints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.record-hint{min-height:38px;border:1px dashed var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:var(--text-xs);font-weight:700}.voice-recorder.locked .record-hint.lock,.voice-recorder.cancel-ready .record-hint.cancel{color:var(--accent);border-color:color-mix(in oklab,var(--accent),transparent 58%);background:color-mix(in oklab,var(--accent),transparent 93%)}.voice-recorder.cancel-ready .record-hint.cancel{color:var(--danger);border-color:color-mix(in oklab,var(--danger),transparent 58%);background:color-mix(in oklab,var(--danger),transparent 93%)}.context-menu{position:fixed;z-index:40;min-width:190px;border:1px solid var(--hairline);border-radius:var(--radius-md);background:color-mix(in oklab,var(--surface),transparent 6%);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--elev-pop);padding:var(--space-2);display:none}.context-menu.active{display:grid;animation:modalIn var(--motion-fast) var(--ease-out)}.context-menu button{background:transparent;color:var(--fg);text-align:left;border-radius:var(--radius-sm);padding:9px 10px;transition:background-color var(--motion-fast) var(--ease-standard)}.context-menu button:hover{background:color-mix(in oklab,var(--fg),transparent 94%)}.mobile-sheet-scrim{position:fixed;inset:0;z-index:46;display:none;align-items:end;background:color-mix(in oklab,var(--fg),transparent 64%);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1)}.mobile-sheet-scrim.active{display:flex}.mobile-sheet{width:100%;border:1px solid var(--hairline);border-bottom:0;border-radius:22px 22px 0 0;background:var(--surface);box-shadow:var(--elev-overlay);padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom));transform:translateY(0);animation:sheetIn var(--motion-base) var(--ease-standard)}.mobile-sheet-handle{width:42px;height:4px;border-radius:var(--radius-pill);background:var(--border);margin:0 auto var(--space-3)}.mobile-sheet-title{display:grid;gap:2px;padding:0 var(--space-2) var(--space-3);border-bottom:1px solid var(--border-soft)}.mobile-sheet-title strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-sheet-title span{color:var(--muted);font-size:var(--text-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobile-sheet-actions{display:grid;gap:var(--space-1);padding-top:var(--space-2)}.mobile-sheet-actions button{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--fg);text-align:left}.mobile-sheet-actions button:hover{background:var(--bg)}.mobile-sheet-actions button.danger{color:var(--danger)}.reaction-picker{position:fixed;z-index:45;display:none;grid-template-columns:repeat(6,40px);gap:4px;padding:6px;border:1px solid var(--hairline);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--surface),transparent 8%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--elev-pop)}.reaction-picker.active{display:grid;animation:pickerIn var(--motion-base) var(--ease-standard)}.reaction-picker button{width:40px;height:40px;border-radius:var(--radius-pill);background:transparent;font-size:20px;transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-fast) var(--ease-standard)}.reaction-picker button:hover{background:var(--bg);transform:translateY(-1px) scale(1.08)}.reaction-picker button:active{transform:scale(.94)}.modal-scrim{position:fixed;inset:0;z-index:50;display:none;place-items:center;padding:var(--space-5);background:color-mix(in oklab,var(--fg),transparent 64%);backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1)}.modal-scrim.active{display:grid;animation:scrimIn var(--motion-base) var(--ease-out)}.modal-card{width:min(560px,100%);max-height:min(720px,calc(100dvh - 40px));overflow:auto;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--elev-overlay);padding:var(--space-5);display:grid;gap:var(--space-4)}.modal-scrim.active .modal-card{animation:modalIn var(--motion-base) var(--ease-out)}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}.call-stage{width:min(900px,100%);min-height:520px;border-radius:24px;background:var(--surface);border:1px solid var(--hairline);overflow:hidden;display:grid;grid-template-rows:1fr auto;box-shadow:var(--elev-overlay)}.call-canvas{display:grid;place-items:center;gap:var(--space-5);padding:var(--space-8);background:radial-gradient(circle at 50% 18%,color-mix(in oklab,var(--accent),transparent 84%),var(--bg) 54%);position:relative}.call-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.call-avatar{width:132px;height:132px;border-radius:var(--radius-pill);display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 14%),var(--accent) 60%,color-mix(in oklab,var(--accent),black 8%));color:var(--accent-on);font:700 var(--text-3xl)/1 var(--font-display);box-shadow:0 0 0 10px color-mix(in oklab,var(--accent),transparent 88%),0 18px 48px color-mix(in oklab,var(--accent),transparent 64%)}.group-call-grid{width:min(760px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.participant-tile{min-height:156px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:var(--elev-sm);display:grid;align-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-4);text-align:center}.participant-tile.speaking{border-color:var(--accent);box-shadow:var(--focus-ring)}.screen-share-tile{grid-column:1 / -1;min-height:180px;border:1px solid color-mix(in oklab,var(--accent),transparent 62%);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--accent),transparent 94%);display:grid;place-items:center;gap:var(--space-2);padding:var(--space-5);text-align:center}.call-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);padding:var(--space-5);border-top:1px solid var(--hairline);background:var(--surface)}.call-video-pip{position:absolute;top:16px;right:16px;width:128px;height:160px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--elev-raised);z-index:2}.call-video-pip video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.call-video-pip .video-off{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}.call-video-pip .video-off svg{width:32px;height:32px;color:var(--muted)}.call-control{min-width:52px;min-height:52px;padding:0 var(--space-4);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--fg);border:1px solid var(--hairline);box-shadow:var(--elev-sm);font-weight:700;white-space:nowrap;transition:transform var(--motion-fast) var(--ease-spring),background-color var(--motion-fast) var(--ease-standard),box-shadow var(--motion-fast) var(--ease-standard)}.call-control:hover{background:var(--surface-3);transform:translateY(-1px);box-shadow:var(--elev-raised)}.call-control:active{transform:translateY(0) scale(.96)}.call-control.danger{background:linear-gradient(160deg,color-mix(in oklab,var(--danger),white 8%),var(--danger) 64%);color:#fff;border-color:transparent;box-shadow:var(--elev-sm),0 6px 16px color-mix(in oklab,var(--danger),transparent 64%)}.channel-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline);background:color-mix(in oklab,var(--surface),transparent 28%);backdrop-filter:saturate(1.4) blur(20px);-webkit-backdrop-filter:saturate(1.4) blur(20px)}.channel-stat{display:grid;gap:2px;text-align:right;font:600 var(--text-xs)/1 var(--font-mono);color:var(--muted)}.channel-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.media-viewer{width:min(900px,100%);display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-4)}.media-preview{min-height:420px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);display:grid;place-items:center;padding:var(--space-6);text-align:center;transform:scale(var(--zoom, 1));transform-origin:center;transition:transform var(--motion-base) var(--ease-standard)}.media-preview strong{font-size:clamp(28px,5vw,64px);line-height:1}.media-side{display:grid;align-content:start;gap:var(--space-3)}.media-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.media-thumb{min-height:58px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--muted);font:700 var(--text-xs)/1.1 var(--font-mono);padding:var(--space-2)}.media-thumb.active{border-color:var(--accent);color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 94%)}.mini-call{position:fixed;right:20px;bottom:20px;z-index:25;display:none;align-items:center;gap:var(--space-3);width:min(360px,calc(100vw - 40px));padding:var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-lg);background:color-mix(in oklab,var(--surface),transparent 8%);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:var(--elev-pop)}.mini-call.active{display:flex;animation:modalIn var(--motion-base) var(--ease-out)}.typing{align-self:flex-start;display:grid;grid-template-columns:auto auto;align-items:center;gap:var(--space-2);color:var(--muted);font-size:var(--text-sm);padding:8px 12px;border:1px solid var(--border);border-radius:16px 16px 16px 6px;background:var(--surface);box-shadow:var(--elev-ring)}.typing span{grid-column:1 / -1;color:var(--muted)}.typing-dots{display:inline-flex;gap:4px;align-items:center}.typing i{width:5px;height:5px;border-radius:var(--radius-pill);background:currentColor;animation:blink 1s infinite ease-in-out}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.msg-status{margin-top:var(--space-2);display:flex;justify-content:flex-end;gap:var(--space-2);align-items:center;color:var(--danger);font-size:var(--text-xs)}@keyframes blink{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes pickerIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheetIn{0%{transform:translateY(18px);opacity:.72}to{transform:translateY(0);opacity:1}}@keyframes reactionPop{0%{transform:scale(.72);opacity:.4}to{transform:scale(1);opacity:1}}@keyframes messagePulse{0%,to{box-shadow:var(--elev-flat)}18%,70%{box-shadow:var(--focus-ring)}}@keyframes voiceBar{0%,to{transform:scaleY(.72);opacity:.55}50%{transform:scaleY(1.24);opacity:1}}.switch{width:44px;height:26px;min-width:44px;border-radius:var(--radius-pill);background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 8%),var(--accent) 64%);position:relative;display:inline-block;box-shadow:inset 0 1px 2px color-mix(in oklab,var(--fg),transparent 86%);transition:background var(--motion-base) var(--ease-standard)}button.switch{cursor:pointer}.switch:after{content:"";position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:var(--radius-pill);background:#fff;box-shadow:0 1px 2px color-mix(in oklab,var(--fg),transparent 70%),0 2px 6px color-mix(in oklab,var(--fg),transparent 80%);transition:transform var(--motion-base) var(--ease-spring),background var(--motion-fast) var(--ease-standard)}.switch.off{background:color-mix(in oklab,var(--muted),transparent 64%);box-shadow:inset 0 1px 2px color-mix(in oklab,var(--fg),transparent 88%)}.switch.off:after{transform:translate(-18px);background:#fff}.network-banner{display:none;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px var(--space-5);border-bottom:1px solid color-mix(in oklab,var(--warn),transparent 55%);background:color-mix(in oklab,var(--warn),transparent 88%);color:var(--fg);font-size:var(--text-sm)}.network-banner.active{display:flex}.mobile-nav{display:none;position:fixed;z-index:12;left:0;right:0;bottom:0;height:64px;padding:6px 10px max(6px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(5,1fr);gap:var(--space-1)}.mobile-nav-btn{position:relative;border-radius:var(--radius-md);background:transparent;color:var(--muted);display:grid;place-items:center;gap:2px;font-size:11px}.mobile-nav-btn.active{color:var(--accent);background:color-mix(in oklab,var(--accent),transparent 92%)}.mobile-nav-btn strong{font-size:17px;line-height:1}.mobile-nav-btn svg{width:18px;height:18px;stroke-width:2}.nav-count{position:absolute;top:3px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--danger);color:var(--accent-on);display:none;place-items:center;font:800 10px/18px var(--font-mono);box-shadow:0 0 0 2px var(--surface)}.rail-btn .nav-count{top:-2px;right:-2px}.nav-count.active{display:grid}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:color-mix(in oklab,var(--fg),transparent 4%);color:var(--bg);padding:11px 16px;border-radius:var(--radius-pill);box-shadow:var(--elev-overlay);font-weight:600;letter-spacing:var(--tracking-snug);transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out);z-index:20}.toast.active{opacity:1;transform:translate(-50%)}.mobile-back{display:none}.auth-screen{min-height:100dvh;display:none;place-items:center;padding:var(--space-5);background:radial-gradient(circle at 20% 18%,color-mix(in oklab,var(--accent),transparent 88%),transparent 34%),radial-gradient(circle at 84% 80%,color-mix(in oklab,var(--success),transparent 92%),transparent 30%),var(--bg)}body.auth-locked{overflow:auto}body.auth-locked .auth-screen{display:grid}body.auth-locked .app,body.auth-locked .mobile-nav,body.auth-locked .mini-call,body.auth-locked .popover,body.auth-locked .context-menu,body.auth-locked .mobile-sheet-scrim{display:none!important}.auth-card{width:min(960px,100%);min-height:min(680px,calc(100dvh - 40px));display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);overflow:hidden;border:1px solid var(--hairline);border-radius:28px;background:var(--surface);box-shadow:var(--elev-overlay)}.auth-visual{position:relative;min-height:520px;padding:var(--space-8);display:grid;align-content:space-between;background:linear-gradient(145deg,color-mix(in oklab,var(--accent),transparent 86%),var(--bg));overflow:hidden}.auth-visual:before{content:"";position:absolute;inset:0;background:var(--wallpaper-ink);opacity:.24;-webkit-mask-image:radial-gradient(circle,black 2px,transparent 3px);mask-image:radial-gradient(circle,black 2px,transparent 3px);-webkit-mask-size:30px 30px;mask-size:30px 30px;pointer-events:none}.auth-visual>*{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:14px}.auth-brand-mark{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(160deg,color-mix(in oklab,var(--accent),white 14%),var(--accent) 62%);color:var(--accent-on);box-shadow:var(--elev-sm),0 8px 24px color-mix(in oklab,var(--accent),transparent 66%)}.auth-brand-word{font:800 var(--text-2xl)/1 var(--font-display);letter-spacing:var(--tracking-tight);color:var(--fg)}.auth-brand-word b{color:var(--accent);font-weight:inherit}.auth-phone{width:min(280px,100%);justify-self:center;align-self:center;border:1px solid var(--border);border-radius:32px;background:var(--surface);padding:14px;box-shadow:var(--elev-raised)}.auth-phone-screen{min-height:420px;border-radius:22px;background:var(--bg);padding:var(--space-4);display:grid;align-content:end;gap:var(--space-2);position:relative;overflow:hidden}.auth-phone-screen:before{content:"";position:absolute;left:50%;top:10px;width:72px;height:20px;transform:translate(-50%);border-radius:var(--radius-pill);background:var(--fg);opacity:.9}.auth-phone-screen .msg{max-width:88%}.auth-panel{padding:var(--space-8);display:grid;align-content:center;gap:var(--space-6)}.auth-panel h1{font-size:clamp(32px,4vw,var(--text-3xl))}.auth-copy{display:grid;gap:var(--space-3)}.auth-steps{display:flex;gap:var(--space-2);align-items:center}.auth-step{width:28px;height:6px;border-radius:var(--radius-pill);background:var(--border)}.auth-step.active{width:42px;background:var(--accent)}.auth-form{display:grid;gap:var(--space-4)}.auth-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-2)}.auth-code input{text-align:center;font:800 var(--text-xl)/1 var(--font-mono);padding-inline:4px}.auth-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.auth-note{padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:var(--muted);font-size:var(--text-sm)}@media(max-width:1180px){.app{grid-template-columns:64px minmax(280px,320px) minmax(0,1fr) minmax(248px,280px)}.side-section{padding:var(--space-3)}.action{min-height:56px}.media-tabs{gap:var(--space-1);margin-top:var(--space-3)}.media-tab{padding-inline:var(--space-2)}.files{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--space-3)}.file{min-height:52px;aspect-ratio:auto}.file.wide{grid-column:span 2}.settings-list{gap:6px;margin-top:var(--space-3)}.setting-row{padding:8px 10px}.settings-workspace{padding:var(--space-4)}.settings-card{padding:var(--space-4);gap:var(--space-4)}.settings-section,.settings-grid{gap:var(--space-2)}.setting-detail{padding:10px 12px}.setting-detail p{line-height:1.3}}@media(max-width:1023px){.app{grid-template-columns:64px 340px minmax(0,1fr)}.side{display:none}.side.open{display:flex;position:fixed;inset:0 0 0 auto;width:min(380px,100%);z-index:10;box-shadow:var(--elev-raised)}}@media(max-width:820px){body{overflow:hidden}.app{grid-template-columns:56px minmax(0,1fr)}.pane{grid-column:2}.workspace{position:fixed;inset:0 0 0 56px;transform:translate(100%);transition:transform var(--motion-base) var(--ease-standard);z-index:5}.workspace.open{transform:translate(0)}.workspace.edge-swiping{transition:none}.workspace.edge-ready:before{content:"← Чаты";position:absolute;left:var(--space-4);top:50%;z-index:12;transform:translateY(-50%);padding:8px 10px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);font:700 var(--text-xs)/1 var(--font-display);box-shadow:var(--elev-raised);pointer-events:none}.side.open{inset:0;width:100%;z-index:11}.mobile-back{display:grid}.msg{max-width:88%}.composer{padding:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto auto}.pinned-strip{padding-inline:var(--space-3)}.popover{bottom:72px}.auth-card{grid-template-columns:1fr}.auth-visual{min-height:260px}.auth-phone{display:none}.auth-panel{padding:var(--space-5)}}@media(max-width:600px){.pane-head{padding:var(--space-4) var(--space-4) var(--space-3)}h1{font-size:var(--text-xl)}.chat-item{grid-template-columns:40px minmax(0,1fr) auto;padding:10px}.avatar{width:40px;height:40px}.head-actions{gap:2px}.chat-head{min-height:64px;height:64px}.pinned-strip{grid-template-columns:minmax(0,1fr) auto auto}.pinned-strip strong{display:none}.popover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.settings-workspace{padding:var(--space-4)}.settings-card{padding:var(--space-4);gap:var(--space-4)}.settings-grid,.settings-hero{grid-template-columns:1fr}}@media(max-width:430px){.app{grid-template-columns:1fr}.rail{display:none}.side.open{padding-bottom:64px}.pane{grid-column:1}.workspace{inset:0}.pane-head{padding-inline:var(--space-4)}.messages{padding:var(--space-4) var(--space-3)}.jump-bottom{right:var(--space-3);bottom:82px}.chat-head{padding-inline:var(--space-3)}.hide-mobile{display:none}.composer .hide-mobile{display:grid}.composer{grid-template-columns:auto minmax(0,1fr) auto auto}.composer textarea{min-width:0}.msg{max-width:94%}.context-menu{left:12px!important;right:12px;top:auto!important;bottom:12px}.pane,.workspace{padding-bottom:64px}.mobile-nav{display:grid}.toast{bottom:78px}.mini-call{right:12px;left:12px;bottom:78px;width:auto}.call-stage{min-height:calc(100dvh - 40px)}.group-call-grid,.media-viewer{grid-template-columns:1fr}.participant-tile,.screen-share-tile,.media-preview{min-height:148px}}.text-primary-ctx{color:var(--fg)}.text-secondary-ctx{color:var(--muted)}.bg-ctx{background:var(--bg)}.border-ctx{border-color:var(--border)}.hover-bg-ctx:hover{background:var(--bg)}.bg-surface-ctx{background:var(--surface)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.mt-4{margin-top:var(--space-4)}.error-msg{color:var(--danger)}.border-accent{border-color:var(--accent)}.avatar.alt{background:var(--success)}.avatar.warn{background:var(--warn);color:var(--fg)}.avatar.danger{background:var(--danger)}.chat-item.muted .name,.chat-item.muted .preview{color:var(--muted)}.attachment-card.downloaded{border-color:color-mix(in oklab,var(--success),transparent 58%)}.rail-btn .nav-count{position:absolute;top:-2px;right:-2px}.settings-icon svg{width:24px;height:24px;stroke-width:1.8}.empty-icon svg{width:22px;height:22px;stroke-width:1.8}.modal-card{max-height:min(720px,calc(100dvh - 40px))}.phone-icon,.video-icon{width:20px;height:20px;stroke-width:2}.msg.highlight{animation:messagePulse 1.4s var(--ease-standard) 1;box-shadow:var(--focus-ring)}.msg.failed{border-color:color-mix(in oklab,var(--danger),transparent 52%);background:color-mix(in oklab,var(--danger),transparent 94%)}.msg.swipe-ready{box-shadow:var(--focus-ring)}.msg.swipe-ready:before{content:"↩";position:absolute;left:-38px;top:50%;width:28px;height:28px;transform:translateY(-50%);display:grid;place-items:center;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);font-weight:700;box-shadow:var(--elev-raised)}.storage-summary{margin-bottom:var(--space-5)}.storage-bar-bg{height:8px;background:var(--border);border-radius:var(--radius-pill);overflow:hidden;margin-bottom:var(--space-3)}.storage-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .4s ease}.storage-totals{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.storage-total{font-weight:600;color:var(--fg)}.storage-free{font-size:var(--text-sm)}.storage-categories{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}.storage-category-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--elev-ring)}.storage-category-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:color-mix(in oklab,var(--accent),transparent 88%);color:var(--accent);flex-shrink:0}.storage-category-icon svg{width:20px;height:20px}.storage-category-info{display:flex;flex-direction:column;flex:1;min-width:0}.storage-category-info strong{font-weight:600;font-size:var(--text-sm);color:var(--fg)}.storage-category-info span{font-size:var(--text-xs);color:var(--muted)}.min-w-0{min-width:0}.flex-1{flex:1}.object-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.network-retry{display:grid;place-items:center;flex-shrink:0;font-weight:700;font-size:var(--text-sm);min-width:36px;min-height:34px;padding:0 10px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted)}.archive-wrap{display:flex;flex-direction:column;height:100%;background:var(--surface)}.archive-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.archive-head h2{margin:0;font-weight:600;font-family:var(--font-display);font-size:var(--text-lg)}.archive-body{flex:1;overflow-y:auto}.archive-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:256px;gap:12px;text-align:center}.archive-empty p{font-size:var(--text-sm);margin:0;color:var(--muted)}.archive-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px;text-align:left;background:transparent;border:none;cursor:pointer}.archive-row:hover{background:var(--bg)}.search-modal{width:min(680px,100%)}.search-head{display:flex;align-items:center;gap:12px;padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.search-head input{flex:1;background:transparent;outline:none;color:var(--fg);font-size:var(--text-base);border:none}.search-filters{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.search-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.search-filter-chip{padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.search-filter-chip:hover{background:var(--bg);color:var(--fg)}.search-filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-on)}.search-filter-dates{display:flex;flex-wrap:wrap;gap:var(--space-3)}.search-filter-date{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted)}.search-filter-date input{padding:5px 8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:var(--text-sm);outline:none;color-scheme:light dark}.search-filter-date input:focus{border-color:var(--accent)}.search-active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.search-active-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 10px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);font-size:var(--text-xs);font-weight:600}.search-active-chip button{display:grid;place-items:center;width:16px;height:16px;border:none;border-radius:var(--radius-pill);background:transparent;color:inherit;font-size:14px;line-height:1;cursor:pointer}.search-active-chip button:hover{background:color-mix(in oklab,var(--accent),transparent 78%)}.search-reset-filters{margin-left:auto;padding:3px 8px;border:none;background:transparent;color:var(--muted);font-size:var(--text-xs);font-weight:600;cursor:pointer}.search-reset-filters:hover{color:var(--fg)}.search-body{flex:1;overflow-y:auto}.search-section{padding-top:8px;padding-bottom:8px}.search-section-title{padding:4px 12px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.search-row{display:flex;align-items:center;padding:8px 12px}.search-row.hoverable:hover{background:var(--bg)}.search-row-btn{width:100%;padding:8px 12px;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:none;cursor:pointer}.search-row-btn:hover{background:var(--bg)}.search-row-btn .muted{color:var(--muted);flex-shrink:0}.search-row-btn .truncate{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.search-row-btn .font-medium{font-weight:500}.search-row-btn .text-xs{font-size:var(--text-xs)}.search-row-btn .badge-bot{margin-left:auto;font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--accent),transparent 80%);color:var(--accent)}.search-row-delete{padding:4px;color:var(--muted);background:transparent;border:none;cursor:pointer;display:grid;place-items:center}.search-spinner-wrap{display:flex;justify-content:center;padding-top:32px;padding-bottom:32px}.search-empty{padding-top:32px;padding-bottom:32px;text-align:center;font-size:var(--text-sm);color:var(--muted)}.spinner{height:24px;width:24px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.avatar-sm{display:grid;place-items:center;flex-shrink:0;color:var(--accent-on);font-weight:700;width:40px;height:40px;border-radius:var(--radius-pill);background:var(--accent);overflow:hidden}.avatar-sm img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.avatar-sm span{font-size:var(--text-sm);font-weight:500}.avatar-sm.accent-bg{background:color-mix(in oklab,var(--accent),transparent 90%);color:var(--accent)}.accent-icon{color:var(--accent)}.archive-search{padding:12px 20px 8px}.archive-row .avatar-sm{width:44px;height:44px}.font-medium{font-weight:500}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.opacity-50{opacity:.5}.capitalize{text-transform:capitalize}.text-base{font-size:var(--text-base)}.msg-caption{margin-top:var(--space-2);white-space:pre-wrap;word-break:break-word}.rich-contact{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;min-width:180px}.rich-contact-avatar{width:40px;height:40px;border-radius:var(--radius-pill);display:grid;place-items:center;background:color-mix(in oklab,var(--accent),transparent 80%);color:var(--accent);font-weight:700;flex-shrink:0}.rich-contact-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rich-contact-info a{color:var(--accent);font-size:var(--text-sm)}.rich-map{display:block;border-radius:var(--radius-md);overflow:hidden;max-width:300px}.rich-map img{display:block;width:100%;height:auto;border-radius:var(--radius-md)}.rich-map-caption{display:flex;flex-direction:column;gap:2px;padding:var(--space-2) 0 0}.rich-dice{display:flex;align-items:baseline;gap:var(--space-2)}.rich-dice-emoji{font-size:48px;line-height:1}.rich-dice-value{font-size:var(--text-lg);font-weight:700;color:var(--accent)}.spoiler-cover{border:none;cursor:pointer}