:root{--app-theme-name: "mayak";--app-color-bg: #08080a;--app-color-surface: #131317;--app-color-surface-content: #191920;--app-color-surface-card: #17171d;--app-color-surface-raised: #1c1c23;--app-color-surface-muted: #20202a;--app-color-surface-strong: #22222c;--app-color-surface-inset: #0d0d11;--app-color-surface-sunken: #101015;--app-color-surface-modal: #16161b;--app-color-surface-overlay: rgba(4, 4, 6, .72);--app-overlay-blur: 3px;--app-color-text: #ededf0;--app-color-text-bright: #ffffff;--app-color-text-secondary: #c9c9d1;--app-color-text-tertiary: #c1c1c9;--app-color-text-muted: #8e8e99;--app-color-text-ghost: #7a7a86;--app-color-text-ghost-dim: #6f6f7b;--app-color-text-faint: #5f5f6b;--app-color-text-on-brand: #120a05;--app-color-text-on-brand-deep: #1a0d05;--app-color-text-link: var(--app-color-brand);--app-color-border: #22222a;--app-color-border-list: #23232c;--app-color-border-inset: #26262e;--app-color-border-control: #2a2a33;--app-color-border-strong: #2c2c36;--app-color-border-dashed: #33333d;--app-color-border-underline: #40404b;--app-color-border-raised: #2f2f3a;--app-color-border-hover: #3a3a45;--app-color-border-accent: rgba(240, 100, 30, .55);--app-color-brand: #f0641e;--app-color-brand-hover: #ff7530;--app-color-brand-active: #ff8244;--app-color-brand-deep: #c23f14;--app-color-brand-soft: rgba(240, 100, 30, .14);--app-color-success: #3ecf8e;--app-color-success-soft: rgba(62, 207, 142, .16);--app-color-presence-off: #3a3a45;--app-color-danger: #e56a6a;--app-color-danger-soft: #2a1a1c;--app-color-danger-border: #4a2226;--app-color-warning: #d99a2e;--app-color-warning-soft: rgba(217, 154, 46, .16);--app-color-info: #4a95e6;--app-color-info-soft: rgba(74, 149, 230, .16);--app-color-icon: #8e8e99;--app-color-icon-muted: #6f6f7b;--app-shadow-sm: 0 4px 14px rgba(0, 0, 0, .4);--app-shadow-md: 0 10px 34px rgba(0, 0, 0, .45);--app-shadow-toast: 0 16px 40px rgba(0, 0, 0, .5);--app-shadow-lg: 0 30px 80px rgba(0, 0, 0, .6);--app-radius-xs: 7px;--app-radius-sm: 9px;--app-radius-md: 14px;--app-radius-lg: 18px;--app-radius-xl: 20px;--app-radius-pill: 999px;--app-radius-tile: 15px;--app-button-radius: 11px;--app-control-radius: 10px;--app-switch-radius: 12px;--app-space-1: .25rem;--app-space-2: .5rem;--app-space-3: .75rem;--app-space-4: 1rem;--app-space-5: 1.25rem;--app-space-6: 1.5rem;--app-space-7: 1.75rem;--app-space-8: 2rem;--app-font-family: "Inter", "Segoe UI", sans-serif;--app-font-family-mono: "JetBrains Mono", ui-monospace, monospace;--app-font-size-display: 2.5rem;--app-font-size-heading: 1.75rem;--app-font-size-title: 1.125rem;--app-font-size-body: .975rem;--app-font-size-caption: .8125rem;--app-line-height-tight: 1.15;--app-line-height-normal: 1.45;--app-line-height-relaxed: 1.6;--app-weight-regular: 400;--app-weight-medium: 500;--app-weight-semibold: 600;--app-weight-bold: 700;--app-control-height-sm: 2.25rem;--app-control-height-md: 2.875rem;--app-control-height-lg: 3.25rem;--app-control-padding-x-sm: .75rem;--app-control-padding-x-md: .875rem;--app-control-padding-x-lg: 1.125rem;--app-control-font-size-sm: .875rem;--app-control-font-size-md: .95rem;--app-control-font-size-lg: 1rem;--app-modal-width-sm: 440px;--app-modal-width-md: 450px;--app-modal-width-lg: 720px;--app-ease-flow: cubic-bezier(.32, .72, 0, 1);--app-duration-fast: .15s;--app-duration-medium: .2s;--app-duration-enter: .18s;--app-duration-fade: .14s;--app-duration-flow: .34s;--app-transition-fast: var(--app-duration-fast) ease;--app-transition-medium: var(--app-duration-medium) ease;--app-transition-flow: var(--app-duration-flow) var(--app-ease-flow);--app-z-dropdown: 1000;--app-z-overlay: 1100;--app-z-modal: 1110;--app-z-toast: 1200}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--app-font-family);background:var(--app-color-bg);color:var(--app-color-text)}button{font-family:inherit}.app{display:grid;grid-template-columns:76px 328px 1fr;gap:var(--app-space-5);padding:var(--app-space-5);height:100vh;background:var(--app-color-bg)}.rail{--rail-gap: 8px;position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:var(--rail-gap);padding:2px 0;background:transparent;overflow:visible;min-height:0}.rail-tile{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin-right:12px;padding:0;border:none;border-radius:var(--app-radius-tile);background:var(--app-color-surface-sunken);color:var(--app-color-text-muted);font:inherit;font-weight:var(--app-weight-bold);font-size:13px;letter-spacing:.02em;line-height:1;cursor:pointer;transition:background var(--app-transition-flow),color var(--app-transition-flow),width var(--app-transition-flow),margin var(--app-transition-flow),border-radius var(--app-transition-flow)}.rail-tile:hover{background:var(--app-color-surface-raised);color:var(--app-color-text-secondary)}.rail-tile:focus-visible{outline:1px solid var(--app-color-brand);outline-offset:2px}.rail-tile-active,.rail-tile-active:hover{background:var(--app-color-surface-muted);color:var(--app-color-text-bright)}.rail-tile-flow,.rail-tile-flow:hover{width:68px;margin-right:0;border-radius:var(--app-radius-lg) 0 0 var(--app-radius-lg);background:transparent}.rail-glyph{display:flex;align-items:center;justify-content:center;transition:opacity var(--app-transition-medium),color var(--app-transition-medium)}.rail-tile-active .rail-glyph{color:var(--app-color-brand)}.rail-tile-flow .rail-glyph{opacity:0}.rail-scroll{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}.rail-scroll::-webkit-scrollbar{width:0;height:0}.rail-scroll-list{margin:auto 0;padding:var(--rail-gap) 0;display:flex;flex-direction:column;align-items:flex-end;gap:var(--rail-gap)}.rail-thumb{position:absolute;left:3px;width:3px;border-radius:2px;background:var(--app-color-border-raised);z-index:3;pointer-events:none}.rail-tile-add{margin-top:8px;background:transparent;border:1px dashed var(--app-color-border-dashed);color:var(--app-color-text-ghost);font-size:20px;font-weight:var(--app-weight-regular)}.rail-tile-add:hover{background:transparent;border-color:var(--app-color-brand);color:var(--app-color-brand)}.rail-flow{position:absolute;z-index:3;top:0;left:8px;right:-2px;display:flex;align-items:center;border-radius:var(--app-radius-lg) 0 0 var(--app-radius-lg);background:var(--app-color-surface);pointer-events:none;transition:transform var(--app-transition-flow),opacity var(--app-transition-medium)}.rail-flow-off{opacity:0}.rail-flow-glyph{display:flex;align-items:center;justify-content:center;width:60px;color:var(--app-color-brand);font-weight:var(--app-weight-bold);font-size:13px;letter-spacing:.02em;line-height:1}.rail-fillet{position:absolute;z-index:4;top:0;right:0;width:12px;height:12px;pointer-events:none;transition:transform var(--app-transition-flow),opacity var(--app-transition-medium)}.rail-fillet-top{background:radial-gradient(circle at top left,var(--app-color-bg) 0 12px,var(--app-color-surface) 12px)}.rail-fillet-bottom{background:radial-gradient(circle at bottom left,var(--app-color-bg) 0 12px,var(--app-color-surface) 12px)}.rail-fillet-off{opacity:0}.rail-tile-profile .presence-dot{position:absolute;right:9px;bottom:7px;transition:right var(--app-transition-flow),border-color var(--app-transition-flow),background var(--app-transition-medium)}.rail-tile-profile.rail-tile-flow .presence-dot{right:17px;border-color:var(--app-color-surface)}.rail-foot{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;margin-top:8px}.rail-update{height:40px;font-size:16px;font-weight:var(--app-weight-regular)}.rail-update:disabled{cursor:default}.rail-version{width:52px;margin:2px 12px 0 0;padding:0;font-size:10.5px;color:var(--app-color-text-ghost);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-update-bar{width:52px;margin:4px 12px 0 0;height:3px;border-radius:var(--app-radius-pill);background:var(--app-color-surface-muted);overflow:hidden}.rail-update-fill{height:100%;background:var(--app-color-brand);transition:width var(--app-transition-fast)}.rail-foot-ready .rail-glyph{color:var(--app-color-brand)}.rail-foot-error .rail-glyph{color:var(--app-color-danger)}.sidebar{display:flex;flex-direction:column;gap:var(--app-space-5);padding:var(--app-space-6);background:var(--app-color-surface);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md);overflow:visible;min-height:0;margin-left:calc(var(--app-space-5) * -1);transition:border-radius var(--app-transition-flow)}.sidebar-flow-top{border-top-left-radius:0}.sidebar-flow-bottom{border-bottom-left-radius:0}.sidebar-body{display:flex;flex-direction:column;gap:var(--app-space-5);flex:1 1 auto;min-height:96px;overflow-y:auto}.profile-panel{flex:0 0 auto;display:flex;flex-direction:column;gap:var(--app-space-3);padding:14px;border-radius:var(--app-radius-md);background:var(--app-color-surface-raised);animation:toast-in var(--app-duration-enter) ease}.profile-panel-head{display:flex;align-items:center;gap:11px}.profile-panel-who{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-panel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--app-weight-bold)}.profile-panel-presence{font-size:11.5px;color:var(--app-color-text-ghost-dim)}.profile-panel-presence-live{color:var(--app-color-success)}.profile-panel-hint{margin:0;font-size:12px;line-height:1.45;color:var(--app-color-text-ghost-dim)}.profile-panel-items{display:flex;flex-direction:column;gap:2px}.profile-panel-item{padding:9px 10px;border:none;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-color-text-secondary);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background var(--app-transition-fast),color var(--app-transition-fast)}.profile-panel-item:hover{background:var(--app-color-border-list);color:var(--app-color-text)}.profile-panel-item-danger{color:var(--app-color-danger);font-weight:var(--app-weight-semibold)}.profile-panel-item-danger:hover{background:var(--app-color-danger-soft);color:var(--app-color-danger)}.brand{display:flex;align-items:center;gap:11px;padding:2px 6px 4px}.brand-mark{display:grid;place-items:flex-start;flex:0 0 44px;width:44px;height:44px;border-radius:0;clip-path:polygon(0 0,100% 0,100% 65%,65% 100%,0 100%);background:var(--app-color-brand);color:#ff8e41;font-family:"PT Sans",var(--app-font-family);font-weight:var(--app-weight-bold);font-size:3.8rem;line-height:.78;overflow:hidden;-webkit-user-select:none;user-select:none}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0}.brand-name{font-family:"PT Sans",var(--app-font-family);font-weight:var(--app-weight-bold);font-size:26px;line-height:var(--app-line-height-tight);text-transform:uppercase;letter-spacing:.14em}.status{font-size:11.5px;color:var(--app-color-text-ghost-dim)}.status-online{color:var(--app-color-success)}.status-error{color:var(--app-color-danger)}.personal-owner{display:flex;flex-direction:column;gap:2px}.personal-owner-name{font-weight:var(--app-weight-semibold)}.personal-owner-sub{font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.field{display:flex;flex-direction:column;gap:var(--app-space-1)}.section-label,.field-label,.section-title{margin:0;font-size:11px;font-weight:var(--app-weight-bold);line-height:var(--app-line-height-tight);color:var(--app-color-text-ghost);text-transform:uppercase;letter-spacing:.09em}.input{width:100%;height:var(--app-control-height-md);padding:0 var(--app-control-padding-x-md);border:1px solid var(--app-color-border-control);border-radius:var(--app-control-radius);background:var(--app-color-surface-inset);color:var(--app-color-text);font-size:var(--app-control-font-size-md)}.input::placeholder{color:var(--app-color-text-ghost-dim)}.input-mono{font-family:var(--app-font-family-mono);letter-spacing:.02em}.input:focus{outline:none;border-color:var(--app-color-brand);box-shadow:0 0 0 3px var(--app-color-brand-soft)}.btn{height:var(--app-control-height-md);padding:0 var(--app-space-4);border:1px solid var(--app-color-border-strong);border-radius:var(--app-button-radius);background:transparent;color:var(--app-color-text-secondary);font-weight:var(--app-weight-semibold);cursor:pointer;transition:var(--app-transition-fast)}.btn:hover:not(:disabled){border-color:var(--app-color-brand);color:var(--app-color-brand)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-brand{background:var(--app-color-brand);border-color:var(--app-color-brand);color:var(--app-color-text-on-brand);font-weight:var(--app-weight-bold)}.btn-brand:hover:not(:disabled){color:var(--app-color-text-on-brand)}.btn-brand:hover:not(:disabled){background:var(--app-color-brand-hover)}.sidebar-rooms{display:flex;flex-direction:column;gap:var(--app-space-2)}.room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.room-item{display:flex;align-items:center;border-radius:var(--app-control-radius);color:var(--app-color-text-tertiary)}.room-item:hover{background:var(--app-color-surface-raised)}.room-item-active,.room-item-active:hover{background:var(--app-color-surface-muted);color:var(--app-color-text-bright)}.room-item-main{flex:1;min-width:0;display:flex;align-items:center;gap:9px;padding:8px 10px;border:none;border-radius:inherit;background:transparent;color:inherit;font:inherit;font-weight:var(--app-weight-semibold);font-size:13.5px;cursor:pointer;text-align:left}.room-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item-count{flex:none}.room-item-actions{display:none;flex:none;align-items:center;gap:2px;padding-right:4px}.room-item:hover .room-item-actions,.room-item:focus-within .room-item-actions{display:flex}.room-item:hover .room-item-count,.room-item:focus-within .room-item-count{display:none}.room-list-empty{padding:14px 8px;color:var(--app-color-text-ghost-dim);font-size:12.5px;line-height:var(--app-line-height-relaxed)}.sidebar-create,.sidebar-join{display:flex;flex-direction:column;gap:var(--app-space-2);margin-top:var(--app-space-2);padding:12px;border:1px solid var(--app-color-border-list);border-radius:13px}.sidebar-join-submit{width:100%}.icon-btn{flex:none;width:26px;height:26px;display:grid;place-items:center;border:none;background:transparent;color:var(--app-color-text-secondary);cursor:pointer;font-size:.95rem;line-height:1}.icon-btn:hover{color:var(--app-color-text);background:var(--app-color-surface-muted)}.icon-btn-danger:hover{color:var(--app-color-text-bright);background:var(--app-color-danger)}.muted{color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption);padding:var(--app-space-2) var(--app-space-3)}.main{display:flex;flex-direction:column;gap:var(--app-space-4);min-width:0;min-height:0}.main-header{padding:var(--app-space-5) var(--app-space-7);background:var(--app-color-surface);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md);display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4)}.main-header h1{margin:0;font-size:var(--app-font-size-heading)}.members{display:flex;gap:var(--app-space-2);flex-wrap:wrap}.voice-capsule{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.voice-enter{display:flex;align-items:center;gap:var(--app-space-3);width:100%;padding:12px 14px;border:1px solid var(--app-color-border);border-radius:10px;background:var(--app-color-surface);color:var(--app-color-text);font-family:inherit;font-weight:var(--app-weight-semibold);text-align:left;cursor:pointer;transition:var(--app-transition-fast)}.voice-enter:hover:not(:disabled){background:var(--app-color-surface-muted)}.voice-enter:disabled{opacity:.5;cursor:not-allowed}.voice-enter-live{border-color:var(--app-color-brand);background:var(--app-color-brand);color:var(--app-color-text-on-brand)}.voice-enter-live:hover:not(:disabled){background:var(--app-color-brand-hover)}.voice-enter-icon{flex:none;color:var(--app-color-text-secondary)}.voice-enter-live .voice-enter-icon{color:var(--app-color-text-on-brand)}.voice-enter-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.voice-enter-title{font-size:var(--app-control-font-size-md);font-weight:var(--app-weight-semibold)}.voice-enter-sub{font-size:var(--app-font-size-caption);font-weight:var(--app-weight-regular);color:var(--app-color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-enter-live .voice-enter-sub{color:color-mix(in srgb,var(--app-color-text-on-brand) 62%,transparent)}.voice-card{display:flex;flex-direction:column;min-height:0;border:1px solid var(--app-color-border);border-radius:11px;overflow:hidden}.voice-card-live{border-color:var(--app-color-border-accent);background:var(--app-color-brand-soft);color:var(--app-color-brand)}.voice-card-icon{flex:none}.voice-card-live .voice-card-sub{color:color-mix(in srgb,var(--app-color-brand) 72%,transparent)}.voice-card-head{flex:none;display:flex;align-items:center;gap:var(--app-space-2);height:48px;padding:0 10px 0 12px}.voice-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:var(--app-space-2);height:100%;padding:0;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.voice-card-main:disabled{cursor:default}.voice-card-text{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-card-title{display:flex;align-items:center;gap:var(--app-space-2);min-width:0;font-size:13px;font-weight:var(--app-weight-semibold)}.voice-card-room{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-card-sub{font-size:11px;color:var(--app-color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-live{flex:none;padding:1px 6px;border-radius:var(--app-radius-pill);background:var(--app-color-success-soft);color:var(--app-color-success);font-size:9px;font-weight:var(--app-weight-bold);letter-spacing:.08em}.voice-card-actions{flex:none;display:flex;align-items:center;gap:4px}.voice-card-btn{flex:none;width:34px;height:34px;display:grid;place-items:center;padding:0;border:none;border-radius:10px;background:var(--app-color-surface-muted);color:var(--app-color-text);cursor:pointer;transition:var(--app-transition-fast)}.voice-card-btn:hover:not(:disabled){background:var(--app-color-brand-soft);color:var(--app-color-brand-active)}.voice-card-btn:disabled{opacity:.45;cursor:not-allowed}.voice-card-btn-on{background:var(--app-color-danger);color:var(--app-color-text-on-brand)}.voice-card-btn-on:hover:not(:disabled){background:var(--app-color-danger);color:var(--app-color-text-on-brand)}.voice-card-btn-leave{background:var(--app-color-danger-soft);color:var(--app-color-danger)}.voice-card-btn-leave:hover:not(:disabled){background:var(--app-color-danger);color:var(--app-color-text-on-brand)}.voice-card-chevron{background:transparent;color:var(--app-color-text-ghost)}.voice-card-chevron-open svg{transform:rotate(180deg)}.voice-card-back{flex:none;display:flex;align-items:center;justify-content:center;gap:6px;margin:0 10px 8px;padding:8px;border:none;border-radius:9px;background:var(--app-color-success-soft);color:var(--app-color-success);font-family:inherit;font-size:11px;font-weight:var(--app-weight-bold);white-space:nowrap;cursor:pointer;transition:var(--app-transition-fast)}.voice-card-back:hover{background:var(--app-color-success);color:var(--app-color-text-on-brand)}.voice-card-weak{border-color:var(--app-color-warning)}.voice-card-weak .voice-card-sub{color:var(--app-color-warning)}.voice-card-connecting .voice-card-sub{color:var(--app-color-brand-active)}.voice-card-mini{flex-direction:row;align-items:center;gap:var(--app-space-2);align-self:flex-start;height:44px;padding:0 8px 0 14px;border-radius:12px;background:color-mix(in srgb,var(--app-color-surface-raised) 72%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.voice-card-mini:hover{background:var(--app-color-surface-raised)}.voice-mini-timer{font-size:12px;font-weight:var(--app-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap}.voice-card-mini .voice-card-btn{width:30px;height:30px;border-radius:9px}.voice-avatars{flex:none;display:flex;align-items:center}.voice-avatars .voice-avatar+.voice-avatar{margin-left:-9px}.voice-avatar{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--app-color-surface-muted);box-shadow:0 0 0 2px var(--app-color-surface-raised);color:var(--app-color-text-secondary);font-size:12px;font-weight:var(--app-weight-bold);line-height:1}.voice-enter .voice-avatar{width:26px;height:26px;box-shadow:0 0 0 2px var(--app-color-brand)}.voice-enter:not(.voice-enter-live) .voice-avatar{box-shadow:0 0 0 2px var(--app-color-surface)}.voice-avatar-more{background:var(--app-color-brand-soft);color:var(--app-color-brand-active);font-size:11px}.voice-peer-row .voice-avatar{width:28px;height:28px;box-shadow:none}.voice-avatar-self{background:var(--app-color-brand-soft);color:var(--app-color-brand-active)}.voice-peer-list{list-style:none;margin:0;padding:0 8px 8px;max-height:312px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.voice-peer-row{display:flex;flex-direction:column;justify-content:center;gap:7px;flex:none;height:62px;padding:0 8px;border-radius:11px}.voice-peer-line{display:grid;grid-template-columns:28px minmax(0,1fr) 28px 28px;align-items:center;gap:9px}.voice-peer-volume{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:9px;padding-left:37px}.voice-peer-row-self{height:48px;gap:0}.voice-peer-row:hover{background:var(--app-color-surface-muted)}.voice-peer-row-muted .voice-avatar,.voice-peer-row-muted .voice-peer-name{opacity:.45}.voice-peer-ident{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-peer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:var(--app-weight-semibold)}.voice-peer-status{font-size:10px;white-space:nowrap}.voice-peer-status-speaking{color:var(--app-color-success)}.voice-peer-status-listening,.voice-peer-status-mic-off{color:var(--app-color-text-ghost)}.voice-peer-status-muted-for-you{color:var(--app-color-danger)}.voice-peer-percent{font-size:10px;font-weight:var(--app-weight-bold);color:var(--app-color-text-secondary);font-variant-numeric:tabular-nums;text-align:right}.voice-peer-percent-boost{color:var(--app-color-warning)}.voice-peer-empty{flex:none;padding:var(--app-space-3) var(--app-space-2);color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption)}.voice-row-btn{width:28px;height:28px;display:grid;place-items:center;padding:0;border:none;border-radius:9px;background:transparent;color:var(--app-color-text-secondary);cursor:pointer;transition:var(--app-transition-fast)}.voice-row-btn:hover:not(:disabled){background:var(--app-color-surface);color:var(--app-color-text)}.voice-row-btn:disabled{opacity:.45;cursor:not-allowed}.voice-row-btn-on{color:var(--app-color-danger)}.voice-row-spacer{width:28px}.voice-slider{display:flex;align-items:center;min-width:0}.voice-range{--voice-track-off: #7d838d;--voice-thumb: #e6e8ec;--voice-boost: var(--app-color-warning);--voice-notch: var(--app-color-bg);--voice-track-layers: linear-gradient( to right, transparent calc(50% - 1px) , var(--voice-notch) calc(50% - 1px) , var(--voice-notch) calc(50% + 1px) , transparent calc(50% + 1px) ), linear-gradient( to right, transparent 50%, var(--voice-boost) 50%, var(--voice-boost) var(--voice-fill, 0%), transparent var(--voice-fill, 0%) ), linear-gradient( to right, var(--app-color-brand) 0, var(--app-color-brand) var(--voice-fill, 0%), transparent var(--voice-fill, 0%) );width:100%;height:12px;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.voice-range:focus{outline:none}.voice-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--app-color-surface-raised),0 0 0 3px var(--app-color-brand-soft)}.voice-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--app-color-surface-raised),0 0 0 3px var(--app-color-brand-soft)}.voice-range::-webkit-slider-runnable-track{height:4px;border-radius:var(--app-radius-pill);background-color:var(--voice-track-off);background-image:var(--voice-track-layers)}.voice-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border:none;border-radius:var(--app-radius-pill);background:var(--voice-thumb);box-shadow:0 0 0 1px var(--app-color-surface-raised)}.voice-range::-moz-range-track{height:4px;border-radius:var(--app-radius-pill);background-color:var(--voice-track-off);background-image:var(--voice-track-layers)}.voice-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:var(--app-radius-pill);background:var(--voice-thumb);box-shadow:0 0 0 1px var(--app-color-surface-raised)}.voice-slider-peer{position:relative}.voice-range-norm{position:absolute;top:calc(50% + 8px);left:50%;width:2px;height:5px;margin-left:-1px;border-radius:1px;background:#fff;pointer-events:none}.voice-menu-wrap{position:relative;display:flex}.voice-menu{position:fixed;z-index:1;min-width:210px;display:flex;flex-direction:column;padding:4px;border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-surface);box-shadow:var(--app-shadow-lg)}.voice-menu-item{padding:7px 10px;border:none;border-radius:8px;background:transparent;color:var(--app-color-text);font:inherit;font-size:var(--app-font-size-caption);text-align:left;white-space:nowrap;cursor:pointer}.voice-menu-item:hover:not(:disabled){background:var(--app-color-surface-muted)}.voice-menu-item:disabled{color:var(--app-color-text-ghost);cursor:not-allowed}.voice-menu-item-on{color:var(--app-color-brand-active)}.voice-menu-item-danger:not(:disabled){color:var(--app-color-danger)}.voice-card-foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:10px;border-top:1px solid var(--app-color-surface-muted);background:var(--app-color-surface)}.voice-foot-leave{padding:10px 13px;border-radius:10px;font-size:var(--app-font-size-caption)}.voice-card-switch{flex:none;padding:10px 12px;border:none;border-top:1px solid var(--app-color-surface-muted);background:var(--app-color-surface);color:var(--app-color-brand-active);font:inherit;font-size:var(--app-font-size-caption);font-weight:var(--app-weight-semibold);text-align:left;cursor:pointer}.voice-card-switch:hover{background:var(--app-color-brand-soft)}.timeline{flex:1;min-height:0;overflow-y:auto;padding:var(--app-space-6) var(--app-space-7);display:flex;flex-direction:column;gap:var(--app-space-4)}.empty{margin:auto;color:var(--app-color-text-ghost)}.activity{display:flex;gap:var(--app-space-2);align-items:baseline}.timeline-chat{flex-direction:column-reverse}.activity-message{display:flex;align-items:flex-start}.activity-own{justify-content:flex-start}.activity-peer{justify-content:flex-end}.activity-message .bubble{display:flex;flex-direction:column;gap:var(--app-space-1);max-width:72%;padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-lg);background:var(--app-color-surface-muted);overflow-wrap:anywhere;word-break:break-word}.activity-own .bubble{background:var(--app-color-brand-soft)}.activity-author{font-weight:var(--app-weight-semibold);color:var(--app-color-brand)}.activity-author-row{display:inline-flex;align-items:baseline;gap:var(--app-space-2)}.activity-anon .activity-author{color:var(--app-color-text-secondary)}.activity-anon .bubble{box-shadow:inset 0 0 0 1px var(--app-color-border-dashed)}.activity-time{flex:none;color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption);font-variant-numeric:tabular-nums}.activity-body{color:var(--app-color-text)}.activity-date{align-self:center;padding:var(--app-space-1) var(--app-space-3);border-radius:var(--app-radius-pill);background:var(--app-color-surface-muted);color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption)}.activity-system{color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption);font-style:italic}.activity-miniapp{display:block}.miniapp-announce{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-color-border);border-radius:var(--app-radius-lg);background:var(--app-color-surface-muted)}.miniapp-announce-text{display:flex;flex-direction:column;gap:var(--app-space-1);min-width:0;overflow-wrap:anywhere}.miniapp-announce-open{flex:none}.message-bar{display:flex;align-items:flex-end;gap:var(--app-space-3);padding:var(--app-space-4) var(--app-space-6);background:var(--app-color-surface);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md)}.message-bar-input{font:inherit;font-size:var(--app-control-font-size-md);line-height:var(--app-line-height-normal)}.message-bar-input:focus{outline:none}.message-bar-emoji{flex:none;width:var(--app-control-height-md);height:var(--app-control-height-md);border:none;border-radius:var(--app-control-radius);background:transparent;color:var(--app-color-text-secondary)}.message-bar-emoji:hover:not(:disabled){color:var(--app-color-text);background:var(--app-color-surface-muted)}.message-bar-send{flex:none}.chat-context-menu-item:hover:not(:disabled){background:var(--app-color-surface-muted)}.toasts{position:fixed;bottom:var(--app-space-4);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:var(--app-space-2);align-items:center;z-index:40;pointer-events:none;max-width:90vw}.toast{display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-3) var(--app-space-4);border-radius:var(--app-radius-md);box-shadow:var(--app-shadow-md);color:var(--app-color-text-on-brand);pointer-events:auto;animation:toast-in var(--app-transition-medium) ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast{animation:none}.rail-tile,.rail-flow,.rail-fillet,.rail-glyph,.rail-tile-profile .presence-dot,.sidebar{transition:none}.profile-panel,.community-settings,.settings-section,.home,.section-stub{animation:none}}.toast-error{background:var(--app-color-danger)}.toast-info{background:var(--app-color-surface-raised);color:var(--app-color-text)}.toast-success{background:var(--app-color-success)}.toast-message{min-width:0}.toast-dismiss{background:transparent;border:none;color:inherit;font-size:1.25rem;line-height:1;cursor:pointer;flex:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--app-color-text-muted)}.btn-ghost:hover:not(:disabled){color:var(--app-color-text);background:var(--app-color-surface-raised)}.field-hint{font-size:var(--app-font-size-caption);color:var(--app-color-text-muted)}.content{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--app-color-surface-content);border-radius:var(--app-radius-lg);box-shadow:var(--app-shadow-md);overflow:hidden}.content-body{flex:1;min-height:0;display:flex;flex-direction:column}.tabstrip{flex:none;display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px;padding:var(--app-space-2) 14px 0;background:var(--app-color-surface)}.tab{position:relative;flex:0 1 auto;min-width:0;max-width:180px;display:inline-flex;align-items:center;margin-bottom:-1px;border-radius:var(--app-radius-lg) var(--app-radius-lg) 0 0;background:transparent;color:var(--app-color-text-muted);font-size:13px;font-weight:var(--app-weight-semibold);white-space:nowrap;transition:background var(--app-transition-medium),color var(--app-transition-medium)}.tab:not(.tab-active):hover{color:var(--app-color-text-secondary)}.tab-active{background:var(--app-color-surface-content);color:var(--app-color-text-bright);z-index:1}.tab-fillet{position:absolute;bottom:0;width:14px;height:14px;opacity:0;pointer-events:none;transition:opacity var(--app-transition-medium)}.tab-fillet-left{left:-14px;background:radial-gradient(circle at top left,transparent 0 14px,var(--app-color-surface-content) 14px)}.tab-fillet-right{right:-14px;background:radial-gradient(circle at top right,transparent 0 14px,var(--app-color-surface-content) 14px)}.tab-active .tab-fillet{opacity:1}.tab-main{min-width:0;display:inline-flex;align-items:center;gap:var(--app-space-2);padding:10px 4px 11px 14px;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer}.tab-main:last-child{padding-right:14px}.tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-glyph{flex:none;display:inline-flex;align-items:center;color:var(--app-color-text-faint);font-size:10px;font-weight:var(--app-weight-bold);letter-spacing:.02em;line-height:1;transition:color var(--app-transition-medium)}.tab-active .tab-glyph{color:var(--app-color-brand)}.tab-glyph-emoji{font-size:12px;line-height:1}.tab-close,.tab-expand{flex:none;display:grid;place-items:center;width:18px;height:18px;padding:0;border:none;border-radius:var(--app-radius-pill);background:transparent;color:inherit;cursor:pointer;opacity:.45;transition:opacity var(--app-transition-fast)}.tab-close{margin-right:8px}.tab-close:hover,.tab-expand:hover{opacity:1}.tab-add{flex:none;display:grid;place-items:center;width:30px;height:30px;margin:0 0 5px var(--app-space-1);padding:0;border:none;border-radius:var(--app-radius-sm);background:transparent;color:var(--app-color-text-ghost);cursor:pointer;transition:var(--app-transition-fast)}.tab-add:hover{background:var(--app-color-brand-soft);color:var(--app-color-brand)}.tabpanel-app{flex:1;display:flex;flex-direction:column;min-height:0}.tabpanel-hidden{display:none}.room-panel{flex:1;min-height:0;display:flex;flex-direction:column}.room-presence{flex:none;display:flex;flex-wrap:wrap;gap:var(--app-space-2);padding:var(--app-space-3) var(--app-space-6);border-bottom:1px solid var(--app-color-surface-muted)}.room-presence-member{padding:2px var(--app-space-3);border-radius:var(--app-radius-pill);background:var(--app-color-surface-muted);font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.tab-install{color:var(--app-color-brand)}.tab-install-mark{font-size:1.1rem;line-height:1;font-weight:var(--app-weight-bold)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:var(--app-space-5);background:var(--app-color-surface-overlay);-webkit-backdrop-filter:blur(var(--app-overlay-blur));backdrop-filter:blur(var(--app-overlay-blur));animation:modal-fade var(--app-duration-fade) ease}.modal{width:min(var(--app-modal-width-md),100%);max-height:80vh;overflow-y:auto;padding:26px;background:var(--app-color-surface-modal);border:1px solid var(--app-color-border-control);border-radius:var(--app-radius-xl);box-shadow:var(--app-shadow-lg);animation:toast-in var(--app-duration-enter) ease}.modal-head{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--app-space-5)}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--app-space-4)}.modal-title{margin:0;font-size:19px;font-weight:var(--app-weight-bold)}.modal-subtitle{margin:0;color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-relaxed)}.modal-compact{width:min(var(--app-modal-width-sm),100%)}.modal-wide{width:min(var(--app-modal-width-lg),100%)}.modal-scroll{max-height:70vh;overflow:hidden;display:flex;flex-direction:column}.modal-body{display:flex;flex-direction:column;gap:var(--app-space-4)}.modal-scroll .modal-body{flex:0 1 auto;min-height:0}.modal-message{margin:0;color:var(--app-color-text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--app-space-3)}.modal-body+.modal-actions{margin-top:22px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.modal,.modal-backdrop{animation:none}}.btn-danger{background:var(--app-color-danger);border-color:var(--app-color-danger);color:var(--app-color-text-bright)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.applist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-space-2)}.applist-empty{grid-column:1 / -1}@media (max-width: 720px){.applist{grid-template-columns:minmax(0,1fr)}}.applist-row{display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:stretch;gap:var(--app-space-2)}.applist-revoke{align-self:center;justify-self:end;border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-sm)}.applist-item{width:100%;min-width:0;display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-surface);color:var(--app-color-text);font-family:inherit;text-align:left;cursor:pointer;transition:var(--app-transition-fast)}.applist-item:hover{border-color:var(--app-color-brand);background:var(--app-color-brand-soft)}.applist-icon{flex:none;font-size:1.6rem;line-height:1}.applist-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--app-space-1)}.applist-name{font-weight:var(--app-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applist-marks{display:flex;flex-wrap:wrap;gap:var(--app-space-1) var(--app-space-2)}.applist-marks:empty{display:none}.applist-mark{padding:0 var(--app-space-2);border-radius:var(--app-radius-pill);background:var(--app-color-surface-muted);color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption);font-weight:var(--app-weight-semibold);white-space:nowrap}.applist-scope-room{background:var(--app-color-brand-soft);color:var(--app-color-brand)}.applist-scope-community{background:var(--app-color-info-soft);color:var(--app-color-info)}.applist-perms{font-size:var(--app-font-size-caption);color:var(--app-color-text-ghost);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applist-perms-ids{font-family:var(--app-font-family-mono)}.applist-action{flex:none;white-space:nowrap;font-size:var(--app-font-size-caption);font-weight:var(--app-weight-semibold);color:var(--app-color-brand)}.permlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--app-space-2)}.permlist-item{display:flex;flex-direction:column;gap:var(--app-space-1);padding:var(--app-space-3) var(--app-space-4);border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-md);background:var(--app-color-surface)}.permlist-text{color:var(--app-color-text)}.permlist-new{margin-left:var(--app-space-2);font-size:var(--app-font-size-caption);font-weight:var(--app-weight-semibold);color:var(--app-color-brand);text-transform:uppercase}.permlist-id{font-family:var(--app-font-family-mono);font-size:var(--app-font-size-caption);color:var(--app-color-text-ghost)}.miniapp-host{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.miniapp-frame{flex:1;width:100%;border:none;background:var(--app-color-bg)}.app.app-fullscreen{grid-template-columns:1fr;gap:0;padding:0}.app.app-fullscreen .rail,.app.app-fullscreen .sidebar,.app.app-fullscreen .tabstrip{display:none}.app.app-fullscreen .main{gap:0}.app.app-fullscreen .content{border-radius:0;box-shadow:none}.fullscreen-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-2) var(--app-space-4);background:var(--app-color-surface-muted);border-bottom:1px solid var(--app-color-border)}.fullscreen-bar-title{font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-exit{flex:none;display:inline-flex;align-items:center;gap:var(--app-space-2);padding:var(--app-space-1) var(--app-space-3);border:1px solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-surface);color:var(--app-color-text);font:inherit;font-size:var(--app-font-size-caption);cursor:pointer}.fullscreen-exit:hover{border-color:var(--app-color-brand);color:var(--app-color-brand)}.fullscreen-key{padding:0 var(--app-space-1);border:1px solid var(--app-color-border);border-radius:var(--app-radius-sm);background:var(--app-color-surface-muted);color:var(--app-color-text-ghost);font-family:inherit;font-size:var(--app-font-size-caption)}.settings-body{display:flex;flex-direction:column;gap:var(--app-space-6)}.settings-section{display:flex;flex-direction:column;gap:var(--app-space-3)}.settings-heading{margin:0;font-size:var(--app-font-size-body);font-weight:var(--app-weight-semibold);color:var(--app-color-text)}.settings-hint{margin:0;font-size:var(--app-font-size-caption);color:var(--app-color-text-ghost)}.settings-field{display:flex;flex-direction:column;gap:var(--app-space-1)}.settings-label{font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.select{position:relative;width:100%}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-1);width:100%;height:var(--app-control-height-md);padding:0 var(--app-control-padding-x-md);border:1px solid var(--app-color-border-strong);border-radius:var(--app-control-radius);background:var(--app-color-surface);color:var(--app-color-text);font-size:var(--app-control-font-size-md);cursor:pointer;text-align:left}.select-trigger:disabled{opacity:.5;cursor:default}.select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-caret{flex:none;color:var(--app-color-text-secondary)}.select-list{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;margin:0;padding:4px;list-style:none;border:1px solid var(--app-color-border-strong);border-radius:var(--app-control-radius);background:var(--app-color-surface);box-shadow:var(--app-shadow-md)}.select-option{padding:6px var(--app-control-padding-x-md);border-radius:calc(var(--app-control-radius) - 2px);color:var(--app-color-text);font-size:var(--app-control-font-size-md);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option-active{background:var(--app-color-surface-raised, rgb(255 255 255 / .08))}.select-option-current{color:var(--app-color-brand)}.settings-field input[type=range]{width:100%;accent-color:var(--app-color-brand)}.settings-toggle{display:flex;align-items:center;gap:var(--app-space-2);font-size:var(--app-font-size-body);color:var(--app-color-text);cursor:pointer}.settings-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--app-color-brand);cursor:pointer}.gate-meter{display:flex;flex-direction:column;gap:var(--app-space-1)}.gate-meter-track{width:100%;height:8px;border-radius:var(--app-radius-pill);background:var(--app-color-surface-muted);overflow:hidden}.gate-meter-fill{height:100%;border-radius:var(--app-radius-pill);transition:width 90ms linear,background-color .12s linear}.gate-meter-open{background:var(--app-color-success)}.gate-meter-closed{background:var(--app-color-text-ghost)}.auth-error{margin:0;padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-sm);color:var(--app-color-danger);background:color-mix(in srgb,var(--app-color-danger) 12%,transparent);font-size:var(--app-font-size-caption)}.auth-secret{display:flex;align-items:center;gap:var(--app-space-2)}.auth-secret code{flex:1;min-width:0;padding:var(--app-space-2) var(--app-space-3);border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-surface);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-caption);word-break:break-all}.totp-scan{display:flex;align-items:flex-start;gap:var(--app-space-4);flex-wrap:wrap}.totp-qr{flex:0 0 auto}.qr,.totp-qr-wait{display:block;border-radius:var(--app-radius-sm);background:#fff}.totp-qr-wait{width:168px;height:168px;background:var(--app-color-surface);border:1px dashed var(--app-color-border-strong)}.totp-fallback{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:var(--app-space-2)}.totp-fallback-actions{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}.auth-recovery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--app-space-2)}.auth-recovery code{padding:var(--app-space-2);border:1px solid var(--app-color-border-strong);border-radius:var(--app-radius-sm);background:var(--app-color-surface);font-family:var(--app-font-family-mono);font-size:var(--app-font-size-caption);text-align:center}.auth-switch{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--app-space-2)}.auth-link{padding:0;border:none;background:transparent;color:var(--app-color-brand);font-size:var(--app-font-size-caption);cursor:pointer}.auth-link:hover{text-decoration:underline}.account-head{display:flex;align-items:flex-start;gap:var(--app-space-3)}.account-who{display:flex;flex-direction:column;gap:4px;min-width:0}.account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--app-font-size-body);font-weight:var(--app-weight-bold)}.account-marks{display:flex;flex-wrap:wrap;gap:var(--app-space-2);margin-top:2px}.account-name-edit{display:flex;align-items:flex-end;gap:var(--app-space-2)}.account-name-edit .field{flex:1;min-width:0}.account-actions{display:flex;flex-wrap:wrap;gap:var(--app-space-2)}.account-device{display:flex;flex-direction:column;gap:var(--app-space-2);width:100%;min-width:0}.account-device-main{display:flex;align-items:center;gap:var(--app-space-2);min-width:0}.account-device-main .mono{flex:1;min-width:0}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2)}.section-add{color:var(--app-color-text-muted)}.section-add:hover,.section-add-open{color:var(--app-color-text)}.section-add-open{transform:rotate(45deg)}.home{flex:1;min-height:0;overflow-y:auto;animation:toast-in var(--app-duration-medium) ease}.home-page{max-width:840px;margin:0 auto;padding:34px 36px 60px}.home-greeting{margin:0 0 6px;font-size:var(--app-font-size-heading);font-weight:var(--app-weight-bold);letter-spacing:-.02em;line-height:var(--app-line-height-tight)}.home-note{margin:0 0 26px;color:var(--app-color-text-ghost);font-size:13.5px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--app-space-2)}.home-card{display:block;width:100%;padding:14px 16px;border:1px solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-surface-card);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--app-transition-fast)}.home-card:hover{border-color:var(--app-color-border-hover)}.home-card:focus-visible{outline:1px solid var(--app-color-brand);outline-offset:2px}.home-card-head{display:flex;align-items:center;gap:9px;margin-bottom:7px}.home-card-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--app-weight-bold);font-size:14px}.home-card-meta{display:flex;align-items:center;gap:var(--app-space-2)}.home-card-count{color:var(--app-color-text-faint);font-size:12px}.home-empty{margin:0;color:var(--app-color-text-ghost-dim);font-size:13.5px;line-height:var(--app-line-height-normal)}.section-stub{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:var(--app-space-6);text-align:center;animation:toast-in var(--app-duration-medium) ease}.section-stub-title{margin:0;font-size:16px;font-weight:var(--app-weight-bold);line-height:var(--app-line-height-tight);color:var(--app-color-text-tertiary)}.section-stub-note{margin:0;max-width:420px;color:var(--app-color-text-faint);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-normal)}.community-view{flex:1;min-height:0;overflow-y:auto;padding:var(--app-space-8) var(--app-space-8) calc(var(--app-space-8) * 2);display:flex;flex-direction:column;align-items:center;gap:var(--app-space-5)}.community-view>*{width:100%;max-width:840px}.hub-head{display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--app-space-5);margin-bottom:var(--app-space-2)}.hub-head-text{flex:1 1 240px;min-width:0;padding-top:2px}.hub-title-row{display:flex;align-items:center;gap:var(--app-space-3);margin-bottom:var(--app-space-2)}.hub-title{margin:0;min-width:0;font-size:var(--app-font-size-heading);font-weight:var(--app-weight-bold);letter-spacing:-.02em;line-height:var(--app-line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-settings{width:32px;height:32px;border-radius:var(--app-control-radius);color:var(--app-color-icon)}.hub-settings:hover{color:var(--app-color-text-bright);background:var(--app-color-surface-muted)}.hub-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-2);color:var(--app-color-text-muted);font-size:var(--app-font-size-caption)}.hub-access{white-space:nowrap}.hub-members-link{padding:0;border:none;border-bottom:1px dashed var(--app-color-border-underline);background:transparent;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;transition:color var(--app-transition-fast)}.hub-members-link:hover{color:var(--app-color-text)}.hub-invite{flex:none;margin-left:auto;margin-top:6px}.hub-feed{display:flex;flex-direction:column;gap:var(--app-space-3)}.hub-exit{display:flex;align-items:center;gap:var(--app-space-2);margin-top:var(--app-space-3);font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.hub-exit-action{height:auto;padding:0;font-size:var(--app-font-size-caption);font-weight:var(--app-weight-regular)}.hub-ownership{display:flex;flex-direction:column;align-items:flex-start;gap:var(--app-space-2);margin-top:var(--app-space-3);font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.hub-ownership-row{align-self:stretch;display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-2)}.hub-ownership-text{flex:0 1 100%;line-height:var(--app-line-height-normal)}.hub-ownership-error{display:flex;flex-wrap:wrap;align-items:center;gap:var(--app-space-2);margin:0;color:var(--app-color-danger);line-height:var(--app-line-height-normal)}.community-head-text{min-width:0;display:flex;flex-direction:column;gap:2px}.community-title{font-size:var(--app-font-size-heading);font-weight:var(--app-weight-bold);color:var(--app-color-text);margin:0}.community-subtitle{font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.community-error{padding:var(--app-space-2) var(--app-space-3);border-radius:var(--app-radius-sm);background:var(--app-color-surface-muted);color:var(--app-color-danger);font-size:var(--app-font-size-caption)}.community-more{align-self:flex-start}.invite-code{display:flex;align-items:center;gap:var(--app-space-3);padding:14px 16px;border:1px solid var(--app-color-border-inset);border-radius:12px;background:var(--app-color-surface-inset)}.invite-code .mono{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-code-actions{display:flex;gap:var(--app-space-2)}.invite-code-action{flex:1}.community-invite-lookup{display:flex;gap:var(--app-space-2)}.community-preview{display:flex;align-items:center;gap:var(--app-space-3);padding:var(--app-space-3);border-radius:var(--app-radius-md);background:var(--app-color-surface-muted)}.community-visibility{display:flex;flex-direction:column;gap:var(--app-space-2);border:none;margin:0;padding:0;min-width:0}.community-visibility>.field-label{padding:0 0 var(--app-space-1)}.community-visibility-option{display:flex;align-items:flex-start;gap:var(--app-space-2);padding:var(--app-space-2) var(--app-space-3);border:1px solid var(--app-color-border);border-radius:var(--app-radius-md);cursor:pointer;transition:border-color var(--app-transition-fast),background var(--app-transition-fast)}.community-visibility-option:hover{background:var(--app-color-surface-muted)}.community-visibility-option:has(input:checked){border-color:var(--app-color-brand);background:var(--app-color-brand-soft)}.community-create-row{display:flex;gap:var(--app-space-2);align-items:flex-end}.community-icon-input{flex:0 0 4.5rem;text-align:center}.community-posts{display:flex;flex-direction:column;gap:var(--app-space-2)}.post-card{padding:15px 17px;border:1px solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-surface-card)}.post-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--app-space-2) 10px;margin-bottom:9px}.post-author{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--app-weight-bold);font-size:13.5px;color:var(--app-color-text)}.post-time{margin-left:auto;flex:none;font-size:12px;color:var(--app-color-text-faint)}.post-text{margin:0;font-size:13.5px;line-height:1.65;color:var(--app-color-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.post-composer{padding:13px 16px;border:1px solid var(--app-color-border);border-radius:var(--app-radius-md);background:var(--app-color-surface-card);transition:border-color var(--app-transition-fast)}.post-composer:hover,.post-composer:focus-within{border-color:var(--app-color-border-hover)}.post-composer-row{display:flex;align-items:flex-start;gap:var(--app-space-3);cursor:text}.post-composer-input{flex:1;min-width:0;padding:5px 0;border:none;background:transparent;color:var(--app-color-text);font-family:inherit;font-size:13.5px;line-height:1.5;resize:none;overflow:hidden}.post-composer-input::placeholder{color:var(--app-color-text-ghost-dim)}.post-composer-input:focus{outline:none}.post-composer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--app-space-2);margin-top:var(--app-space-3)}.post-composer-count{margin-right:auto;font-size:var(--app-font-size-caption);color:var(--app-color-text-faint)}.post-composer-count-over{color:var(--app-color-danger)}.post-composer-error{margin:var(--app-space-3) 0 0;font-size:var(--app-font-size-caption);color:var(--app-color-danger)}.account-needed{display:flex;align-items:center;gap:var(--app-space-3);padding:13px 16px;border:1px dashed var(--app-color-border-dashed);border-radius:var(--app-radius-md);background:transparent}.account-needed-compact{flex-direction:column;align-items:flex-start;gap:var(--app-space-2)}.account-needed-text{flex:1;min-width:0;margin:0;font-size:var(--app-font-size-caption);color:var(--app-color-text-secondary)}.rail-tile-account{color:var(--app-color-text-ghost)}.community-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.community-event{display:flex;align-items:baseline;gap:14px;padding:10px 2px;border-bottom:1px solid var(--app-color-surface-raised)}.community-event-time{flex:0 0 44px}.community-event-text{flex:1;min-width:0;font-size:var(--app-font-size-caption);line-height:1.5;color:var(--app-color-text-muted);overflow-wrap:anywhere}.community-settings{flex:1;min-height:0;overflow-y:auto;animation:toast-in var(--app-duration-medium) ease}.settings-page{max-width:920px;margin:0 auto;padding:30px 36px 60px}.settings-back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;padding:0;border:none;background:transparent;color:var(--app-color-text-muted);font:inherit;font-size:var(--app-font-size-caption);font-weight:var(--app-weight-semibold);cursor:pointer;transition:color var(--app-transition-fast)}.settings-back:hover{color:var(--app-color-text)}.settings-title{margin:0 0 26px;font-size:var(--app-font-size-heading);font-weight:var(--app-weight-bold);letter-spacing:-.02em;line-height:var(--app-line-height-tight)}.settings-layout{display:flex;align-items:flex-start;gap:34px}.settings-nav{position:sticky;top:0;flex:0 0 190px;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-2);padding:10px 12px;border:none;border-radius:var(--app-control-radius);background:transparent;color:var(--app-color-text-muted);font:inherit;font-size:13.5px;font-weight:var(--app-weight-semibold);text-align:left;cursor:pointer;transition:background var(--app-transition-fast),color var(--app-transition-fast)}.settings-nav-item:hover{color:var(--app-color-text-secondary)}.settings-nav-item-on,.settings-nav-item-on:hover{background:var(--app-color-surface-raised);color:var(--app-color-text-bright)}.settings-nav-item:focus-visible{outline:1px solid var(--app-color-brand);outline-offset:-1px}.settings-nav-count{color:var(--app-color-text-faint);font-size:11.5px;font-weight:var(--app-weight-semibold)}.settings-nav-item-on .settings-nav-count{color:var(--app-color-text-muted)}.settings-section{flex:1;min-width:0;display:flex;flex-direction:column;animation:toast-in var(--app-duration-enter) ease}.settings-section-title{margin:0 0 4px;font-size:var(--app-font-size-title);font-weight:var(--app-weight-bold);line-height:var(--app-line-height-tight)}.settings-section-desc{margin:0 0 20px;color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-relaxed)}.settings-actions,.settings-more{display:flex;align-items:center;gap:var(--app-space-2);margin-top:var(--app-space-4)}.settings-section-desc+.settings-actions{margin-top:0}.settings-invite{display:flex;align-items:flex-start;margin:var(--app-space-4) 0 26px}.settings-note{margin:var(--app-space-3) 0 0;color:var(--app-color-text-faint);font-size:12px;line-height:var(--app-line-height-normal)}.settings-room-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--app-weight-semibold)}.settings-room-access{flex:0 0 118px;color:var(--app-color-text-muted);font-size:12px;text-align:right}.settings-room-access-edit{border:0;padding:0;background:none;font:inherit;cursor:pointer;transition:color var(--app-transition-fast)}.settings-room-access-edit:hover:not(:disabled){color:var(--app-color-text)}.settings-room-access-edit:disabled{cursor:default}.settings-room-access-edit:focus-visible{outline:1px solid var(--app-color-brand);outline-offset:2px;border-radius:var(--app-radius-sm)}.settings-link-room{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--app-space-3);margin-top:var(--app-space-3)}.settings-link-room>.field{min-width:200px}.settings-link-room>.settings-note{flex-basis:100%;margin-top:0}.settings-confirm-block{margin:0;color:var(--app-color-text);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-relaxed)}.settings-confirm-text{flex:1;min-width:0;color:var(--app-color-text-secondary);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-normal)}.member-row{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.member-row[aria-busy=true]{opacity:.72}.member-row-main{display:flex;align-items:center;gap:14px;min-width:0}.member-identity{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.member-identity .mono{flex:0 0 auto}.member-handle{flex:0 1 auto;min-width:0;display:flex;align-items:baseline}.member-name{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-self{flex:0 0 auto;color:var(--app-color-text-ghost);font-size:var(--app-font-size-caption)}.member-tag{flex:0 0 auto;white-space:nowrap;margin-left:2px;color:var(--app-color-text-ghost);font-family:var(--app-font-family-mono);font-size:.92em;font-weight:var(--app-weight-regular);letter-spacing:.02em;-webkit-user-select:all;user-select:all}.member-actions{position:absolute;top:50%;right:16px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;padding-left:28px;background:linear-gradient(to right,transparent 0,var(--app-color-surface) 28px,var(--app-color-surface) 100%);opacity:0;pointer-events:none;transition:opacity var(--app-transition-fast)}.rowlist-row:hover .member-actions,.member-actions:focus-within,.member-actions-busy{opacity:1;pointer-events:auto}.member-question{margin:0;color:var(--app-color-text-secondary);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-normal)}.member-error{margin:0;color:var(--app-color-danger);font-size:var(--app-font-size-caption);line-height:var(--app-line-height-normal)}.member-reason{margin:0;color:var(--app-color-text-ghost-dim);font-size:12px;line-height:var(--app-line-height-normal)}.member-question-actions{display:flex;align-items:center;gap:var(--app-space-2)}.member-row .field{max-width:420px}.btn-danger:hover:not(:disabled){border-color:var(--app-color-danger);color:var(--app-color-text-bright)}.btn-danger-outline{background:transparent;border-color:var(--app-color-danger-border);color:var(--app-color-danger)}.btn-danger-outline:hover:not(:disabled){background:var(--app-color-danger-soft);border-color:var(--app-color-danger);color:var(--app-color-danger)}.btn-ghost-danger{color:var(--app-color-text-ghost-dim)}.btn-ghost-danger:hover:not(:disabled){background:transparent;color:var(--app-color-danger)}.btn-sm{height:var(--app-control-height-sm);padding:0 var(--app-space-3);font-size:var(--app-font-size-caption)}.section-label-md{font-size:12px;letter-spacing:.1em}.section-label-dim{color:var(--app-color-text-ghost-dim)}.section-label-faint{font-size:10px;font-weight:var(--app-weight-regular);color:var(--app-color-text-faint)}.section-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}.segmented{display:inline-flex;align-items:center}.segmented-track{gap:2px;padding:2px;border:1px solid var(--app-color-border-inset);border-radius:var(--app-radius-sm);background:var(--app-color-surface-sunken)}.segmented-option{border:1px solid transparent;background:transparent;font:inherit;cursor:pointer;white-space:nowrap;transition:background var(--app-transition-fast),border-color var(--app-transition-fast),color var(--app-transition-fast)}.segmented-option:disabled{opacity:.5;cursor:not-allowed}.segmented-option:focus-visible{outline:none;box-shadow:0 0 0 1px var(--app-color-brand),0 0 0 3px var(--app-color-brand-soft)}.segmented-track .segmented-option{padding:5px 10px;border-radius:var(--app-radius-xs);color:var(--app-color-text-ghost-dim);font-size:11.5px;font-weight:var(--app-weight-bold)}.segmented-track .segmented-option:hover:not(:disabled){color:var(--app-color-text-secondary)}.segmented-track .segmented-option-on,.segmented-track .segmented-option-on:hover:not(:disabled){background:var(--app-color-surface-strong);color:var(--app-color-text-bright)}.segmented-outline{gap:var(--app-space-2);flex-wrap:wrap}.segmented-outline .segmented-option{padding:9px 14px;border-color:var(--app-color-border-strong);border-radius:var(--app-control-radius);color:var(--app-color-text-muted);font-size:13px;font-weight:var(--app-weight-semibold)}.segmented-outline .segmented-option:hover:not(:disabled){color:var(--app-color-text-secondary)}.segmented-outline .segmented-option-on,.segmented-outline .segmented-option-on:hover:not(:disabled){border-color:var(--app-color-brand);color:var(--app-color-brand)}.switch{display:flex;align-items:center;gap:var(--app-space-3);padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.switch:disabled{opacity:.5;cursor:not-allowed}.switch-bare{flex:none;gap:0}.switch-row{width:100%;gap:var(--app-space-4);padding:15px 18px;border:1px solid var(--app-color-border-list);border-radius:var(--app-radius-md);background:var(--app-color-surface);transition:border-color var(--app-transition-fast)}.switch-row:hover:not(:disabled){border-color:var(--app-color-border-hover)}.switch-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.switch-title{color:var(--app-color-text);font-weight:var(--app-weight-semibold)}.switch-desc{color:var(--app-color-text-ghost-dim);font-size:12px;font-weight:var(--app-weight-regular);line-height:var(--app-line-height-normal)}.switch-track{position:relative;flex:0 0 40px;width:40px;height:23px;border-radius:var(--app-switch-radius);background:var(--app-color-border-strong);transition:background var(--app-transition-medium)}.switch[aria-checked=true] .switch-track{background:var(--app-color-brand)}.switch-knob{position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:var(--app-color-text-bright);transition:left var(--app-duration-medium) var(--app-ease-flow)}.switch[aria-checked=true] .switch-knob{left:20px}.switch:focus-visible{outline:none}.switch:focus-visible .switch-track{box-shadow:0 0 0 1px var(--app-color-brand),0 0 0 3px var(--app-color-brand-soft)}.choice-row{position:relative;display:flex;align-items:flex-start;gap:13px;padding:15px 18px;background:var(--app-color-surface);cursor:pointer;transition:background var(--app-transition-fast)}.choice-row-input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.choice-row:hover,.choice-row:has(.choice-row-input:checked){background:var(--app-color-surface-raised)}.choice-row:has(.choice-row-input:disabled){opacity:.5;cursor:not-allowed}.choice-row-mark{flex:0 0 16px;width:16px;height:16px;margin-top:1px;border:2px solid var(--app-color-border-hover);border-radius:50%;transition:border-color var(--app-transition-fast),background var(--app-transition-fast)}.choice-row:has(.choice-row-input:checked) .choice-row-mark{border-color:var(--app-color-brand);background:radial-gradient(circle,var(--app-color-brand) 0 4px,transparent 4px)}.choice-row:has(.choice-row-input:focus-visible) .choice-row-mark{box-shadow:0 0 0 3px var(--app-color-brand-soft)}.choice-row-text{display:flex;flex-direction:column;gap:3px;min-width:0}.choice-row-title{color:var(--app-color-text);font-weight:var(--app-weight-semibold)}.choice-row-desc{color:var(--app-color-text-ghost-dim);font-size:12px;line-height:var(--app-line-height-normal)}.rowlist{display:flex;flex-direction:column;gap:1px;border:1px solid var(--app-color-border-list);border-radius:var(--app-radius-md);background:var(--app-color-surface-muted);overflow:hidden}.rowlist-scroll{min-height:0;overflow-y:auto}.rowlist-row{position:relative;display:flex;align-items:center;gap:14px;min-width:0;padding:13px 16px;background:var(--app-color-surface);color:var(--app-color-text);font-size:13.5px}.rowlist-row-start{align-items:flex-start;flex-wrap:wrap}.rowlist-row-on{background:var(--app-color-surface-raised)}.rowlist-row-button{border:none;font:inherit;font-size:13.5px;text-align:left;cursor:pointer;transition:background var(--app-transition-fast)}.rowlist-row-button:hover:not(:disabled){background:var(--app-color-surface-raised)}.rowlist-row-button:disabled{opacity:.6;cursor:not-allowed}.rowlist-row-button:focus-visible{outline:1px solid var(--app-color-brand);outline-offset:-1px}.rowlist-empty{padding:24px 18px;background:var(--app-color-surface);color:var(--app-color-text-ghost-dim);font-size:13px;text-align:center}.badge{display:inline-flex;align-items:center;flex:none;font-weight:var(--app-weight-bold);white-space:nowrap}.badge-sm{padding:2px 7px;border-radius:6px;font-size:10.5px}.badge-md{padding:3px 9px;border-radius:var(--app-radius-xs);font-size:11.5px}.badge-brand{background:var(--app-color-brand-soft);color:var(--app-color-brand)}.badge-neutral{background:var(--app-color-surface-strong);color:var(--app-color-text-tertiary)}.badge-muted{background:var(--app-color-surface-muted);color:var(--app-color-text-muted)}.badge-mark{background:var(--app-color-surface-strong);color:var(--app-color-text-muted)}.presence-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--app-color-presence-off);transition:background var(--app-transition-medium)}.presence-dot-live{background:var(--app-color-success)}.presence-dot-ring{flex-basis:9px;width:9px;height:9px;border:2px solid var(--app-color-bg)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden;font-weight:var(--app-weight-bold);letter-spacing:.02em;text-transform:uppercase}.avatar-sm{width:30px;height:30px;border-radius:var(--app-radius-sm);font-size:11px}.avatar-md{width:34px;height:34px;border-radius:10px;font-size:15px}.avatar-lg{width:38px;height:38px;border-radius:12px;font-size:13px}.avatar-xl{width:58px;height:58px;border-radius:var(--app-radius-lg);font-size:16px}.avatar-brand{background:linear-gradient(150deg,var(--app-color-brand),var(--app-color-brand-deep));color:var(--app-color-text-on-brand-deep)}.avatar-neutral{background:var(--app-color-surface-muted);color:var(--app-color-text-muted)}.avatar-plate{border:1px solid var(--app-color-border-strong);background:var(--app-color-surface-raised);color:var(--app-color-brand)}.avatar-quiet{border:1px solid var(--app-color-border-inset);background:var(--app-color-surface-card);color:var(--app-color-text-ghost)}.mono{font-family:var(--app-font-family-mono)}.mono-sm{font-size:12px}.mono-lg{font-size:17px;letter-spacing:.08em}.mono-faint{color:var(--app-color-text-faint)}.mono-secondary{color:var(--app-color-text-tertiary)}.mono-bright{color:var(--app-color-text)}.mono-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}