:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f7f8f5;--panel:#fff;--panel-2:#fff;--soft:#f1f5ed;--line:#e1e7dc;--text:#263023;--muted:#737d6f;--accent:#cadb28;--accent-2:#35a853;--hot:#b3d72d;--gold:#a87300;--danger:#b94b43;--focus-ring:#16823f;--focus-ring-inverse:#cadb28;--inverse-accent-text:#cadb28;--shadow:0 24px 70px #23301a14;--glow:#dae83b29;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-display:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;--font-urdu:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Tahoma, Arial, sans-serif;--ink:var(--bg);--panel2:var(--panel-2);--paper:var(--text);--amber:var(--accent);--cyan:var(--accent-2)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#07120c;--panel:#0d1d13;--panel-2:#12291a;--soft:#193a24;--line:#285237;--text:#f7fff6;--muted:#9eb9a4;--accent:#c9f23b;--accent-2:#24e58a;--hot:#eaff56;--gold:#ffe057;--danger:#ff8b7f;--focus-ring:#16823f;--focus-ring-inverse:#365000;--inverse-accent-text:#365000;--shadow:0 24px 80px #0009;--glow:#adf23655}}.routed-shell{background:color-mix(in srgb, var(--panel) 94%, transparent);width:100%;max-width:1680px;height:100dvh;box-shadow:var(--shadow);grid-template-rows:minmax(0,1fr);grid-template-columns:82px minmax(0,1fr);margin-inline:auto;display:grid;position:relative;overflow:hidden}.navigation-rail{border-inline-end:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);flex-direction:column;align-items:center;gap:9px;min-width:0;padding:18px 12px;display:flex;overflow-y:auto}.rail-brand-lockup{flex:none;margin-bottom:7px;position:relative}.rail-logo{width:48px;height:48px;filter:drop-shadow(0 0 14px var(--glow));flex:none;display:block}.rail-beta{inset-inline-end:-4px;color:var(--muted);font-size:8px;font-weight:800;line-height:1;position:absolute;bottom:-5px}.rail-links{gap:3px;display:grid}.rail-links a,.rail-links button,.rail-action{width:46px;height:46px;color:var(--muted);background:0 0;border:0;border-radius:15px;place-items:center;text-decoration:none;transition:color .2s,background-color .2s,transform .2s;display:grid;position:relative}.rail-links a:hover,.rail-links a[aria-current=page],.rail-links button:hover,.rail-links button.selected,.rail-action:hover{background:var(--soft);color:var(--text);transform:translateY(-1px)}.rail-links a[aria-current=page]:before,.rail-links button.selected:before{content:"";background:var(--accent-2);border-radius:4px;width:3px;height:22px;position:absolute;inset-inline-start:-12px}.rail-glyph{font-size:19px}.rail-spacer{flex:1}.rail-profile{color:#381515;background:linear-gradient(135deg,#fb7185,#fbbf24);border:0;border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid;position:relative;overflow:hidden}.rail-profile:after{content:"";inset-inline-end:-1px;border:3px solid var(--panel);background:#41d985;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px}.route-content{min-width:0;min-height:0;overflow:hidden}.route-content>.rooms-route,.route-content>.rooms-route>.chat-shell{height:100%}.feature-screen{background:color-mix(in srgb, var(--bg) 70%, var(--panel));height:100%;min-height:0;padding:clamp(40px,8vw,100px);position:relative;overflow:auto}.feature-screen h1{font:600 clamp(34px, 5vw, 68px) / 1 var(--font-display);margin:0 0 18px}.feature-screen>p:last-child{max-width:620px;color:var(--muted);font-size:16px;line-height:1.7}.account-screen{padding:clamp(56px,6vw,88px)}.account-panel{width:min(100%,1080px);margin-inline:auto}.account-heading{max-width:700px;margin-bottom:30px}.account-heading h2{font:600 clamp(34px, 5vw, 64px) / 1 var(--font-display);letter-spacing:-.045em;margin:8px 0 12px}[dir=rtl] .account-heading h2{letter-spacing:0;line-height:1.45}.account-heading>p:last-child{color:var(--muted);margin:0;line-height:1.7}.identity-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);align-items:center;gap:18px;padding:22px;display:flex}.identity-avatar{color:#381515;width:76px;height:76px;font:700 18px var(--font-display);background:linear-gradient(135deg,#fb7185,#fbbf24);border-radius:24px;flex:none;place-items:center;display:grid;overflow:hidden}.identity-avatar img{object-fit:cover;width:100%;height:100%}.identity-card p{gap:5px;min-width:0;margin:0;display:grid}.identity-card strong{overflow-wrap:anywhere;font:600 22px var(--font-display)}.identity-card small{color:var(--muted);font-size:13px}.identity-card a{width:fit-content;color:var(--accent-2);text-underline-offset:3px;font-size:12px}.account-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--panel) 92%, transparent);grid-template-columns:1fr 1fr;gap:20px;max-width:720px;margin-top:24px;padding:26px;display:grid}.account-form label,.inline-form label{color:var(--muted);gap:8px;font-size:12px;display:grid}.account-form input,.account-form select,.inline-form input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:100%;min-width:0;color:var(--text);padding:12px 13px}.account-form input:disabled{background:var(--soft);color:var(--muted)}.account-form .form-status,.account-form .primary{grid-column:1/-1}.account-form label:has(input[type=file]){grid-column:1/-1}.form-status{border-inline-start:3px solid var(--accent-2);background:color-mix(in srgb, var(--accent-2) 11%, var(--panel));color:var(--text);margin:0;padding:10px 12px;font-size:12px}.onboarding-step{gap:18px;display:grid}.onboarding-step h2,.onboarding-step p{margin:0}.onboarding-step>strong{overflow-wrap:anywhere;color:var(--accent-2)}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.security-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-width:0;padding:24px;box-shadow:0 18px 44px #23301a0d}.security-card h3{font:600 20px var(--font-display);margin:0 0 18px}.security-card>p{color:var(--muted)}.security-card button:not(.primary){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);padding:9px 12px}.security-card .danger-button{color:var(--danger)}.sessions-card{grid-column:1/-1}.inline-form{gap:12px;display:grid}.inline-form .primary{padding:11px}.reauthentication{border-color:color-mix(in srgb, var(--gold) 55%, var(--line));margin-bottom:18px}.reauthentication>p{margin-block:-6px 18px}.reauthentication-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.reauthentication-form label{color:var(--muted);gap:8px;font-size:12px;display:grid}.reauthentication-form input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:100%;min-width:0;color:var(--text);padding:12px 13px}.reauthentication-form .primary{grid-column:1/-1;padding:11px}.button-row{flex-wrap:wrap;gap:10px;display:flex}.recovery-codes{border:1px solid color-mix(in srgb, var(--gold) 55%, var(--line));border-radius:var(--radius-md);background:color-mix(in srgb, var(--gold) 8%, var(--panel));margin-top:18px;padding:16px}.recovery-codes strong{color:var(--gold);font-size:12px}.recovery-codes ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.security-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding-block:14px;display:flex}.security-row:last-child{border-bottom:0}.security-row p{gap:4px;min-width:0;margin:0;display:grid}.security-row small{overflow-wrap:anywhere;color:var(--muted);font-size:11px}.xmpp-card{grid-column:1/-1}.security-card-heading,.xmpp-device-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.security-card-heading h3{margin-bottom:6px}.security-card-heading p{max-width:52ch;color:var(--muted);margin:0}.switch-control{align-items:center;gap:10px;font-weight:600;display:flex}.switch-control input{width:18px;height:18px}.xmpp-connection{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:22px 0;display:grid}.xmpp-connection div{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);min-width:0;padding:14px}.xmpp-connection dt{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.xmpp-connection dd{overflow-wrap:anywhere;margin:0}.xmpp-create-form{margin-bottom:18px}.one-time-secret{border-inline-start:3px solid var(--accent);background:var(--soft);gap:12px;margin:16px 0;padding:16px;display:grid}.one-time-secret label{gap:7px;display:grid}.secret-copy{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.secret-copy input{min-width:0;font-family:var(--font-mono)}.xmpp-device-heading{align-items:center;margin-top:22px}.xmpp-device-heading h4{margin:0;font-size:15px}.drawer-trigger,.drawer-overlay{display:none}@media (width<=1100px) and (width>=761px){.routed-shell{grid-template-columns:76px minmax(0,1fr)}.navigation-rail{padding-inline:9px}}@media (width<=760px){.routed-shell{height:100dvh;display:block}.route-content{height:100%}.drawer-trigger{z-index:9;left:max(12px, env(safe-area-inset-left,0px));top:max(12px, env(safe-area-inset-top,0px));border:1px solid var(--line);background:var(--panel);border-radius:13px;place-items:center;width:40px;height:40px;display:grid;position:fixed}[dir=rtl] .drawer-trigger{left:auto;right:max(12px, env(safe-area-inset-right,0px))}.navigation-rail{z-index:12;inset-inline-start:0;visibility:hidden;width:72px;transition:transform .25s,visibility 0s .25s;position:fixed;top:0;bottom:0;transform:translate(-100%)}.drawer-open .navigation-rail{visibility:visible;transition-delay:0s;transform:none}.drawer-overlay{z-index:10;background:#000a;border:0;width:100%;height:100%;position:fixed;inset:0}.drawer-open .drawer-overlay{display:block}[dir=rtl] .navigation-rail{transform:translate(100%)}[dir=rtl] .drawer-open .navigation-rail{transform:none}.feature-screen{padding:28px 16px}.account-screen{padding:72px 18px 36px}.account-heading h2{font-size:36px}.account-form,.security-grid,.reauthentication-form,.xmpp-connection{grid-template-columns:1fr}.security-card-heading,.xmpp-device-heading{flex-direction:column;align-items:stretch}.account-form{padding:18px}.account-form label,.account-form .form-status,.account-form .primary,.sessions-card{grid-column:1}.account-form label:has(input[type=file]){grid-column:1}.reauthentication-form .primary{grid-column:1}.identity-avatar{border-radius:19px;width:60px;height:60px}.identity-card strong{font-size:18px}.recovery-codes ul{grid-template-columns:1fr}.security-row{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.navigation-rail,.rail-links a,.rail-links button,.rail-action{transition:none}.rail-links a:hover,.rail-links a[aria-current=page],.rail-links button:hover,.rail-links button.selected,.rail-action:hover{transform:none}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html,body{height:100%}body{background:radial-gradient(circle at 72% -10%, var(--glow), transparent 34%), var(--bg);color:var(--text);font-family:var(--font-body);font-synthesis:none;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}a{color:inherit}[dir=rtl] body{font-family:var(--font-urdu)}html:lang(ur){--font-body:var(--font-urdu);--font-display:var(--font-urdu)}html:lang(ur) :where(p,h1,h2,h3,h4,h5,h6){line-height:1.6}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--panel);color:var(--text);box-shadow:var(--shadow);border-radius:8px;padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;inset-block-start:-40px;inset-inline-start:8px}.skip-link:focus-visible{inset-block-start:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important}}.message:focus{outline:none}.message:focus>div>.message-bubble{border-color:var(--accent-2)}.message:focus-visible{outline:2px solid var(--accent-2);outline-offset:4px;border-radius:8px}.message-bubble.replyable{cursor:pointer}.reply-quote{border:0;border-inline-start:3px solid var(--accent-2);background:var(--soft);max-inline-size:100%;color:inherit;font:inherit;text-align:start;border-radius:6px;gap:2px;margin:0 0 8px;padding:5px 10px;font-size:12px;display:grid}button.reply-quote{cursor:pointer}.reply-quote.unavailable{color:var(--muted);font-style:italic}.reply-quote-name{color:var(--accent-2);font-size:11px;font-weight:600}.reply-quote-text{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reply-chip{border-inline-start:3px solid var(--accent-2);background:var(--soft);border-radius:8px;align-items:center;gap:8px;margin:0 8px 7px;padding:6px;padding-inline-start:10px;font-size:12px;display:flex}.reply-chip-text{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;color:var(--muted);flex:1;margin:0;overflow:hidden}.reply-chip-text strong{color:var(--text)}.reply-chip button{block-size:44px;inline-size:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:grid}.reply-chip button:hover{color:var(--text)}@media (pointer:coarse){.reply-chip button{block-size:44px;inline-size:44px}}.composer-wrap:has(.reply-chip){min-inline-size:0;max-inline-size:100%}.reply-chip{box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.emoji-picker{flex:none;position:relative}.emoji-picker__popover{--emoji-safe-top:env(safe-area-inset-top,0px);--emoji-safe-right:env(safe-area-inset-right,0px);--emoji-safe-bottom:env(safe-area-inset-bottom,0px);--emoji-safe-left:env(safe-area-inset-left,0px);z-index:9;inline-size:min(320px,100vw - 16px);max-block-size:min(480px, calc(100vh - 16px - var(--emoji-safe-top) - var(--emoji-safe-bottom)));max-block-size:min(480px, calc(100dvh - 16px - var(--emoji-safe-top) - var(--emoji-safe-bottom)));overscroll-behavior:contain;border:1px solid var(--line);background:var(--panel-2);border-radius:14px;flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;inset-block-end:calc(100% + 6px);inset-inline-end:0;overflow-y:auto;box-shadow:0 12px 34px #0003}.emoji-picker__mode-tabs,.emoji-picker__tabs{scrollbar-width:thin;flex-shrink:0;gap:4px;display:flex;overflow-x:auto}.emoji-picker__mode-tab,.emoji-picker__category-tab{min-block-size:44px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding-inline:10px;font-size:13px}.emoji-picker__mode-tab{border:2px solid #0000;place-items:center;display:grid}.emoji-picker__category-tab{border:2px solid #0000}.emoji-picker__mode-tab:hover,.emoji-picker__category-tab:hover{background:var(--soft);color:var(--text)}.emoji-picker__mode-tab[aria-selected=true],.emoji-picker__category-tab[aria-selected=true]{background:var(--soft);color:var(--text);font-weight:700}.emoji-picker__mode-tab[aria-selected=true]{box-shadow:inset 0 -3px 0 var(--text)}.emoji-picker__category-tab[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--text)}.emoji-picker__mode-tab:focus-visible,.emoji-picker__category-tab:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.gif-panel{flex-direction:column;gap:8px;display:flex}.gif-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.gif-panel__grid button{background:var(--soft);cursor:pointer;border:2px solid #0000;border-radius:10px;min-block-size:44px;padding:0;overflow:hidden}.gif-panel__grid button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.gif-panel__grid img{block-size:auto;inline-size:100%;display:block}.gif-panel__powered{color:var(--muted);text-align:end}.gif-message__placeholder{background:var(--soft);inline-size:min(100%,480px);color:var(--muted);text-align:center;border-radius:10px;place-content:center;gap:6px;display:grid}.emoji-picker__search{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);min-block-size:44px;inline-size:100%;color:var(--text);font:inherit;border-radius:10px;flex-shrink:0;padding-inline:12px}.emoji-picker__search:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.emoji-picker__mode-panel{flex-direction:column;gap:8px;display:flex}.emoji-picker__tones{border:0;flex-shrink:0;margin:0;padding:0}.emoji-picker__tones legend{color:var(--muted);margin-block-end:4px;font-size:12px;font-weight:700}.emoji-picker__tone-options{grid-template-columns:repeat(6,minmax(44px,1fr));gap:2px;display:grid}.emoji-picker__tones label{box-sizing:border-box;cursor:pointer;border:2px solid #0000;border-radius:10px;place-items:center;block-size:44px;min-inline-size:44px;font-size:22px;display:grid;position:relative}.emoji-picker__tones label:hover{background:var(--soft)}.emoji-picker__tones label:has(input:checked){background:var(--soft)}.emoji-picker__tones label:has(input:checked){box-shadow:inset 0 0 0 2px var(--text)}.emoji-picker__tones label:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:-2px}.emoji-picker__tones input{opacity:0;position:absolute}.emoji-picker__grid{flex:none;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:2px;display:grid}.emoji-picker__grid button,.emoji-picker__recents button{cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;block-size:44px;inline-size:100%;font-size:24px;line-height:1;display:grid}.emoji-picker__grid button:hover,.emoji-picker__recents button:hover{background:var(--soft)}.emoji-picker__grid button:focus-visible,.emoji-picker__recents button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.emoji-picker__recents{flex-shrink:0;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:2px;display:grid}.emoji-picker__recents-heading{color:var(--muted);flex-shrink:0;margin:0;font-size:12px;font-weight:700}.emoji-picker__state{color:var(--muted);text-align:center;flex-shrink:0;margin:0;padding-block:12px}.emoji-picker__state p{margin:0 0 8px}.emoji-picker__state button{border:1px solid var(--line);background:var(--soft);min-block-size:44px;color:var(--text);cursor:pointer;border-radius:10px;padding-inline:16px}.emoji-picker__state button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (forced-colors:active){.emoji-picker__mode-tab[aria-selected=true],.emoji-picker__category-tab[aria-selected=true]{box-shadow:none;border-color:highlight}.emoji-picker__tones label:has(input:checked){box-shadow:none;border-color:highlight}.emoji-picker__category-tab:focus-visible{border-color:canvastext;outline-color:highlight}.emoji-picker__tones label:has(input:focus-visible){border-color:canvastext;outline-color:highlight}.gif-panel__grid button:focus-visible{outline-offset:-2px;outline:2px solid highlight}}@media (prefers-reduced-motion:no-preference){.emoji-picker__popover{animation:.12s ease-out emoji-picker-in}@keyframes emoji-picker-in{0%{opacity:0}to{opacity:1}}}.composer.composer-with-options{flex-wrap:wrap;row-gap:2px}.composer-with-options .composer-field{flex:100%;padding-inline:8px}.options-bar{flex:1 1 0;align-items:center;gap:2px;min-inline-size:0;margin-inline-start:-4px;display:flex;position:relative}.options-bar__voice{flex:none}.options-bar__run{flex:none;align-items:center;gap:2px;display:flex}.options-bar__run+.options-bar__run{border-inline-start:1px solid var(--line);margin-inline-start:4px;padding-inline-start:4px}.options-bar__slot{block-size:44px;inline-size:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;flex:none;place-items:center;display:grid}.options-bar__slot:hover:not(:disabled):not(.options-bar__slot--disabled){background:var(--soft);color:var(--text)}.options-bar__slot:active:not(:disabled):not(.options-bar__slot--disabled){background:var(--line);color:var(--text)}.options-bar__slot:disabled{cursor:not-allowed;opacity:.5}.options-bar__slot[aria-current=page]{background:var(--soft);color:var(--text);position:relative}.options-bar__slot[aria-current=page]:before{content:"";background:var(--accent-2);border-radius:4px;block-size:22px;inline-size:3px;position:absolute;inset-block-start:11px;inset-inline-start:0}.options-bar__slot.options-bar__slot--disabled{cursor:not-allowed;opacity:.5}.options-bar__slot:focus-visible,.options-bar__slot.attach:focus-within{outline:2px solid var(--accent-2);outline-offset:2px}.options-bar__voice .voice-recorder:not([role=group])>button:hover:not(:disabled){background:var(--soft);color:var(--text)}.options-bar__voice .voice-recorder:not([role=group])>button:active:not(:disabled){background:var(--line);color:var(--text)}.options-bar__voice .voice-recorder:not([role=group])>button:disabled{cursor:not-allowed;opacity:.5}.options-bar__more{flex:none;position:relative}.options-bar__menu{z-index:5;border:1px solid var(--line);background:var(--panel-2);border-radius:14px;gap:2px;min-inline-size:200px;max-inline-size:calc(100vw - 24px);padding:6px;display:grid;position:absolute;inset-block-end:calc(100% + 6px);inset-inline-end:0;box-shadow:0 12px 34px #0003}.composer .options-bar__menu [role=menuitem]{block-size:auto;min-block-size:44px;inline-size:100%;color:var(--text);text-align:start;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;padding-inline:12px;display:flex}.composer .options-bar__menu [role=menuitem]:hover:not(:disabled){background:var(--soft)}.composer .options-bar__menu [role=menuitem][aria-current=page]{color:var(--accent-text,color-mix(in srgb, var(--accent-2) 45%, var(--text)));font-weight:700;position:relative}.composer .options-bar__menu [role=menuitem][aria-current=page]:before{content:"";background:var(--accent-2);border-radius:4px;block-size:22px;inline-size:3px;position:absolute;inset-block-start:11px;inset-inline-start:0}.composer .options-bar__menu [role=menuitem]:disabled{color:var(--muted);cursor:not-allowed}.composer .options-bar__menu [role=menuitem]:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.options-bar__menu{animation:.12s ease-out options-bar-menu-in}@keyframes options-bar-menu-in{0%{opacity:0}to{opacity:1}}}.media-preview-overlay{z-index:70;background:#0009;position:fixed;inset:0}.media-preview-content{background:var(--panel);max-block-size:85vh;max-inline-size:min(92vw,420px);color:var(--text);z-index:71;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex;position:fixed;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.media-preview-content:focus-visible{outline:none}.media-preview-title{margin:0;font-weight:600}.media-preview-image,.media-preview-video{border-radius:8px;max-block-size:50vh;max-inline-size:100%}.media-preview-audio{inline-size:100%}.media-preview-actions{flex-wrap:wrap;gap:8px;margin-block-start:4px;display:flex}.media-preview-actions button{border:1px solid var(--line);background:var(--soft);min-block-size:44px;color:var(--text);cursor:pointer;border-radius:10px;padding-inline:12px}.media-preview-actions button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.media-preview-send{margin-inline-start:auto}.media-lightbox-overlay{z-index:60;background:#000000d9;position:fixed;inset:0}.media-lightbox-overlay[data-motion=full]{animation:.15s ease-out media-lightbox-fade}.media-lightbox-content{z-index:61;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.media-lightbox-content:focus-visible{outline:none}.media-lightbox-content[data-motion=full]{animation:.15s ease-out media-lightbox-scale-in}.media-lightbox-image{border-radius:8px;max-block-size:100%;max-inline-size:100%}.media-lightbox-close{color:#fff;cursor:pointer;background:#0006;border:1px solid #fff6;border-radius:10px;justify-content:center;align-items:center;min-block-size:44px;min-inline-size:44px;display:inline-flex;position:fixed;inset-block-start:16px;inset-inline-end:16px}.media-lightbox-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes media-lightbox-fade{0%{opacity:0}to{opacity:1}}@keyframes media-lightbox-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.reaction-chips{flex-wrap:wrap;gap:6px;margin-block-start:6px;display:flex}.reaction-chip{border:1px solid var(--line);background:var(--panel-2);min-block-size:44px;min-inline-size:44px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding-block:4px;padding-inline:12px;font-size:13px;font-weight:700;display:inline-flex}.reaction-chip:hover{border-color:var(--accent-2)}.reaction-chip:focus-visible,.quick-reactions button:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.reaction-chip[aria-pressed=true]{border-color:var(--accent-2);background:var(--soft);color:var(--accent-2)}.quick-reactions{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px;display:grid}.action-sheet .quick-reactions button{text-align:center;place-items:center;min-block-size:44px;min-inline-size:44px;padding:6px;font-size:22px;line-height:1;display:grid}.action-sheet .quick-reactions button[aria-pressed=true]{border-color:var(--accent-2);background:var(--soft)}@media (prefers-reduced-motion:no-preference){.reaction-chip{transition:border-color .15s,background-color .15s}}.message-actions{align-items:center;gap:8px;min-block-size:24px;margin-block-start:8px;font-style:normal;display:flex;position:relative}.message-actions button{block-size:24px;inline-size:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;display:grid}.message-actions button:hover{background:var(--soft);color:var(--text)}.message-actions button:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.message-actions .message-action-delete:hover{color:var(--danger)}.message-actions svg{block-size:16px;inline-size:16px}[dir=rtl] .message-actions .mirror-rtl{transform:scaleX(-1)}.message-actions.fine{opacity:0}.message:hover .message-actions.fine,.message:focus-within .message-actions.fine,.message-actions.fine[data-open]{opacity:1}@media (prefers-reduced-motion:no-preference){.message-actions.fine{transition:opacity .12s}}.message-actions.coarse{gap:0}.message-actions.coarse button{border-radius:12px;block-size:44px;inline-size:44px;margin-block:-8px -12px}.message-react-picker{z-index:2;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:12px;margin-block-end:6px;padding:6px;position:absolute;inset-block-end:100%;inset-inline-start:0}.message-react-picker .quick-reactions{grid-template-columns:repeat(6,32px);gap:4px}.message-actions .message-react-picker button{block-size:32px;inline-size:32px;color:var(--text);font-size:18px;line-height:1}.message-actions .message-react-picker button[aria-pressed=true]{background:var(--soft);outline:1px solid var(--accent-2)}.confirm-delete p{color:var(--text);margin:4px 4px 8px;font-size:15px}.message{touch-action:pan-y pinch-zoom;position:relative}.message[data-swipe]{-webkit-user-select:none;user-select:none}.message[data-swipe]>:not(.swipe-hint){transform:translateX(var(--swipe-x,0px))}@media (prefers-reduced-motion:no-preference){.message>:not(.swipe-hint){transition:transform .18s ease-out}.message[data-swipe]>:not(.swipe-hint){transition:none}}.swipe-hint{z-index:1;background:var(--soft);color:var(--muted);pointer-events:none;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;position:absolute;inset-block-start:50%;transform:translateY(-50%)}.message[data-swipe=reply] .swipe-hint{inset-inline-start:4px}.message[data-swipe=menu] .swipe-hint{inset-inline-end:4px}.message[data-armed] .swipe-hint{background:var(--accent-2);color:var(--panel)}.copy-control{justify-items:start;display:grid}.copy-status{color:var(--muted);font-size:12px}.copy-name{border:1px solid var(--line);min-block-size:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:10px 14px;font-size:12px;font-weight:700}.copy-name:hover{border-color:var(--accent-2);color:var(--accent-2)}.sheet-backdrop{z-index:30}.sheet-backdrop .modal.action-sheet{gap:6px;width:min(360px,100%);padding:10px;display:grid}.action-sheet .copy-control{justify-items:stretch}.action-sheet button{border:1px solid var(--line);background:var(--panel-2);min-block-size:44px;color:var(--text);text-align:start;cursor:pointer;border-radius:12px;padding:10px 14px;font-size:15px}.action-sheet button:hover{border-color:var(--accent-2)}.action-sheet button.danger{color:var(--danger)}@media (width<=760px){.modal-backdrop.sheet-backdrop{align-items:end;padding:0}.sheet-backdrop .modal.action-sheet{width:100%;padding-bottom:max(10px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;margin:0}}.system-row-item{justify-items:center;gap:6px;margin:14px 0;list-style:none;display:grid}.system-row{border:1px solid var(--line);background:var(--panel-2);max-inline-size:min(100%,560px);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding-block:3px;padding-inline:12px 4px;font-size:12px;line-height:1.4;display:flex}.system-row:not(:has(.system-row-toggle)){padding-inline-end:12px}.system-row-lines{text-align:center;overflow-wrap:anywhere;min-inline-size:0}.system-row-summary,.system-row-event{margin:0}.system-row bdi{color:var(--text);font-weight:600}.system-row-toggle{block-size:24px;inline-size:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.system-row-toggle:hover{background:var(--soft);color:var(--text)}.system-row-toggle:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.system-row-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.system-row-events{border:1px solid var(--line);background:var(--panel);inline-size:100%;max-inline-size:min(100%,420px);color:var(--muted);overflow-wrap:anywhere;border-radius:14px;gap:4px;margin:0;padding:8px 14px;font-size:12px;list-style:none;display:grid}@media (pointer:coarse){.system-row-toggle{block-size:44px;inline-size:44px;margin-block:-10px}}@keyframes system-row-arrive{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.system-row[data-live=true]{animation:.24s cubic-bezier(.2,.7,.2,1) both system-row-arrive}.system-row-toggle svg{transition:transform .16s}}.conversation-switch{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;grid-template-columns:1fr 1fr;margin-top:18px;padding:3px;display:grid;position:relative}.conversation-switch a{z-index:1;min-height:36px;color:var(--muted);text-align:center;border-radius:999px;place-items:center;padding:0 10px;font-size:12px;font-weight:800;text-decoration:none;display:grid;position:relative}.conversation-switch a[aria-current=page]{color:#17301c}.conversation-switch a:not([aria-current=page]):hover{color:var(--text)}.conversation-switch-indicator{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:999px;width:calc(50% - 3px);position:absolute;inset-block:3px;inset-inline-start:3px}.conversation-switch[data-mode=dms] .conversation-switch-indicator{inset-inline-start:50%}.conversation-switch+.room-search,.conversation-switch+.direct-start{margin-top:18px}.room-filter{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);grid-template-columns:repeat(3,1fr);gap:2px;margin:-8px 0 18px;padding:3px;display:grid}.room-filter button{min-width:0;min-height:30px;color:var(--muted);background:0 0;border:0;border-radius:7px;padding:0 6px;font-size:11px;font-weight:700}.room-filter button:hover{color:var(--text)}.room-filter button[aria-pressed=true]{background:var(--soft);color:var(--text);box-shadow:inset 0 -2px var(--accent-2)}.room-list .room-card .room-card-select{padding-block:10px;padding-inline:10px 74px}.room-favorite{z-index:1;border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;inset-inline-end:39px}.room-favorite:hover,.room-favorite[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.room-favorite[aria-pressed=true] svg{fill:currentColor}.conversation:focus{outline:none}.conversation:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.conversation-switch-indicator{transition:inset-inline-start .22s}.conversation-switch a,.room-filter button,.room-favorite{transition:color .16s,background-color .16s,border-color .16s}.room-favorite[aria-pressed=true] svg{animation:.26s ease-out favorite-pop}@keyframes favorite-pop{0%{transform:scale(.7)}70%{transform:scale(1.15)}to{transform:scale(1)}}}.unread-pill{box-sizing:border-box;background:var(--text);min-width:18px;height:18px;color:var(--bg);box-shadow:0 0 0 2px var(--panel);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:9px;place-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-grid}.room-membership-details{justify-items:start;gap:8px;padding-block:8px;display:grid}.room-membership-details p{color:var(--muted);margin:0;font-size:13px}.room-membership-details .eyebrow{color:inherit}.room-membership-join,.room-membership-leave{border:1px solid var(--line);min-block-size:44px;font:600 13px var(--font-display);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding-inline:16px;display:inline-flex}.room-membership-join{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#061b22;border-color:#0000;flex:none}.room-membership-leave{color:var(--danger);background:0 0}.room-membership-join:disabled,.room-membership-leave:disabled{opacity:.6;cursor:progress}.room-membership-join:focus-visible,.room-membership-leave:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}[dir=rtl] .room-membership-join svg.mirror-rtl,[dir=rtl] .room-membership-leave svg.mirror-rtl{transform:scaleX(-1)}.member-badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-inline-start:6px;padding:1px 7px;font-size:10px}.room-meta .room-membership-join.compact{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#061b22;white-space:nowrap;border:0;border-radius:13px;block-size:44px;inline-size:auto;padding-inline:14px;display:inline-flex}.room-meta .room-membership-join.compact:hover{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#061b22;filter:brightness(1.06)}@media (width<=520px){.room-meta .room-membership-join.compact{inline-size:44px;padding:0}.room-membership-join.compact .room-membership-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.account-form .bio-field,.account-form .bio-error{grid-column:1/-1}.bio-field{color:var(--muted);gap:8px;font-size:12px;display:grid}.account-form textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:100%;min-width:0;min-height:96px;color:var(--text);font:inherit;padding:12px 13px}.account-form textarea[aria-invalid=true]{border-color:var(--danger)}.bio-counter{font-variant-numeric:tabular-nums;justify-self:end}.bio-counter.is-over{color:var(--danger)}.profile-bio{text-align:start;white-space:pre-line;overflow-wrap:anywhere;max-inline-size:60ch;margin:0;line-height:1.6}.account-panel>.profile-bio{margin-block-start:18px}.profile-dialog>.profile-bio{margin:18px 28px 0}@media (width<=720px){.profile-dialog>.profile-bio{margin-inline:20px}}.profile-posts-link{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);min-height:44px;color:var(--text);align-items:center;margin-block-start:18px;padding-inline:14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.chat-shell{grid-template-columns:290px minmax(420px,1fr) 276px;height:100%;display:grid;overflow:hidden}.chat-shell.demo-shell{grid-template-columns:290px minmax(420px,1fr) 276px}.room-list,.context-panel{background:var(--panel);min-width:0;overflow-y:auto}.room-list{border-inline-end:1px solid var(--line);padding:24px 18px}.chat-wordmark{width:116px;height:auto;display:block}.eyebrow{color:color-mix(in srgb, var(--muted) 75%, var(--text));letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.room-list-heading .eyebrow{margin-top:2px}.room-search{border:1px solid var(--line);background:var(--panel-2);height:44px;color:var(--muted);border-radius:14px;align-items:center;gap:9px;margin:22px 0 25px;padding:0 13px;display:flex}.room-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.room-section-title{justify-content:space-between;align-items:center;gap:8px;margin:0 5px 10px;display:flex}.room-section-title b{letter-spacing:.1em;text-transform:uppercase;font-size:12px}.room-actions{align-items:center;gap:5px;display:flex}.room-section-title button{background:var(--soft);width:28px;height:28px;color:var(--accent-2);border:0;border-radius:8px;place-items:center;font-size:18px;display:grid}.coin-balance{min-width:0;color:var(--text);white-space:nowrap;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.coin-balance>span{color:var(--gold);font-size:9px}.room-card{background:0 0;border:0;border-radius:8px;align-items:center;width:100%;min-width:0;display:flex;position:relative}.room-card-select{min-width:0;color:inherit;text-align:start;background:0 0;border:0;flex:1;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 38px 10px 10px;display:grid}[dir=rtl] .room-card-select{padding:10px 10px 10px 38px}.room-card:hover,.room-card.active{background:var(--soft)}.room-card.active{box-shadow:inset 3px 0 var(--accent)}[dir=rtl] .room-card.active{box-shadow:inset -3px 0 var(--accent)}.room-boost{z-index:1;border:1px solid var(--line);background:var(--panel);width:28px;height:28px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;inset-inline-end:7px}.room-boost:hover,.room-boost:focus-visible,.room-boost.boosted{border-color:var(--accent-2);color:var(--accent-2)}.room-monogram{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.tone-0{color:#061b22;background:linear-gradient(135deg,#3dd6c2,#3b82f6)!important}.tone-1{color:#fff;background:linear-gradient(135deg,#ff78b3,#8b5cf6)!important}.tone-2{color:#422400;background:linear-gradient(135deg,#ffe16b,#ed7d31)!important}.room-copy{min-width:0}.room-copy b,.room-copy small,.room-copy em{display:block}.room-copy b{font-size:14px}.room-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.room-copy em{color:var(--accent-2);margin-top:5px;font-size:10px;font-style:normal}.room-copy em i{background:var(--accent-2);border-radius:50%;width:5px;height:5px;margin-inline-end:4px;display:inline-block}.lock{color:var(--gold)}.room-avatar{width:44px;height:44px;display:block;position:relative}.room-avatar .unread-pill{position:absolute;inset-block-start:-6px;inset-inline-end:-6px}.room-list-status{color:color-mix(in srgb, var(--muted) 75%, var(--text));font-size:11px;line-height:1.5}.room-list-load-more{text-align:center;margin:18px 0 0}.room-list-load-more button{border:1px solid var(--line);background:var(--panel-2);min-height:44px;color:color-mix(in srgb, var(--muted) 75%, var(--text));font:inherit;cursor:pointer;border-radius:8px;padding:0 18px;font-size:12px}.room-list-load-more button:hover{color:var(--text);background:var(--soft)}.room-list-load-more button[aria-disabled=true]{cursor:progress;opacity:.7}.room-list .banner{justify-content:space-between;align-items:center;gap:10px;display:flex}.room-list .banner button{background:var(--danger);color:#fff;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;padding:0 18px;font-size:12px;font-weight:700}.room-list .banner button:hover{opacity:.9}.room-list .banner button[aria-disabled=true]{cursor:progress;opacity:.6}.room-list .banner button:focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (prefers-color-scheme:dark){.room-list .banner button{color:var(--bg)}}.conversation{background:color-mix(in srgb, var(--bg) 70%, var(--panel));grid-template-rows:77px minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.conversation-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;min-width:0;padding:15px 22px;display:flex;position:relative}.channel-orb{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:15px;flex:none;place-items:center;width:43px;height:43px;font-weight:700;display:grid}.channel-copy{min-width:0}.channel-copy h2{font:600 16px var(--font-display);margin:0}.channel-copy p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;overflow:hidden}.room-meta{gap:7px;margin-inline-start:auto;display:flex}.room-meta button{border:1px solid var(--line);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:13px;place-items:center;display:grid}.room-meta button:hover{color:var(--text);background:var(--soft)}.banner{border-inline-start:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 14%, var(--panel));margin:12px 22px 0;padding:10px}.connection-banner{background:var(--soft);color:var(--muted);margin:0;padding:7px 22px;font-size:11px}.timeline-frame{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.timeline-wrap{min-height:0}.timeline{overflow-anchor:none;overscroll-behavior:contain;height:100%;min-height:0;margin:0;padding:26px clamp(18px,4vw,56px);list-style:none;overflow-y:auto}.timeline:focus:not(:focus-visible){outline:none}.timeline:focus-visible{outline:2px solid var(--accent-2);outline-offset:-2px}button.reply-quote.unavailable{align-content:center;min-height:44px}.recovery-failed{width:max-content;max-width:calc(100% - 28px);margin-inline:auto;position:absolute;inset-block-start:10px;inset-inline:0}.recovery-failed button{border:1px solid var(--line);background:var(--panel-2);min-height:44px;color:var(--text);box-shadow:var(--shadow);font:600 13px var(--font-body);cursor:pointer;border-radius:999px;padding:0 18px}.load-older{text-align:center;margin:0 0 18px}.load-older button{border:1px solid var(--line);background:var(--panel-2);min-height:44px;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;padding:0 18px;font-size:12px}.load-older button:hover{color:var(--text);background:var(--soft)}.load-older button[aria-disabled=true]{cursor:progress;opacity:.7}.jump-latest{background:var(--accent);color:#fff;width:max-content;max-width:calc(100% - 28px);min-height:44px;box-shadow:var(--shadow);font:600 13px var(--font-body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;margin-inline:auto;padding:0 18px;display:inline-flex;position:absolute;inset-block-end:14px;inset-inline:0}.jump-latest:hover{filter:brightness(1.08)}@media (prefers-reduced-motion:no-preference){.jump-latest{animation:.16s ease-out jump-latest-in}}@keyframes jump-latest-in{0%{opacity:0;transform:translateY(8px)}}.day-rule{text-align:center;color:var(--muted);margin:2px 0 26px;font-size:11px}.day-rule span{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;padding:6px 11px}.message{grid-template-columns:42px minmax(0,1fr);gap:12px;margin:20px 0;display:grid}.avatar{border-radius:15px;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.avatar.mini{font-size:12px}.message-head{align-items:center;gap:8px;margin:0 0 6px;display:flex}.message-head strong{font:600 14px var(--font-display)}.message-head small,.message-head time{color:var(--muted);font-size:11px}.message-head button,.message-avatar-trigger{color:inherit;text-align:start;background:0 0;border:0;padding:0}.message-head button{cursor:pointer}.message-head button:hover strong{color:var(--accent-2)}.message-avatar-trigger{cursor:pointer;border-radius:15px;width:42px;height:42px}.message-avatar-trigger:disabled{cursor:default}.message-avatar-trigger .avatar{overflow:hidden}.message-avatar-trigger img{object-fit:cover}.message-bubble{overflow-wrap:anywhere;border:1px solid var(--line);background:var(--panel-2);border-radius:5px 17px 17px;max-width:650px;padding:12px 15px;font-size:14px;line-height:1.45;display:inline-block}[dir=rtl] .message-bubble{border-radius:17px 5px 17px 17px}.deleted{color:var(--muted);font-style:italic}.typing-status{min-height:22px;color:var(--muted);margin:0;padding:0 clamp(18px,4vw,56px) 6px;font-size:11px}.composer-wrap{padding:0 clamp(18px,4vw,56px) 22px}.media-upload-state{min-height:30px;color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;margin:0 8px 7px;font-size:10px;display:flex}.media-upload-state progress{width:min(210px,45vw);height:6px;accent-color:var(--accent-2)}.media-upload-state button,.media-failed button,.media-withheld button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:8px;padding:6px 9px;font-size:10px}.media-upload-state.failed{color:var(--danger)}.template-picker{color:var(--muted);justify-content:flex-end;align-items:center;gap:7px;margin:0 8px 7px;font-size:10px;display:flex}.template-picker select{border:1px solid var(--line);background:var(--panel-2);max-width:180px;color:var(--text);border-radius:8px;padding:5px 8px}.composer{border:1px solid var(--line);background:var(--panel-2);border-radius:19px;align-items:center;gap:5px;min-height:58px;padding:8px;display:flex;position:relative;box-shadow:0 12px 34px #0002}.composer-field{flex:1;min-width:0}.send-failed{border:1px solid var(--danger);background:var(--panel-2);color:var(--text);border-radius:10px;align-items:center;gap:8px;margin:0 8px 7px;padding:6px 10px;font-size:12px;display:flex}.send-failed p{flex:1;min-width:0;margin:0}.send-failed-body{-webkit-line-clamp:2;overflow-wrap:anywhere;color:var(--muted);unicode-bidi:plaintext;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.send-failed button{border:1px solid var(--line);background:var(--soft);min-height:44px;color:var(--text);border-radius:8px;padding:0 12px}.send-failed button:disabled{color:var(--muted);cursor:not-allowed}.composer textarea{box-sizing:border-box;resize:none;width:100%;color:var(--text);background:0 0;border:0;padding:4px 0;line-height:1.45;overflow-y:auto}.attach,.composer button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:13px;flex:none;place-items:center;display:grid}.attach{cursor:pointer;position:relative}.attach:focus-within{outline:2px solid var(--accent-2);outline-offset:2px}.voice-recorder{align-items:center;gap:3px;min-width:40px;display:flex}.voice-recorder [role=timer]{min-width:38px;color:var(--danger);font:700 10px var(--font-body);text-align:center}.voice-error{inset-inline-start:8px;border-inline-start:3px solid var(--danger);background:var(--panel);width:min(330px,100vw - 40px);box-shadow:var(--shadow);color:var(--text);border-radius:7px;padding:9px 11px;font-size:10px;position:absolute;bottom:calc(100% + 8px)}.composer textarea:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}.composer .send{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--text)}@media (prefers-color-scheme:dark){.composer .send{color:var(--bg)}}.composer .send:disabled{border:1px solid var(--line);background:var(--soft);color:var(--muted);cursor:not-allowed}.media-image,.media-video{object-fit:contain;background:#0004;border-radius:10px;width:min(420px,100%);max-height:360px;display:block}.media-image-reveal{cursor:zoom-in;background:0 0;border:0;border-radius:10px;max-width:100%;padding:0;display:block}.media-audio{width:min(360px,100vw - 150px);max-width:100%;display:block}.media-withheld{gap:8px;min-width:min(280px,100%);display:grid}.media-withheld p{color:var(--muted);margin:0;font-size:11px}.media-withheld button,.media-failed button{justify-self:start}.media-processing{color:var(--muted);font-size:11px}.media-failed{color:var(--danger);align-items:center;gap:8px;font-size:11px;display:flex}.empty-state{text-align:center;color:var(--muted);place-self:center}.context-panel{border-inline-start:1px solid var(--line);padding:22px 17px}.context-panel section{margin-bottom:26px}.context-panel section>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.55}.joiner-stack{gap:4px;margin-top:8px;display:grid}.joiner-stack>div{grid-template-columns:minmax(0,1fr) 7px;align-items:center;gap:10px;padding:8px 4px;display:grid}.joiner-stack p{margin:0}.joiner-stack b,.joiner-stack small{display:block}.joiner-stack b{font-size:13px}.joiner-stack small{color:var(--muted);margin-top:2px;font-size:10px}.joiner-stack i{background:#41d985;border-radius:50%;width:7px;height:7px}.member-profile-trigger{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:10px;padding:0;display:grid}.member-profile-trigger>span:last-child{min-width:0}.member-profile-trigger b,.member-profile-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-profile-trigger:hover b{color:var(--accent-2)}.room-list-empty,.empty-copy{color:color-mix(in srgb, var(--muted) 75%, var(--text));font-size:11px;line-height:1.5}.room-context-scroll{min-height:0}.member-actions{flex-wrap:wrap;grid-column:1/-1;gap:5px;display:flex}.member-actions button,.governance-card button,.rule-row button{border:1px solid var(--line);background:var(--panel-2);color:var(--text);border-radius:8px;padding:6px 8px;font-size:9px}.governance-disclosure{border-top:1px solid var(--line);padding:13px 0}.governance-disclosure>summary{cursor:pointer;color:var(--text);font-size:12px;font-weight:700}.governance-stack{gap:12px;margin-top:14px;display:grid}.context-panel .governance-card,.room-details-modal .governance-card{border:1px solid var(--line);background:color-mix(in srgb, var(--panel-2) 70%, transparent);border-radius:13px;gap:10px;margin:0;padding:12px;display:grid}.governance-card h3{margin:0;font-size:12px}.context-panel .governance-card input,.context-panel .governance-card select,.room-details-modal .governance-card input,.room-details-modal .governance-card select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:8px}.governance-card fieldset{border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:8px;display:grid}.governance-card .check-row{align-items:center;gap:5px;display:flex}.governance-card .check-row input{width:auto}.governance-card output{gap:4px;min-width:0;display:grid}.governance-card output code,.rule-row code{overflow-wrap:anywhere;color:var(--accent-2);font-size:9px}.audit-list{gap:7px;margin:0;padding-inline-start:18px;display:grid}.audit-list b,.audit-list small{display:block}.audit-list small{color:var(--muted);font-size:9px}.rule-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.danger-zone{border-color:color-mix(in srgb, var(--danger) 45%, var(--line))!important}.rules{border-top:1px solid var(--line);padding-top:22px}.trust-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-2);grid-template-columns:25px 1fr;gap:10px;padding:14px;display:grid}.trust-card p{margin:4px 0}.context-panel label{color:var(--muted);gap:8px;font-size:10px;display:grid}.context-panel select,.modal input,.modal textarea,.modal select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);padding:10px}.session-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 0;display:flex}.session-row p{min-width:0;margin:0}.session-row b,.session-row small{display:block}.session-row small{color:var(--muted);text-overflow:ellipsis;font-size:8px;overflow:hidden}.session-row button{border:1px solid var(--line);border-radius:var(--radius-sm);background:0 0;margin-inline-start:auto;font-size:9px}.modal-backdrop{z-index:20;background:#000b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:var(--panel);width:min(470px,100%);max-height:calc(100dvh - 36px);box-shadow:var(--shadow);border-radius:8px;padding:28px;position:relative;overflow-y:auto}.modal h2{margin:0 0 24px}.modal form{gap:14px;display:grid}.modal label{color:var(--muted);gap:7px;font-size:11px;display:grid}.modal-close{inset-inline-end:12px;background:0 0;border:0;font-size:22px;position:absolute;top:12px}.economy-summary{border-inline-start:3px solid var(--accent);background:var(--soft);justify-content:space-between;align-items:center;gap:12px;margin:-12px 0 18px;padding:10px 12px;font-size:12px;display:flex}.economy-summary b{color:var(--text)}.economy-summary span{color:var(--muted)}.boost-modal>p:not(.eyebrow,.economy-summary,.form-error){color:var(--muted);margin:-8px 0 24px;line-height:1.6}.boost-modal>.primary{width:100%;min-height:42px}.room-details-modal{width:min(880px,100%);max-height:min(820px,100dvh - 36px);overflow-y:auto}.room-details-modal>header h2{margin:3px 0 18px}.room-details-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;display:grid}.room-details-grid .governance-stack{margin-top:0}.profile-backdrop{z-index:30}.profile-dialog{width:min(520px,100%);padding:0;overflow:hidden}.profile-dialog .modal-close{z-index:1;background:color-mix(in srgb, var(--panel) 80%, transparent);width:38px;height:38px;color:var(--text);border-radius:50%}.profile-dialog-identity{background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 22%, var(--panel)), color-mix(in srgb, var(--accent-2) 14%, var(--panel)));align-items:flex-end;gap:22px;min-height:190px;padding:34px;display:flex}.profile-dialog-avatar{color:#381515;width:106px;height:106px;font:700 26px var(--font-display);background:linear-gradient(135deg,#fb7185,#fbbf24);border:3px solid #ffffffb3;border-radius:30px;flex:none;place-items:center;display:grid;overflow:hidden;box-shadow:0 12px 30px #0004}.profile-dialog-avatar img{object-fit:cover;width:100%;height:100%}.profile-dialog-identity .eyebrow{color:var(--text);margin:0 0 7px}.profile-dialog-identity h2{overflow-wrap:anywhere;margin:0;font-size:27px;line-height:1.15}.profile-dialog-handle{color:var(--text);margin:5px 0 0;font-size:13px}.profile-dialog-loading,.profile-dialog>.form-error{margin:18px 28px 0}.profile-facts{background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:25px 28px;display:grid}.profile-facts>div{background:var(--panel);min-width:0;padding:14px}.profile-facts dt{color:var(--text);text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:600}.profile-facts dd{overflow-wrap:anywhere;align-items:center;gap:7px;margin:0;font-size:12px;font-weight:700;display:flex}.profile-facts dd i{background:var(--muted);border-radius:50%;width:7px;height:7px}.profile-facts dd i.is-online{background:#41d985;box-shadow:0 0 0 4px #41d98524}.profile-dialog-actions{justify-content:flex-end;padding:0 28px 28px;display:flex}.profile-dialog-actions a{border:1px solid var(--line);color:var(--text);border-radius:6px;padding:10px 14px;font-size:12px;font-weight:700;text-decoration:none}.profile-dialog-actions a:hover{border-color:var(--accent-2);color:var(--accent-2)}@media (width<=1100px) and (width>=761px){.chat-shell,.chat-shell.demo-shell{grid-template-columns:260px minmax(400px,1fr)}.context-panel{display:none}}@media (width<=760px){.chat-shell,.chat-shell.demo-shell{height:100dvh;display:block}.conversation{grid-template-rows:68px minmax(0,1fr) auto;height:100%}.conversation-header{padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) 12px calc(max(12px, env(safe-area-inset-left,0px)) + 52px)}[dir=rtl] .conversation-header{padding:max(12px, env(safe-area-inset-top,0px)) calc(max(12px, env(safe-area-inset-right,0px)) + 52px) 12px max(12px, env(safe-area-inset-left,0px))}.channel-orb{display:none}.timeline{padding:17px 14px}.composer-wrap{padding:0 12px max(12px, env(safe-area-inset-bottom))}.media-upload-state{flex-wrap:wrap;justify-content:flex-start}.voice-recorder [role=timer]{min-width:30px}.message-bubble{max-width:100%;font-size:13px}.context-panel{display:none}.room-list{z-index:11;inset-inline-start:72px;visibility:hidden;width:min(100vw - 72px,310px);padding-top:82px;transition:transform .25s,visibility 0s .25s;position:fixed;top:0;bottom:0;transform:translate(-100%)}.drawer-open .room-list{visibility:visible;transition-delay:0s;transform:none}[dir=rtl] .room-list{transform:translate(100%)}[dir=rtl] .drawer-open .room-list{transform:none}.room-details-backdrop{padding:0}.modal-backdrop{align-items:start;overflow-y:auto}.modal:not(.room-details-modal){margin-block:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-bottom));max-height:none}.room-details-modal{border:0;border-radius:0;width:100%;min-height:100dvh;max-height:100dvh}.room-details-grid{grid-template-columns:1fr}.profile-dialog{margin-block:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-bottom));max-height:none}.profile-dialog-identity{align-items:center;min-height:210px;padding:48px 22px 26px}.profile-dialog-avatar{border-radius:24px;width:84px;height:84px}.profile-dialog-identity h2{font-size:22px}.profile-facts{grid-template-columns:1fr;padding:20px}.profile-dialog-actions{padding:0 20px 20px}.profile-dialog-actions a{text-align:center;width:100%}}.channel-copy h1,.channel-copy h2{min-width:0}.header-trigger{max-inline-size:100%;color:inherit;font:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;display:block;overflow:hidden}.header-trigger:after{content:"";position:absolute;inset:0}.header-trigger:focus-visible{outline:none}.header-trigger:focus-visible:after{outline:2px solid var(--accent-2);outline-offset:-2px}.room-meta{z-index:1;position:relative}.room-details-modal>header .copy-control{margin-block-start:10px}@media (pointer:coarse){.modal-close,.attach,.composer button,.voice-recorder[role=group] button{min-width:44px;min-height:44px}.attach,.composer button,.voice-recorder[role=group] button{width:44px;height:44px}.message{grid-template-columns:44px minmax(0,1fr)}.message .avatar,.message-avatar-trigger{width:44px;height:44px}.message-head button{margin-block:-13px;padding-block:13px}.drawer-trigger{width:44px;height:44px}:is(.chat-shell,.modal) :is(input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea){font-size:max(16px,1em)}}@media (width<=760px){.conversation{grid-template-rows:calc(68px + env(safe-area-inset-top,0px)) minmax(0, 1fr) auto}.timeline{padding-left:max(14px, env(safe-area-inset-left,0px));padding-right:max(14px, env(safe-area-inset-right,0px))}.composer-wrap{padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px))}.profile-dialog-actions{flex-wrap:wrap;gap:10px}.profile-dialog-actions .copy-control,.profile-dialog-actions .copy-name{width:100%}}.profile-dialog-actions{gap:10px}.message-edit{gap:8px;min-inline-size:min(60vw,28rem);max-inline-size:100%;display:grid}.message-edit textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--panel);inline-size:100%;color:var(--text);font:inherit;border-radius:10px;padding:8px 10px}.message-edit textarea:focus-visible,.message-edit button:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.message-edit .message-edit-hint{color:var(--muted);margin:0;font-size:12px}.message-edit .message-edit-error{color:var(--danger);margin:0;font-size:13px}@media (pointer:coarse){.message-edit button{min-block-size:44px;min-inline-size:44px}}.people-view{background:color-mix(in srgb, var(--bg) 70%, var(--panel));grid-template-columns:minmax(0,1fr) 330px;height:100%;display:grid;overflow:hidden}.people-main,.social-context{min-width:0;overflow-y:auto}.people-main{padding:clamp(42px,6vw,84px)}.social-heading{max-width:680px}.social-heading h1{font:600 clamp(42px, 6vw, 72px) / 1 var(--font-display);letter-spacing:-.05em;margin:8px 0 12px}.social-heading>p:last-child{color:var(--muted);line-height:1.7}.people-search{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);align-items:center;gap:10px;max-width:720px;height:52px;margin:30px 0 22px;padding:0 16px;display:flex}.people-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.people-results{gap:12px;max-width:820px;display:grid}.person-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:15px;padding:17px;display:grid}.person-card .identity-avatar{border-radius:18px;width:58px;height:58px}.person-card h2,.person-card p{margin:0}.person-card h2{font:600 18px var(--font-display)}.person-card p{color:var(--muted);margin-top:4px;font-size:12px}.person-actions,.compact-actions{flex-wrap:wrap;gap:7px;display:flex}.person-actions button,.compact-actions button,.social-card>article>button,.request-card button{border:1px solid var(--line);background:var(--soft);border-radius:9px;padding:8px 10px;font-size:10px}.person-actions .primary,.request-card .primary{border:0}.danger-button{color:var(--danger)}.social-context{border-inline-start:1px solid var(--line);background:var(--panel);padding:24px 18px}.social-card{border-bottom:1px solid var(--line);padding:17px 0}.social-card:first-child{padding-top:0}.social-card h3{font:600 14px var(--font-display);margin:0 0 12px}.social-card label{color:var(--muted);gap:8px;font-size:11px;display:grid}.social-card select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-2);color:var(--text);padding:10px}.compact-person{gap:9px;padding:10px 0;display:grid}.person-identity{align-items:center;gap:10px;min-width:0;display:flex}.person-identity .identity-avatar.mini{border-radius:13px;width:39px;height:39px;font-size:10px}.person-identity p{min-width:0;margin:0}.person-identity strong,.person-identity small{text-overflow:ellipsis;display:block;overflow:hidden}.person-identity strong{font-size:12px}.person-identity small{color:var(--muted);margin-top:2px;font-size:10px}.profile-editor{border-top:1px solid var(--line);max-width:820px;margin-top:30px;padding-top:18px}.profile-editor .account-panel{margin-top:10px}.direct-shell{grid-template-columns:290px minmax(420px,1fr) 276px}.direct-start{border:1px solid var(--line);background:var(--panel-2);border-radius:14px;align-items:center;gap:8px;height:44px;margin:22px 0 25px;padding-block:0;padding-inline:13px 8px;display:flex}.direct-start label{flex:1;min-width:0}.direct-start input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.direct-start button{background:var(--soft);width:30px;height:30px;color:var(--accent-2);border:0;border-radius:9px}.direct-list .room-card{grid-template-columns:44px minmax(0,1fr) auto}.direct-conversation .channel-copy h1{font:600 16px var(--font-display);margin:0}.request-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);margin-top:12px;padding:13px}.request-card>p{color:var(--muted);font-size:11px;line-height:1.5}.compact-request-inbox{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}@media (width<=1100px) and (width>=761px){.people-view{grid-template-columns:minmax(0,1fr) 300px}.direct-shell{grid-template-columns:260px minmax(400px,1fr)}.request-panel{display:none}}@media (width<=760px){.people-view{display:block;overflow-y:auto}.people-main{padding:74px 18px 28px;overflow:visible}.social-context{border-inline-start:0;border-top:1px solid var(--line);padding:24px 18px 60px;overflow:visible}.person-card{grid-template-columns:52px minmax(0,1fr)}.person-actions{grid-column:1/-1}.direct-shell{display:block}.direct-conversation{height:100%}.request-panel{display:none}}.home{background:color-mix(in srgb, var(--bg) 70%, var(--panel));height:100%;min-height:0;padding:clamp(28px,5vw,72px);overflow-y:auto}.home-hero{max-width:1080px;margin:0 auto 28px}.home-hero h1{font:600 clamp(30px, 4.6vw, 56px) / 1.05 var(--font-display);letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 10px}[dir=rtl] .home-hero h1{letter-spacing:0;line-height:1.5}.home-hero p{color:var(--muted-strong);margin:0;font-size:16px;line-height:1.6}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;max-width:1080px;margin:0 auto;display:grid}.home-card,.home-quick{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);min-width:0;box-shadow:var(--shadow);padding:20px}.home-card-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.home-card h2{color:var(--muted-strong);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}[dir=rtl] .home-card h2{letter-spacing:0}.home-card a{color:inherit;text-decoration:none;display:block}.home-see-all{margin:8px 0 0}.home-see-all a{min-height:44px;color:var(--accent-text);align-items:center;font-size:13px;font-weight:700;display:inline-flex}.home-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.home-row{border-radius:14px;align-items:center;gap:12px;min-height:56px;padding:6px 8px;display:flex}a:hover>.home-row,a:focus-visible>.home-row{background:var(--soft)}.home-monogram{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#17301c;border-radius:15px;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.home-row-copy{flex:1;gap:3px;min-width:0;display:grid}.home-row-copy b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.home-row-copy small{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.home-notification .home-row-copy b{white-space:normal;font-weight:600}.home-notification.unread .home-row-copy b{font-weight:800}.home-badge{background:var(--text);min-width:22px;height:22px;color:var(--bg);border-radius:11px;place-items:center;padding:0 7px;font-size:11px;font-weight:800;display:inline-grid}.home-empty{color:var(--muted-strong);margin:0;padding:10px 8px;font-size:14px}.home-failure{justify-items:start;gap:10px;padding:6px 8px;display:grid}.home-failure p{color:var(--danger);margin:0;font-size:14px}.home-failure button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);min-height:44px;padding:0 16px;font-weight:700}.home-skeleton{gap:10px;display:grid}.home-skeleton span{background:var(--soft);border-radius:14px;height:44px}.home-quick{grid-column:1/-1}.home-quick ul{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.home-quick a{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel-2);min-height:76px;color:var(--text);flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:12px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.home-quick a:hover{border-color:var(--accent-2)}.home-quick svg{color:var(--accent-2)}@media (width<=760px){.home{padding:max(24px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 24px max(16px, env(safe-area-inset-left,0px))}.home-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:no-preference){.home-row,.home-quick a{transition:background-color .16s,border-color .16s}.home-skeleton span{animation:1.4s ease-in-out infinite home-pulse}@keyframes home-pulse{50%{opacity:.5}}}.notification-badge{pointer-events:none;position:absolute;inset-block-start:3px;inset-inline-end:1px}.notifications-screen{align-content:start;gap:18px;display:grid}.notifications-screen>:not(.sr-only){width:100%;max-width:760px;margin-inline:0}.notifications-screen h1{margin:0 0 6px;font-size:clamp(28px,4vw,40px);line-height:1.1}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.notifications-header p{color:var(--muted);margin:0;line-height:1.6}.notifications-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.notifications-actions a{border-radius:var(--radius-sm);min-height:44px;color:var(--text);text-underline-offset:3px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:underline;display:inline-flex}.notifications-back-icon{transform:scaleX(1)}[dir=rtl] .notifications-back-icon{transform:scaleX(-1)}.notifications-button{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);min-height:44px;color:var(--text);padding:0 16px;font-size:13px;font-weight:600}.notifications-button:hover{background:var(--panel-2)}.notifications-button[aria-disabled=true]{color:var(--muted);cursor:not-allowed}.notifications-button.primary{background:var(--text);color:var(--bg);border-color:#0000}.notifications-banner{border:1px solid var(--danger);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:12px 14px;display:flex}.notifications-banner p{margin:0}.notifications-empty{color:var(--muted);margin:8px 0}.notification-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.notification-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);align-items:stretch;gap:8px;display:flex}.notification-item.is-unread{border-color:var(--accent-2);background:var(--panel-2)}.notification-link{border-radius:var(--radius-md);min-width:0;min-height:56px;color:var(--text);flex:1;align-items:flex-start;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.notification-dot{background:0 0;border-radius:50%;flex:none;width:10px;height:10px;margin-block-start:5px}.is-unread .notification-dot{background:var(--accent-2)}.notification-body{overflow-wrap:anywhere;gap:3px;min-width:0;display:grid}.is-unread .notification-event{font-weight:700}.notification-time{color:var(--muted);font-size:12px}.notification-mark{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);width:44px;min-height:44px;color:var(--text);flex:none;place-items:center;margin:6px;display:grid}.notification-mark:hover{background:var(--panel)}.notifications-more{justify-items:start;gap:8px;margin-block-start:14px;display:grid}.notifications-more p{color:var(--danger);margin:0}.prefs-master{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);padding:14px 16px}.prefs-master label{align-items:center;gap:12px;min-height:44px;font-weight:700;display:flex}.prefs-master input{width:22px;height:22px;accent-color:var(--accent-2);margin:0}.prefs-master p,.prefs-note{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.6}.prefs-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);overflow-x:auto}.prefs-table{border-collapse:collapse;width:100%}.prefs-table th,.prefs-table td{border-block-end:1px solid var(--line);text-align:center;padding:8px 12px}.prefs-table tbody tr:last-child>*{border-block-end:0}.prefs-table th[scope=row],.prefs-table thead th:first-child{text-align:start}.prefs-table th[scope=row]{font-weight:600}.prefs-table thead th{color:var(--muted);font-size:12px;font-weight:700}.prefs-table input{width:22px;height:22px;accent-color:var(--accent-2);margin:0}.prefs-table td{min-width:76px}.prefs-master input[aria-disabled=true],.prefs-table input[aria-disabled=true]{cursor:progress;opacity:.6}.prefs-table input:disabled{cursor:not-allowed;opacity:.5}.unsubscribe-screen{place-items:start center;height:calc(100dvh - 64px);padding:32px 16px;display:grid;overflow:auto}.unsubscribe-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);width:min(100%,520px);box-shadow:var(--shadow);gap:14px;padding:28px 24px;display:grid}.unsubscribe-card h1{margin:0;font-size:26px;line-height:1.2}.unsubscribe-card p{color:var(--muted);margin:0;line-height:1.7}.unsubscribe-card .unsubscribe-result{color:var(--text);font-weight:600}.unsubscribe-card .unsubscribe-result:empty{display:none}.unsubscribe-card .notifications-button{justify-self:start}@media (width<=760px){.unsubscribe-screen{height:calc(100dvh - 55px)}.notifications-actions{width:100%}}@media (prefers-reduced-motion:reduce){.notification-badge,.notification-item,.notification-link{transition:none;animation:none}}:root{--muted-strong:color-mix(in srgb, var(--muted) 75%, var(--text));--accent-text:color-mix(in srgb, var(--accent-2) 45%, var(--text))}.bottom-nav{display:none}.more-sheet-backdrop{z-index:14;background:#000a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.more-sheet{width:min(100%,520px);max-height:90dvh;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--panel);box-shadow:var(--shadow);overflow-y:auto}.more-sheet header{justify-content:space-between;align-items:center;gap:12px;display:flex}.more-sheet h2{font:600 18px var(--font-display);margin:0}.more-sheet-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:14px;place-items:center;display:grid}.more-sheet ul{margin:0;padding:0;list-style:none}.more-sheet a,.more-sheet-actions button{min-height:52px;color:var(--text);text-align:start;background:0 0;border:0;border-radius:14px;align-items:center;gap:14px;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.more-sheet-actions button{width:100%}.more-sheet a:hover,.more-sheet-actions button:hover,.more-sheet a[aria-current=page]{background:var(--soft)}.more-sheet a[aria-current=page]{color:var(--accent-text)}.more-sheet-actions{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}@media (width<=767px),(pointer:coarse){.bottom-nav{z-index:8;inset-inline:0;padding:6px max(8px, env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px, env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0}:is(.bottom-nav[hidden],.routed-shell:has(.conversation-header) .bottom-nav){display:none}.bottom-nav a,.bottom-nav button{min-width:44px;min-height:52px;color:var(--muted-strong);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:11px;font-weight:700;text-decoration:none;display:flex;position:relative}.bottom-nav a[aria-current=page],.bottom-nav button[aria-current=page]{color:var(--text)}.bottom-nav a[aria-current=page] .bottom-nav-glyph,.bottom-nav button[aria-current=page] .bottom-nav-glyph{background:var(--soft);color:var(--accent-2)}.bottom-nav-glyph{border-radius:14px;place-items:center;width:52px;height:28px;display:grid;position:relative}.bottom-nav-badge{position:absolute;inset-block-start:-2px;inset-inline-start:calc(50% + 4px)}.route-content:has(>.bottom-nav:not([hidden])):not(:has(.conversation-header)){padding-bottom:calc(65px + env(safe-area-inset-bottom,0px))}.route-content:has(>.bottom-nav:not([hidden]))>.chat-shell{height:100%}}@media (width>=761px) and (width<=767px),(width>=761px) and (pointer:coarse){.routed-shell:has(.bottom-nav){grid-template-columns:minmax(0,1fr)}.routed-shell:has(.bottom-nav)>.navigation-rail{display:none}}@media (width<=760px){.routed-shell:has(.bottom-nav):not(:has(.conversation-header),.drawer-open) .drawer-trigger{display:none}.routed-shell:not(.drawer-open) .chat-shell:not(:has(.conversation-header)){flex-direction:column;display:flex}.routed-shell:not(.drawer-open) .chat-shell:not(:has(.conversation-header))>.room-list{width:auto;height:auto;min-height:0;padding-top:max(24px, env(safe-area-inset-top,0px));visibility:visible;border-inline-end:0;flex:auto;position:static;transform:none}.routed-shell:not(.drawer-open) .chat-shell:not(:has(.conversation-header))>.conversation{height:auto;padding-top:env(safe-area-inset-top,0px);flex:none;order:-1;display:block}.routed-shell:not(.drawer-open) .chat-shell:not(:has(.conversation-header))>.conversation:not(:has(.banner,.connection-banner)){display:none}.routed-shell:not(.drawer-open) .chat-shell:not(:has(.conversation-header))>.conversation .empty-state>:not(.banner,.connection-banner){display:none}.routed-shell:not(.drawer-open) .chat-shell:not(:has(.conversation-header))>.context-panel{display:none}}.conversation-back{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:14px;flex:none;place-items:center;margin-inline-end:2px;display:grid}.conversation-back:hover{background:var(--soft)}.conversation-header .conversation-back{z-index:1;position:relative}@media (prefers-reduced-motion:no-preference){.bottom-nav a,.bottom-nav button,.bottom-nav-glyph{transition:color .16s,background-color .16s}}.topbar{z-index:4;border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 24px;display:grid;position:relative}.topbar-brand{align-items:center;min-width:0;display:flex}.wordmark{color:var(--text);align-items:flex-start;gap:5px;text-decoration:none;display:flex}.wordmark img{width:124px;height:auto;display:block}.wordmark-beta{color:var(--muted);letter-spacing:0;align-self:flex-start;margin-inline-start:-5px;font-size:8px;font-weight:800;line-height:1}.topbar>p{color:var(--muted);margin:0;font-size:12px}.locale-button{border:1px solid var(--line);background:0 0;border-radius:99px;justify-self:end;padding:7px 14px}.landing{block-size:calc(100dvh - 64px);grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);min-height:0;display:grid;overflow:auto}.landing-copy{border-inline-end:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:52px 52px;flex-direction:column;justify-content:center;padding:clamp(56px,8vw,130px);display:flex;position:relative}.landing-copy:before{content:"";background:color-mix(in srgb, var(--bg) 92%, transparent);position:absolute;inset:0}.landing-copy>*{position:relative}.signal-mark{width:58px;height:58px;margin-bottom:42px;display:block}.landing h1{max-width:820px;font:600 clamp(50px, 7vw, 104px) / .96 var(--font-display);letter-spacing:-.06em;margin:0}[dir=rtl] .landing h1{letter-spacing:0;line-height:1.45}.lede{max-width:650px;color:var(--muted);margin:35px 0 50px;font-size:clamp(16px,1.6vw,21px);line-height:1.65}.feature-line{border-top:1px solid var(--line);gap:45px;max-width:680px;padding-top:24px;display:flex}.feature-line span{font:500 22px var(--font-display)}.feature-line small{color:var(--muted);text-transform:uppercase;margin-top:5px;font-size:9px;display:block}.auth-card{align-self:center;padding:clamp(35px,5vw,80px)}.auth-tabs{border-bottom:1px solid var(--line);margin-bottom:40px;display:flex}.auth-tabs button{color:var(--muted);background:0 0;border:0;flex:1;padding:14px 5px}.auth-tabs button.active{border-bottom:2px solid var(--accent);color:var(--text)}.auth-card h2{font:600 32px var(--font-display);margin:0 0 30px}.auth-card form{gap:18px;display:grid}.auth-card label{color:var(--muted);gap:8px;font-size:12px;display:grid}.auth-card input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);width:100%;color:var(--text);padding:13px 14px}.auth-card .check{grid-template-columns:18px 1fr}.primary{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#17301c;border:0;padding:14px;font-weight:700}.form-error{border-inline-start:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--panel));color:var(--danger);padding:10px;font-size:12px}.form-status{border-inline-start:3px solid var(--accent-2);background:color-mix(in srgb, var(--accent-2) 12%, var(--panel));color:var(--text);padding:10px;font-size:12px}.preview-link{width:100%;color:var(--accent-2);background:0 0;border:0;margin-top:18px;padding:8px}.demo-label{border-bottom:1px solid var(--line);background:var(--panel-2);height:32px;color:var(--gold);font:600 10px var(--font-display);letter-spacing:.12em;text-transform:uppercase;place-items:center;display:grid}.demo-label+.chat-shell{height:calc(100dvh - 32px)}.session-loading{min-height:calc(100dvh - 64px);color:var(--muted);place-items:center;display:grid}@media (width<=760px){.topbar{grid-template-columns:1fr auto;height:55px;padding:0 14px}.wordmark img{width:108px}.wordmark-beta{margin-inline-start:-3px;font-size:7px}.topbar>p{display:none}.landing{block-size:calc(100dvh - 55px);overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.landing-copy{border:0;flex:none;padding:52px 24px}.landing h1{font-size:clamp(45px,14vw,68px)}.feature-line{gap:24px}.auth-card{flex:none;order:-1;padding:32px 24px 48px}.demo-label+.chat-shell{height:calc(100dvh - 32px)}}.update-prompt{z-index:60;inset-inline:12px;bottom:max(12px, env(safe-area-inset-bottom,0px));border:1px solid var(--line);background:var(--panel);max-width:420px;color:var(--text);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-inline:auto;padding:12px 14px;display:flex;position:fixed;box-shadow:0 8px 28px #0000002e}.update-prompt p{flex:200px;margin:0}.update-prompt button,.install-entry button{border-radius:var(--radius-sm);min-height:44px;padding:0 16px}.update-prompt button:not(.primary){border:1px solid var(--line);background:var(--soft)}.update-prompt button:not(.primary):hover{background:var(--line)}.update-prompt button.primary:hover:not(:disabled),.install-entry button.primary:hover{filter:brightness(.95)}.update-prompt button:focus-visible,.install-entry button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.update-prompt button:disabled{cursor:progress;opacity:.7}.install-entry{margin-block-start:16px}.install-entry h3{margin:0 0 8px;font-size:1rem}.install-entry p{margin:0}
