:root{color-scheme:light dark;--bg: #ffffff;--bg-raised: #f2f3f5;--bg-sunken: #e7e9ed;--border: #dfe2e7;--text: #16181d;--text-muted: #6b6f78;--accent: #3b73e0;--accent-text: #ffffff;--bubble-own: #2c6bed;--bubble-other: #eef0f3;--bubble-own-border: #1f57cc;--bubble-other-border: #dde0e5;--danger: #d64545;--keyboard-surface: #d1d3d9;--border-subtle: #eceef1;--shadow-sm: 0 1px 3px rgba(16, 18, 22, .08), 0 1px 2px rgba(16, 18, 22, .06);--shadow-md: 0 8px 24px rgba(16, 18, 22, .12), 0 2px 8px rgba(16, 18, 22, .08);--username-color-0: #c0392b;--username-color-1: #a3700a;--username-color-2: #1a8a5f;--username-color-3: #2563eb;--username-color-4: #6d4fc4;--username-color-5: #c2317a;--username-color-6: #0e7c86;--username-color-7: #b5541b;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--text-scale: 1;--nav-easing: cubic-bezier(.2, .8, .2, 1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}html{font-size:calc(17.6px * var(--text-scale))}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #000000;--bg-raised: #16181d;--bg-sunken: #000000;--border: #24262c;--border-subtle: #1b1d22;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--text: #eef0f3;--text-muted: #8b8f98;--accent: #4f8cff;--accent-text: #ffffff;--bubble-own: #2c6bed;--bubble-other: #1f2126;--bubble-own-border: #4a83f5;--bubble-other-border: #2e3138;--danger: #f26363;--keyboard-surface: #1f1f1f;--username-color-0: #ff8a80;--username-color-1: #ffcb66;--username-color-2: #4dd2a4;--username-color-3: #6fa8ff;--username-color-4: #b39ddb;--username-color-5: #f48fb1;--username-color-6: #4dd9e8;--username-color-7: #ffab66}}:root[data-theme=dark]{--bg: #000000;--bg-raised: #16181d;--bg-sunken: #000000;--border: #24262c;--border-subtle: #1b1d22;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--text: #eef0f3;--text-muted: #8b8f98;--accent: #4f8cff;--accent-text: #ffffff;--bubble-own: #2c6bed;--bubble-other: #1f2126;--bubble-own-border: #4a83f5;--bubble-other-border: #2e3138;--danger: #f26363;--keyboard-surface: #1f1f1f;--username-color-0: #ff8a80;--username-color-1: #ffcb66;--username-color-2: #4dd2a4;--username-color-3: #6fa8ff;--username-color-4: #b39ddb;--username-color-5: #f48fb1;--username-color-6: #4dd9e8;--username-color-7: #ffab66}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{height:100%;margin:0;background:var(--bg);color:var(--text);overscroll-behavior:none;overflow:hidden;touch-action:pan-x pan-y}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit}.icon-button{background:transparent;border:none;width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.icon-button:active{background:var(--bg-sunken)}@media (max-width: 767px){.icon-button{width:3.5rem;height:3.5rem;min-width:3.5rem;font-size:1.75rem}}html.keyboard-open #app{background:var(--keyboard-surface)}.app-shell{height:100%;height:100dvh;height:var(--app-height, 100dvh);display:flex;flex-direction:column;overflow:hidden}.app{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.sidebar,.main{height:100%;display:flex;flex-direction:column;min-width:0}.sidebar{border-right:1px solid var(--border-subtle);isolation:isolate}.sidebar,.main{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;background:var(--bg)}.main{transform:translate(100%);transition:transform .35s var(--nav-easing);box-shadow:-2px 0 16px #00000026}.app.room-open .main{transform:translate(0)}.sidebar{transition:transform .35s var(--nav-easing)}.app.room-open .sidebar{transform:translate(-30%)}.pane-dim,.swipe-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none}.pane-dim{transition:opacity .35s var(--nav-easing)}.app.room-open .pane-dim{opacity:.12}.swipe-dim{z-index:2000}@media (prefers-reduced-motion: reduce){.main,.sidebar,.pane-dim{transition:none}.app.room-open .sidebar{transform:none}}.back-button{display:inline-flex}@media (min-width: 768px){.sidebar,.main{position:static;width:auto;transform:none;transition:none;box-shadow:none}.app.room-open .sidebar{transform:none}.pane-dim{display:none}.sidebar{position:relative;display:flex;width:340px;flex-shrink:0}.main{display:flex;flex:1}.back-button{display:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 4px) 16px 6px;flex-shrink:0}.sidebar-header h1{font-size:1.75rem;margin:0}.sidebar-title{display:flex;flex-direction:column;min-width:0}.sidebar-title h1{display:flex;align-items:center;gap:10px}.connection-status{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text-muted);font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-status-dot{width:7px;height:7px;border-radius:50%;background:var(--danger);flex-shrink:0}.connection-spinner{width:10px;height:10px;border:1.5px solid var(--text-muted);border-right-color:transparent;border-radius:50%;flex-shrink:0;animation:connection-spin .8s linear infinite}.sidebar-title h1 .connection-spinner{width:14px;height:14px;border-width:2px}@keyframes connection-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.connection-spinner{animation-duration:2.4s}}.sidebar-header-actions{display:flex;align-items:center;gap:8px}.profile-menu-trigger{position:relative;background:transparent;border:none;padding:0;display:flex;border-radius:50%}.profile-menu-badge{position:absolute;top:0;right:0;width:12px;height:12px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 2px var(--bg)}.theme-toggle{display:flex;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:2px;gap:2px}.theme-toggle button{flex:1;text-align:center;background:transparent;border:none;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:999px}.theme-toggle button.active{background:var(--accent);color:var(--accent-text)}.homeserver-locked{margin:0;padding:10px 12px;border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);font-size:.8125rem}.sidebar-top{position:absolute;top:0;left:0;right:0;z-index:2}.sidebar-top-frost{position:relative;z-index:0}.sidebar-top-frost:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.sidebar-top .sidebar-header{padding-top:calc(env(safe-area-inset-top) + 28px);padding-bottom:8px}.search-fab{position:absolute;right:16px;bottom:calc(env(safe-area-inset-bottom) + 16px);z-index:2;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text);background:color-mix(in srgb,var(--bg-raised) 72%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-md)}.search-fab:active{transform:scale(.94)}.search-fab[hidden]{display:none}.sidebar-search-dock{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:2;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.sidebar-search-dock.open{opacity:1;transform:none;pointer-events:auto}html.keyboard-open .sidebar-search-dock{bottom:8px}.sidebar-search-dock .sidebar-search-input{flex:1;min-width:0;background:color-mix(in srgb,var(--bg-raised) 72%,transparent);border-color:color-mix(in srgb,var(--border) 80%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-md)}.sidebar-search-close{flex-shrink:0;width:44px;height:44px;border-radius:50%;font-size:1.5rem;line-height:1;color:var(--text-muted);background:color-mix(in srgb,var(--bg-raised) 72%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-md)}.sidebar .room-list,.sidebar .sidebar-search-results{padding-bottom:calc(env(safe-area-inset-bottom) + 80px)}.sidebar-search-results .room-list-embedded{padding-bottom:0}.sidebar-top .sidebar-header .icon-button{width:44px;height:44px;min-width:44px}.sidebar .room-list,.sidebar .sidebar-search-results,.sidebar .room-list-empty{padding-top:calc(var(--sidebar-top-height, 160px) + 4px)}.sidebar-search-results .room-list-embedded{padding-top:0}.sidebar-search-input{width:100%;padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:max(16px,1rem)}.sidebar-search-results{flex:1;overflow-y:auto;padding:0 8px}.sidebar-search-results .room-list-embedded{overflow:visible;flex:none;padding:0}.search-section-title{margin:8px 8px 4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.sidebar-search-results .search-results{max-height:none}.sidebar-search-results .settings-hint,.sidebar-search-results .error{padding:0 8px}.room-list{list-style:none;margin:0;padding:4px 8px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:2px}.room-list-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:24px;text-align:center}.room-swipe{position:relative;overflow:hidden;border-radius:var(--radius-md);flex-shrink:0}.room-swipe-content{position:relative;background:var(--bg)}.room-swipe-actions{position:absolute;top:0;right:0;bottom:0;display:flex;visibility:hidden}.room-swipe.swiping .room-swipe-actions{visibility:visible}.room-swipe-action{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:none;color:#fff;font-size:.75rem;font-weight:600}.room-swipe-read{background:var(--accent)}.room-swipe-mute{background:#5856d6}.room-swipe-favourite{background:#ff9500}.room-swipe-action:active{filter:brightness(.9)}.room-name-line{display:flex;align-items:center;gap:4px;min-width:0}.room-muted-icon{display:inline-flex;flex-shrink:0;color:var(--text-muted)}.room-item{width:100%;display:flex;align-items:center;gap:14px;padding:12px 10px;border:none;background:transparent;border-radius:var(--radius-md);text-align:left;transition:background-color .15s ease}.room-item:active{background:var(--bg-raised)}.room-item.selected{background:color-mix(in srgb,var(--accent) 12%,var(--bg))}.room-item-copy{display:flex;flex-direction:column;min-width:0;flex:1;gap:2px}.room-name{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;flex-shrink:0}.room-item-time{font-size:.75rem;color:var(--text-muted)}.room-item.selected .room-item-time{color:var(--accent)}.room-preview{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-preview-sender{color:var(--text);font-weight:500}.room-item-invite{background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.room-item-invite:active,.room-item-invite.selected{background:color-mix(in srgb,var(--accent) 22%,transparent)}.room-item-invite .room-name{color:var(--accent)}.invite-badge{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:3px 8px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.unread-badge{background:var(--accent);color:var(--accent-text);border-radius:10px;min-width:20px;height:20px;padding:0 6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;flex-shrink:0}.avatar-image{object-fit:cover}.timeline-container{display:flex;flex-direction:column;height:100%;min-height:0}.timeline-header{display:flex;align-items:center;gap:10px;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.timeline-title-button{display:flex;align-items:center;gap:8px;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;color:inherit;min-width:0;flex:0 1 auto;text-align:left;padding:4px 14px 4px 4px;transition:background-color .15s ease}.timeline-title-button:active{background:var(--bg-sunken)}@media (hover: hover){.timeline-title-button:hover{background:var(--bg-sunken)}}.timeline-title-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.timeline-title-text .connection-status{font-size:.75rem}.timeline-room-name{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.header-text-button{background:transparent;border:none;color:var(--accent);font-size:.875rem;font-weight:500;padding:6px 8px;flex-shrink:0}.header-text-button.danger{color:var(--danger)}.timeline{flex:1;display:flex;flex-direction:column-reverse;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;padding:12px;min-height:0}.timeline-content{flex-shrink:0;display:flex;flex-direction:column;gap:2px}.message-row{position:relative;display:flex;align-items:flex-start;gap:8px;max-width:88%;margin:6px 0}.message-swipe-reply{position:absolute;right:4px;top:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg-raised);color:var(--text-muted);opacity:var(--swipe-progress, 0);transform:translateY(-50%) scale(calc(.6 + .4 * var(--swipe-progress, 0)));pointer-events:none}.message-row.swipe-armed .message-swipe-reply{background:var(--accent);color:var(--accent-text)}@media (hover: none){.message-bubble-stack{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.message-bubble-stack :is(input,textarea){-webkit-user-select:text;user-select:text}}.message-bubble-stack{display:flex;flex-direction:column;min-width:0;max-width:100%}.message-avatar{position:relative;z-index:2;flex-shrink:0;display:flex;margin-top:6px;margin-right:-18px;border-radius:50%;box-shadow:0 0 0 2px var(--bg)}.groupme-badge{position:absolute;right:-3px;bottom:-3px;display:flex;border-radius:4px;box-shadow:0 0 0 2px var(--bg)}.message-row:not(.own) .message-bubble{padding-left:16px}.message-row.own{margin-left:auto;flex-direction:row-reverse}.message-bubble{background:var(--bubble-other);border:1px solid var(--bubble-other-border);border-radius:var(--radius-lg);padding:8px 12px;min-width:0;position:relative}.message-row.own .message-bubble{background:var(--bubble-own);border-color:var(--bubble-own-border);color:var(--accent-text)}.message-bubble.has-chips{padding-bottom:12px}.message-bubble.highlighted{box-shadow:0 0 0 2px var(--accent);transition:box-shadow 1.5s ease}.sender{font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:2px}.username-color-0{color:var(--username-color-0)}.username-color-1{color:var(--username-color-1)}.username-color-2{color:var(--username-color-2)}.username-color-3{color:var(--username-color-3)}.username-color-4{color:var(--username-color-4)}.username-color-5{color:var(--username-color-5)}.username-color-6{color:var(--username-color-6)}.username-color-7{color:var(--username-color-7)}.body a{color:inherit;text-decoration:underline}.body{white-space:pre-wrap;word-break:break-word;font-size:.9375rem;line-height:1.35}.mention{background:#3b73e02e;color:var(--accent);border-radius:4px;padding:0 2px;font-weight:600}.own-mention{background:var(--accent);color:var(--accent-text)}.message-row.own .mention,.message-row.own .own-mention{background:#ffffff47;color:inherit}.body.formatted{white-space:normal}.body.formatted>:first-child{margin-top:0}.body.formatted>:last-child{margin-bottom:0}.body.formatted p,.body.formatted ul,.body.formatted ol,.body.formatted blockquote,.body.formatted pre,.body.formatted table,.body.formatted details{margin:4px 0}.body.formatted ul,.body.formatted ol{padding-left:1.4em}.body.formatted h1,.body.formatted h2,.body.formatted h3,.body.formatted h4,.body.formatted h5,.body.formatted h6{margin:4px 0;line-height:1.25}.body.formatted h1{font-size:1.4em}.body.formatted h2{font-size:1.25em}.body.formatted h3{font-size:1.1em}.body.formatted h4,.body.formatted h5,.body.formatted h6{font-size:1em}.body.formatted blockquote{padding-left:10px;border-left:3px solid currentColor;opacity:.85}.body.formatted code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;padding:1px 4px;border-radius:4px;background:#7f7f7f2e}.body.formatted pre{padding:8px 10px;border-radius:var(--radius-sm);background:#7f7f7f2e;overflow-x:auto;white-space:pre}.body.formatted pre code{padding:0;background:none}.body.formatted hr{border:none;border-top:1px solid currentColor;opacity:.3}.body.formatted table{display:block;overflow-x:auto;border-collapse:collapse}.body.formatted th,.body.formatted td{padding:2px 6px;border:1px solid rgba(127,127,127,.35)}.spoiler{border-radius:4px;background:currentColor;cursor:pointer}.spoiler.revealed{background:#7f7f7f2e;cursor:auto}.reply-preview{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:2px;margin-bottom:6px;padding:5px 10px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-left:3px solid currentColor;border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 10%,var(--bg-sunken));text-align:left}.message-row.own .reply-preview{border-color:#ffffff59;border-left-color:currentColor;background:#ffffff24}.reply-preview-sender{font-size:.75rem;font-weight:600}.reply-preview-body{font-size:.8125rem;color:var(--text);opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.message-row.own .reply-preview-body{color:var(--accent-text)}.redacted-body,.encrypted-body{font-size:.875rem;font-style:italic;opacity:.65}.message-bubble.redacted{border:1px dashed var(--border)}.message-time{font-size:.6875rem;opacity:.7;margin-top:3px;text-align:right}.message-edited{font-size:.6875rem;opacity:.7;font-style:italic}.message-image{max-width:100%;height:auto;border-radius:var(--radius-md);display:block;cursor:zoom-in}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000f2;color:#fff;overflow:hidden;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.lightbox-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.lightbox-track{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .28s cubic-bezier(.2,.8,.2,1);will-change:transform}.lightbox-track.dragging{transition:none}.lightbox-slide{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 8px) 8px calc(env(safe-area-inset-bottom,0px) + 8px);box-sizing:border-box}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;will-change:transform;-webkit-user-drag:none;-webkit-touch-callout:none}.lightbox-image.zoomed{cursor:grab}.lightbox-loading{color:#fffc;font-size:.875rem}.lightbox-chrome{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.lightbox-chrome>*{pointer-events:auto}.lightbox-topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 24px 16px;background:linear-gradient(to bottom,#0000008c,#0000);pointer-events:none}.lightbox-topbar>*{pointer-events:auto}.lightbox-counter{flex:1;font-size:.9375rem;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6)}.lightbox-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;box-shadow:0 0 0 1px #ffffff26;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-button:disabled{opacity:.5}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px}.lightbox-nav.prev{left:12px}.lightbox-nav.next{right:12px}@media (hover: none){.lightbox-nav{display:none}}.lightbox-caption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px calc(env(safe-area-inset-bottom,0px) + 14px);background:linear-gradient(to top,#0009,#0000);font-size:.875rem;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}.file-link{color:inherit;text-decoration:underline}.attachment-loading,.attachment-error,.attachment-blocked,.attachment-hidden{font-size:.8125rem;font-style:italic;opacity:.75}.attachment-loading{display:flex;align-items:center;min-height:120px}.attachment-error,.attachment-blocked{color:var(--danger);font-style:normal}.reactions{display:flex;flex-wrap:wrap;gap:4px;position:relative;z-index:1;align-self:flex-start;margin-top:-10px;padding-left:2px}.reactions button{background:var(--bg-sunken);border:1px solid transparent;color:var(--text);border-radius:999px;padding:2px 8px;font-size:.75rem}.reactions button.reacted{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,var(--bg-raised))}.message-footer{display:flex;align-items:center;justify-content:flex-start;gap:4px;margin-top:3px}.read-receipts{display:flex;align-items:center;justify-content:flex-end;gap:2px;position:relative;z-index:1;align-self:flex-end;margin-top:-10px;background:transparent;border:none;padding:0}.read-receipts .avatar{border:1.5px solid var(--bg);margin-left:-8px}.read-receipts .avatar:first-child{margin-left:0}.read-receipts-more{font-size:.6875rem;color:inherit;opacity:.7;margin-left:2px}.reaction-tabs{display:flex;flex-wrap:wrap;gap:6px}.reaction-tab{background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.875rem;color:var(--text)}.reaction-tab.active{border-color:var(--accent);background:#4f8cff26}.message-menu-trigger{margin-left:auto;background:transparent;border:none;color:inherit;opacity:.6;font-size:15px;line-height:1;padding:2px 4px}.bubble-chips{display:flex;align-items:center;gap:8px;position:relative;z-index:1;margin-top:-10px;padding:0 2px}.bubble-chips .read-receipts{margin-top:0;margin-left:auto;flex:none}.bubble-chips .reactions{margin-top:0;padding-left:0;min-width:0}.message-react-trigger{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:999px;background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-sm)}.message-react-trigger.open,.message-react-trigger:active{color:var(--accent);border-color:var(--accent)}.message-react-bar{position:fixed;display:flex;justify-content:space-between;gap:2px;padding:4px;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;box-shadow:0 8px 24px #00000040;color:var(--text);z-index:30}.message-react-bar button{flex:1 1 0;background:transparent;border:none;font-size:22px;line-height:1;padding:6px 0;border-radius:999px}.message-react-bar button.reacted{background:color-mix(in srgb,var(--accent) 18%,transparent)}.message-react-bar button.more{color:var(--text-muted);font-size:20px}.message-react-bar button:active{background:var(--bg-sunken)}.message-row.menu-open{z-index:40}.message-row.menu-open .message-bubble{box-shadow:var(--shadow-md)}.message-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#00000047;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:message-menu-fade .16s ease-out}.message-menu{position:fixed;z-index:30;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--text);animation:message-menu-pop .18s cubic-bezier(.2,.9,.3,1.2)}.message-menu-group{display:flex;flex-direction:column}.message-menu-group+.message-menu-group,.message-menu-reactions+.message-menu-group{border-top:6px solid var(--bg-sunken)}.message-menu-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:none;color:var(--text);text-align:left;padding:11px 14px;font-size:.9375rem}.message-menu-item+.message-menu-item{border-top:1px solid var(--border)}.message-menu-item svg{flex:none;opacity:.85}.message-menu-item:active{background:var(--bg-sunken)}.message-menu-item.danger{color:var(--danger)}.message-menu-reactions{display:flex;justify-content:space-between;gap:4px;padding:8px}.message-menu-reactions button{flex:1 1 0;background:transparent;border:none;font-size:22px;line-height:1;padding:6px 0;border-radius:999px}.message-menu-reactions button.reacted{background:color-mix(in srgb,var(--accent) 18%,transparent)}.message-menu-reactions button.more{color:var(--text-muted);font-size:20px}.message-menu-reactions button:active{background:var(--bg-sunken)}@keyframes message-menu-pop{0%{opacity:0;transform:scale(.9)}}@keyframes message-menu-fade{0%{opacity:0}}@media (prefers-reduced-motion: reduce){.message-menu,.message-menu-backdrop{animation:none}}.typing-indicator{padding:2px 16px;font-size:.75rem;color:var(--text-muted);min-height:18px}.system-message{text-align:center;font-size:.75rem;color:var(--text-muted);margin:8px 0}.history-status{text-align:center;font-size:.75rem;color:var(--text-muted);margin:4px 0 10px}.date-separator{display:flex;justify-content:center;margin:16px 0 12px}.date-separator span{font-size:.75rem;font-weight:600;color:var(--text-muted)}.invite-prompt{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center}.invite-prompt h2{margin:4px 0 0;font-size:1.125rem}.invite-prompt-actions{display:flex;gap:10px;margin-top:12px}.invite-prompt-actions button{padding:10px 20px;border-radius:var(--radius-md);border:none;background:var(--bg-raised);color:var(--text);font-size:.875rem;font-weight:500}.invite-prompt-actions button.invite-accept-button{background:var(--accent);color:var(--accent-text);font-weight:600;box-shadow:var(--shadow-sm)}.timeline-container{position:relative;--glass-bg: color-mix(in srgb, var(--bg-raised) 72%, transparent);--glass-border: color-mix(in srgb, var(--border) 80%, transparent)}.timeline{padding-bottom:calc(var(--composer-height, 72px) + 8px)}.timeline-content{padding-top:var(--header-height, 64px)}.header-dock{position:absolute;top:0;left:0;right:0;z-index:3;pointer-events:none}.header-dock:before{content:"";position:absolute;top:0;left:0;right:0;height:calc(env(safe-area-inset-top) + 44px);z-index:-1;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg) 85%,transparent) 0,color-mix(in srgb,var(--bg) 55%,transparent) env(safe-area-inset-top),transparent 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 env(safe-area-inset-top),transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 env(safe-area-inset-top),transparent 100%)}.has-photo-wallpaper .date-separator span,.has-photo-wallpaper .timeline-content>.system-message,.has-photo-wallpaper .system-event-group,.has-photo-wallpaper .history-status{width:fit-content;padding:3px 10px;border-radius:12px;color:var(--text);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}.has-photo-wallpaper .timeline-content>.system-message,.has-photo-wallpaper .system-event-group,.has-photo-wallpaper .history-status{align-self:center}.has-photo-wallpaper .system-event-group .system-message{color:var(--text)}.header-dock .back-button,.header-dock .timeline-title-button,.header-dock .pinned-banner{pointer-events:auto}.header-dock .timeline-header{border-bottom:none;padding-top:calc(env(safe-area-inset-top) + 26px)}.header-dock .back-button{width:40px;height:40px;min-width:40px;font-size:1.5rem;color:var(--text);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm)}.back-button.has-count{width:auto;border-radius:999px;padding:0 12px 0 4px;gap:1px}.back-button-count{font-size:.9375rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.header-dock .timeline-title-button{background:var(--glass-bg);border-color:var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm)}.header-dock .pinned-banner{width:auto;margin:0 10px;border:1px solid var(--glass-border);border-radius:18px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm)}.header-dock .timeline-title-button:active,.header-dock .pinned-banner:active{background:var(--bg-sunken)}.composer-dock{position:absolute;left:0;right:0;bottom:0;z-index:3;pointer-events:none}.composer-dock .composer-banner,.composer-dock .locked-chat-banner,.composer-dock .composer-file-error,.composer-dock .composer-uploads,.composer-dock .mention-autocomplete,.composer-dock .formatting-toolbar,.composer-dock .composer-menu-anchor,.composer-dock .composer-input,.composer-dock .send-button,.composer-dock .modal-backdrop{pointer-events:auto}.composer-dock .typing-indicator{min-height:0;width:fit-content;margin:0 0 2px 14px;border-radius:999px}.composer-dock .typing-indicator:not(:empty){padding:3px 10px;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6)}.composer-wrap{position:relative;padding-bottom:env(safe-area-inset-bottom)}.mention-autocomplete{position:absolute;bottom:100%;left:8px;right:8px;max-height:200px;overflow-y:auto;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:6px;display:flex;flex-direction:column;padding:4px}.mention-option{text-align:left;padding:8px 10px;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text);font-size:.875rem}.mention-option.selected,.mention-option:hover{background:var(--accent);color:var(--accent-text)}html.keyboard-open .composer-wrap{padding-bottom:0}.locked-chat-banner{display:flex;align-items:flex-start;gap:10px;margin:6px 10px calc(8px + env(safe-area-inset-bottom));padding:10px 14px;font-size:.875rem;line-height:1.35;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.locked-chat-banner svg{flex-shrink:0;margin-top:1px}.composer-banner{display:flex;align-items:center;justify-content:space-between;margin:0 10px 2px;padding:2px 4px 2px 14px;font-size:.8125rem;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.composer-file-error{padding:6px 12px 0}.composer-uploads{list-style:none;margin:0;padding:6px 12px 0;display:flex;flex-direction:column;gap:4px}.composer-upload{display:flex;align-items:center;gap:8px;font-size:.85em;padding:6px 10px;border-radius:10px;background:var(--bg-raised);border:1px solid var(--border-subtle)}.composer-upload-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-upload-status{white-space:nowrap;opacity:.8}.composer-upload-status.error{color:var(--danger);opacity:1}.composer-upload-progress{width:64px;height:6px}.composer{display:flex;align-items:flex-end;gap:8px;padding:6px 10px 8px}.composer-input{flex:1;padding:10px 14px;border-radius:20px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm);color:var(--text);min-width:0;font-size:max(16px,1rem);font-family:inherit;line-height:1.35;resize:none;min-height:calc(1.35em + 22px);max-height:160px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;outline:none;cursor:text}.composer-input.is-empty:before{content:attr(data-placeholder);position:absolute;color:var(--text-muted);pointer-events:none}.composer-input code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;padding:1px 4px;border-radius:4px;background:#7f7f7f2e}.composer-input blockquote{margin:2px 0;padding-left:10px;border-left:3px solid var(--text-muted);color:var(--text-muted)}.composer-input blockquote+blockquote{margin-top:-2px}.composer-input ul,.composer-input ol{margin:2px 0;padding-left:1.4em}.composer-input a{color:var(--accent);text-decoration:underline}.composer-input span[data-mx-spoiler]{background:#7f7f7f4d;border-radius:4px}.send-button{background:var(--accent);color:var(--accent-text);border:none;width:40px;height:40px;min-width:40px;border-radius:50%;font-size:18px;flex-shrink:0;box-shadow:var(--shadow-sm);transition:background-color .15s ease,color .15s ease}.send-button:disabled{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.composer-menu-anchor{position:relative;flex-shrink:0}.composer-plus-button{width:40px;height:40px;min-width:40px;font-size:22px;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm)}.composer-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;display:flex;flex-direction:column;min-width:170px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:4px;z-index:5}.composer-menu-item{text-align:left;padding:10px 12px;border-radius:var(--radius-sm, 6px);background:transparent;color:var(--text);font-size:.9375rem}.composer-menu-item:hover{background:var(--bg-sunken)}.composer-menu-glyph{width:18px;flex-shrink:0;text-align:center;font-size:.8125rem;font-weight:700;color:var(--accent)}.formatting-toolbar{display:flex;align-items:center;gap:2px;margin:0 10px 4px;padding:3px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);overflow-x:auto}.formatting-button{flex-shrink:0;min-width:36px;height:32px;padding:0 8px;border-radius:999px;background:transparent;color:var(--text);font-size:.9375rem}.formatting-button:hover{background:var(--bg-sunken)}.formatting-button.active{background:var(--accent);color:var(--accent-text)}.formatting-button code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem}.formatting-close{margin-left:auto;flex-shrink:0}.poll{display:flex;flex-direction:column;gap:8px;min-width:220px}.poll-question{font-weight:600;font-size:.9375rem}.poll-options{display:flex;flex-direction:column;gap:6px}.poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);text-align:left;overflow:hidden;font-size:.875rem}.poll-option:disabled{opacity:1}.poll-option-fill{position:absolute;inset:0 auto 0 0;background:#3b73e02e;transition:width .2s ease}.poll-option.selected .poll-option-fill{background:#3b73e052}.poll-option-label,.poll-option-pct{position:relative}.poll-option-label{flex:1;min-width:0;overflow-wrap:break-word}.poll-option-pct{flex-shrink:0;color:var(--text-muted);font-size:.8125rem}.poll-option.selected{border-color:var(--accent)}.poll-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8125rem;color:var(--text-muted)}.message-row.own .poll-footer{color:#ffffffc7}.poll-end-button{background:#d645451f;border:none;border-radius:999px;color:var(--danger);font-size:.8125rem;font-weight:600;padding:4px 12px}.poll-end-button:hover{background:#d6454533}.message-row.own .poll-end-button{background:#ffffffe6}.message-row.own .poll-end-button:hover{background:#fff}.poll-options-editor{display:flex;flex-direction:column;gap:8px}.poll-option-editor-row{display:flex;align-items:center;gap:6px}.poll-option-editor-row input{flex:1}.calendar-event{display:flex;flex-direction:column;gap:6px;min-width:220px}.calendar-event-title{font-weight:600;font-size:.9375rem;overflow-wrap:anywhere}.calendar-event-when,.calendar-event-location{font-size:.875rem;overflow-wrap:anywhere}.calendar-event.past .calendar-event-when{color:var(--text-muted)}.message-row.own .calendar-event.past .calendar-event-when{color:#ffffffc7}.calendar-event-description{font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.calendar-event-rsvps{display:flex;gap:6px;margin-top:2px}.calendar-event-rsvp{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 8px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:.8125rem;font-weight:500;white-space:nowrap}.calendar-event-rsvp:disabled{opacity:1}.calendar-event-rsvp.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.message-row.own .calendar-event-rsvp.selected{border-color:#fff}.calendar-event-rsvp-count{font-size:.75rem;opacity:.75}.calendar-event-export{display:flex;flex-direction:column;gap:6px}.calendar-event-export-link{display:block;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:.875rem;text-align:center;text-decoration:none}.event-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.event-form-row input{width:100%;min-width:0;box-sizing:border-box}.login{max-width:340px;margin:0 auto;height:100%;height:100dvh;height:var(--app-height, 100dvh);overflow-y:auto;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px}.login-form{display:flex;flex-direction:column;gap:14px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:10px}.login-brand-badge{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;--badge-band: rgb(106 80 232 / 1) 0%, rgb(106 80 232 / .81) 3.9%, rgb(106 80 232 / .64) 7.8%, rgb(106 80 232 / .49) 11.7%, rgb(106 80 232 / .36) 15.6%, rgb(106 80 232 / .25) 19.5%, rgb(106 80 232 / .16) 23.4%, rgb(106 80 232 / .09) 27.3%, rgb(106 80 232 / .04) 31.2%, rgb(106 80 232 / .01) 35.1%, rgb(106 80 232 / 0) 39%;background:linear-gradient(to bottom,var(--badge-band)),linear-gradient(to top,var(--badge-band)),linear-gradient(to right,var(--badge-band)),linear-gradient(to left,var(--badge-band)),#1d4ed8;flex-shrink:0}.login-brand-title{margin:0;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:8px}.beta-pill{display:inline-block;padding:2px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.6875rem;font-weight:600;letter-spacing:.04em;line-height:1.3;text-transform:uppercase;vertical-align:middle}.login-subtitle{margin:0 0 8px;text-align:center;color:var(--text-muted);font-size:.875rem}.login label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--text-muted)}.login input,.login select{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:max(16px,1rem)}.login input.birthdate-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:calc(1.2em + 26px);text-align:left}.login input.birthdate-input::-webkit-date-and-time-value{text-align:left}.login button[type=submit]{background:var(--accent);color:var(--accent-text);border:none;padding:14px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;margin-top:8px;box-shadow:var(--shadow-sm)}.login button[type=submit]:disabled{opacity:.6;box-shadow:none}.email-code-form{display:flex;flex-direction:column;gap:8px}.login input.email-code-input{text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.4em;padding-left:calc(14px + .4em);text-transform:uppercase;font-variant-numeric:tabular-nums}.login input.email-code-input::placeholder{color:var(--border)}.login button.secondary-button{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);padding:12px;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem}.login button.secondary-button:disabled{opacity:.6}.error{color:var(--danger);font-size:.8125rem;margin:0}.modal-backdrop{position:fixed;top:0;left:0;right:0;height:100dvh;height:var(--app-height, 100dvh);background:#00000080;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.avatar-crop-viewport{position:relative;width:260px;height:260px;max-width:100%;margin:0 auto;overflow:hidden;border-radius:50%;background:var(--bg-sunken);touch-action:none;cursor:grab}.avatar-crop-viewport img{position:absolute;top:0;left:0;max-width:none;-webkit-user-select:none;user-select:none}.avatar-crop-zoom{width:100%}.modal{background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:20px;width:100%;max-width:380px;max-height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal:focus{outline:none}.modal h2{margin:0;font-size:1.125rem}.modal-wide{max-width:min(560px,calc(100vw - 32px))}.message-source{margin:0;padding:12px;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:60vh;overflow-y:auto}.settings-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-section-header h2{margin:0}.modal label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--text-muted)}.modal .checkbox-label{flex-direction:row;align-items:center;gap:8px}.modal .checkbox-label input{width:auto}.modal input,.modal textarea{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:max(16px,1rem);font-family:inherit;resize:vertical}.segmented{display:flex;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px;gap:3px}.segmented button{flex:1;background:transparent;border:none;color:var(--text-muted);font-size:.875rem;font-weight:500;padding:8px;border-radius:9px}.segmented button.active{background:var(--accent);color:var(--accent-text)}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px}.modal-actions button{padding:10px 16px;border-radius:var(--radius-md);border:none;background:var(--bg-raised);color:var(--text);font-size:.875rem;font-weight:500;transition:transform .1s ease}.modal-actions button:active{transform:scale(.97)}.modal-actions button[type=submit]{background:var(--accent);color:var(--accent-text);font-weight:600;box-shadow:var(--shadow-sm)}.modal-actions button[type=submit]:disabled{opacity:.5;box-shadow:none}.modal-danger-button,.modal-actions .modal-danger-button{background:var(--danger);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.modal-danger-button:disabled{opacity:.5;box-shadow:none}.emoji-picker-modal{display:flex;flex-direction:column;gap:8px}.emoji-picker-tabs{display:flex;justify-content:space-between;gap:2px;border-bottom:1px solid var(--border);padding-bottom:6px}.emoji-picker-tabs button{flex:1 1 0;background:transparent;border:none;font-size:18px;padding:4px 0;border-radius:var(--radius-sm)}.emoji-picker-tabs button:active{background:var(--bg-sunken)}.emoji-picker-grid-scroll{position:relative;height:min(320px,45vh);overflow-y:auto;overscroll-behavior:contain}.emoji-picker-section-label{position:sticky;top:0;margin:0;padding:4px 2px;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--bg)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.emoji-picker-grid button{background:transparent;border:none;font-size:26px;line-height:1;aspect-ratio:1;padding:0;border-radius:var(--radius-sm)}.emoji-picker-grid button:active{background:var(--bg-sunken)}.emoji-picker-input{width:100%;font-size:16px;text-align:center;padding:10px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text)}.image-preview-modal{max-width:480px}.image-preview-img{max-width:100%;max-height:60vh;border-radius:var(--radius-md);object-fit:contain}.image-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:60vh;overflow-y:auto}.image-preview-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-sunken)}.image-preview-thumb img{width:100%;height:100%;object-fit:cover}.image-preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.member-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.room-picker-list{list-style:none;margin:0;padding:0;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.member-row{display:flex;align-items:center;gap:10px;padding:6px 4px}.member-copy{display:flex;flex-direction:column;min-width:0;flex:1}.member-name{font-size:.875rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-id{font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-badge{font-size:.6875rem;color:var(--text-muted);background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:2px 8px;flex-shrink:0}.member-actions{display:flex;gap:4px;flex-shrink:0}.member-role-select{flex-shrink:0;font-size:.75rem;color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:3px 8px}.user-search-results{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.user-search-result{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:inherit;text-align:left;padding:6px 4px;border-radius:var(--radius-sm)}.user-search-result:hover,.user-search-result:active{background:var(--bg-raised)}.password-change-form{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.password-change-form label{display:flex;flex-direction:column;gap:6px;font-size:.875rem;color:var(--text-muted);width:100%}.password-change-form input[type=password]{padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:max(16px,1rem);font-family:inherit}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:.875rem}.checkbox-label input{width:auto}.warning-callout{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-left:4px solid var(--danger);border-radius:var(--radius-md);background:var(--bg-raised);padding:12px;font-size:.8125rem}.warning-callout strong{color:var(--danger)}.password-change-form button[type=submit]{background:var(--accent);border:none;color:var(--accent-text);padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;box-shadow:var(--shadow-sm)}.password-change-form button[type=submit]:disabled{opacity:.5;box-shadow:none}.recovery-key{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9375rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;word-break:break-all;-webkit-user-select:all;user-select:all}.invitee-chips{display:flex;flex-wrap:wrap;gap:6px}.invitee-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:4px 6px 4px 10px;font-size:.8125rem}.invitee-chip button{background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;padding:2px 4px}.search-results{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.search-result{display:flex;flex-direction:column;width:100%;background:transparent;border:none;color:inherit;text-align:left;padding:8px;border-radius:var(--radius-sm);gap:2px}.search-result:hover,.search-result:active{background:var(--bg-raised)}.search-result-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.search-result-room{font-size:.8125rem;font-weight:600}.search-result-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.search-result-sender{font-size:.75rem;color:var(--text-muted)}.search-result-body{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-pane{display:flex;flex-direction:column;height:100%;min-height:0}.settings-stack{position:relative;height:100%;overflow:hidden}.settings-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);isolation:isolate}.settings-layer-top{box-shadow:-2px 0 16px #00000026}.settings-layer-enter{animation:settings-slide-in .35s var(--nav-easing)}@keyframes settings-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion: reduce){.settings-layer-enter{animation:none}}.settings-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:24px}.settings-section{display:flex;flex-direction:column;gap:10px}.settings-section h3{margin:0;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.settings-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:none;color:var(--text);padding:10px 4px;font-size:.9375rem;font-weight:500;text-align:left}.settings-nav-item:active{background:var(--bg-raised)}.settings-nav-item .chevron{color:var(--text-muted);font-size:1.125rem}.settings-section>button{align-self:flex-start;background:var(--bg-raised);border:none;color:var(--text);padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:transform .1s ease}.settings-section>button:active{transform:scale(.97)}.settings-section>button.settings-nav-item{align-self:stretch;background:transparent;border:none;padding:10px 4px}.profile-settings-row{display:flex;align-items:center;gap:16px}.profile-settings-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.profile-settings-copy button{align-self:flex-start;background:var(--bg-raised);border:none;color:var(--text);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;margin-top:2px}.inline-text-button{background:transparent;border:none;color:var(--accent);padding:0;font-size:.8125rem;font-weight:500}.profile-settings-copy button.inline-text-button{margin:0}.profile-name-edit{display:flex;flex-direction:column;gap:6px}.room-name-edit{display:flex;align-items:center;gap:6px}.room-name-input{flex:1;min-width:0;padding:7px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:.9375rem;font-weight:500}.room-name-input:focus{outline:none;border-color:var(--accent)}.room-name-edit-button{display:inline-flex;align-items:center;justify-content:center;width:1.875rem;height:1.875rem;min-width:1.875rem;flex-shrink:0;border:none;border-radius:50%;background:var(--bg-raised);color:var(--text-muted);font-size:.9375rem;line-height:1}.room-name-edit-button.confirm{background:#3b73e026;color:var(--accent)}.room-name-edit-button:disabled{opacity:.5}.profile-name-edit input{padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:.875rem}.profile-name-edit-actions{display:flex;gap:6px}.profile-name-edit-actions button{margin-top:0}.text-size-stepper{display:flex;align-items:center;gap:12px}.text-size-stepper button{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-weight:600}.text-size-stepper button:disabled{opacity:.4}.text-size-value{min-width:3.5em;text-align:center;color:var(--text-muted);font-size:.875rem}.password-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:.8125rem;color:var(--text-muted)}.password-rules li{display:flex;gap:6px}.password-rules li span{width:1em;text-align:center}.password-rules li.met{color:var(--accent)}.settings-hint{margin:0;font-size:.8125rem;color:var(--text-muted)}.storage-stats{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}.storage-stats dt{color:var(--text-muted)}.storage-stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.settings-section>button.danger-button{color:var(--danger)}.admin-header-actions{margin-left:auto}.profile-delete-button{color:var(--danger)}.profile-delete-button:disabled{opacity:.5}.diagnostics-list{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0 0 12px;font-size:.8125rem}.diagnostics-list dt{color:var(--text-muted)}.diagnostics-list dd{margin:0;text-align:right;word-break:break-all}.diagnostics-list dd.diagnostics-alert{color:var(--danger);font-weight:600}.diagnostics-log{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}.diagnostics-log-entry{border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius-md);padding:8px 10px;background:var(--bg-raised)}.diagnostics-log-info{border-left-color:var(--border)}.diagnostics-log-warn{border-left-color:var(--accent)}.diagnostics-log-error{border-left-color:var(--danger)}.diagnostics-log-row{display:flex;justify-content:space-between;gap:12px;font-size:.8125rem}.diagnostics-log-time{color:var(--text-muted);white-space:nowrap}.diagnostics-log-detail{margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-all}.loading,.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.splash,body.splash-active #app{--splash-band: rgb(106 80 232 / 1) 0px, rgb(106 80 232 / .81) 22px, rgb(106 80 232 / .64) 44px, rgb(106 80 232 / .49) 66px, rgb(106 80 232 / .36) 88px, rgb(106 80 232 / .25) 110px, rgb(106 80 232 / .16) 132px, rgb(106 80 232 / .09) 154px, rgb(106 80 232 / .04) 176px, rgb(106 80 232 / .01) 198px, rgb(106 80 232 / 0) 220px;background:linear-gradient(to bottom,var(--splash-band)),linear-gradient(to top,var(--splash-band)),linear-gradient(to right,var(--splash-band)),linear-gradient(to left,var(--splash-band)),linear-gradient(#1d4ed8,#1d4ed8) #6a50e8}html:has(>body.splash-active),body.splash-active{background:#6a50e8}.splash-mark{animation:splash-in .6s ease}.splash-title{color:#fff;font-size:20px;font-weight:600;letter-spacing:.02em;animation:splash-fade-in .6s ease}.splash-message{margin:0;color:#ffffffd9;font-size:15px;text-align:center;padding:0 24px}.splash-retry{padding:10px 22px;border:none;border-radius:999px;background:#fff;color:#6a50e8;font-size:15px;font-weight:600}.splash-retry:active{opacity:.7}@keyframes splash-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes splash-fade-in{0%{opacity:0}to{opacity:1}}.phone-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;padding:12px 12px 12px 16px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md)}.phone-card-editing{flex-direction:column;align-items:stretch;padding:12px}.phone-card-value{font-size:.9375rem;font-weight:500;font-variant-numeric:tabular-nums;min-width:0}.phone-card-empty{color:var(--text-muted);font-weight:400}.phone-card-actions{display:flex;align-items:center;gap:8px}.phone-card-actions-spacer{flex:1}.phone-action-link{background:transparent;border:none;padding:7px 0;font-size:.8125rem;font-weight:600}.phone-action-link:disabled{opacity:.5}.phone-action{padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8125rem;font-weight:600;transition:opacity .15s ease,background-color .15s ease}.phone-action:disabled{opacity:.5}.phone-action-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.phone-action-danger{color:var(--danger)}.phone-action-danger-solid{background:var(--danger);border-color:var(--danger);color:#fff}.phone-settings-input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:max(16px,1rem)}.screen-layer-hidden{visibility:hidden}.room-info-header-actions{margin-left:auto}.room-info-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.room-info-avatar{position:relative;background:transparent;border:none;padding:0;border-radius:50%}.room-info-avatar:disabled{cursor:default;opacity:1}.room-info-avatar-edit{position:absolute;bottom:-2px;right:-6px;background:var(--bg-raised);border:1px solid var(--border);border-radius:999px;padding:2px 9px;font-size:.75rem;font-weight:600;color:var(--accent);box-shadow:var(--shadow-sm)}.room-info-name{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:6px;background:transparent;border:none;padding:0;color:var(--text);font-size:1.375rem;font-weight:700;overflow-wrap:anywhere}.room-info-name:disabled{cursor:default;opacity:1}.room-info-name-pencil{color:var(--text-muted);font-size:1rem;font-weight:400}.room-info-name-edit{width:100%;max-width:340px;margin-top:6px}.room-info-subtitle{color:var(--text-muted);font-size:.875rem;overflow-wrap:anywhere}.room-info-topic{margin:0;max-width:32rem;font-size:.9375rem;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}.room-info-actions{display:flex;justify-content:center;gap:10px;margin-top:10px;width:100%}.room-info-action{flex:0 1 120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.2;gap:4px;padding:10px 8px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--accent);font-size:.8125rem;font-weight:600;transition:transform .1s ease}.room-info-action:active{transform:scale(.97)}.room-info-action.active{color:var(--text-muted)}.room-info-action:disabled{opacity:.6}.room-info-action-icon{font-size:1.25rem;line-height:1}.settings-nav-value{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-weight:400;font-size:.875rem}.settings-nav-static{cursor:default}.settings-section-header h3{margin:0}.member-row-button{width:100%;background:transparent;border:none;border-radius:var(--radius-md);color:inherit;text-align:left;padding:8px 6px;transition:background-color .15s ease}.member-row-button:active{background:var(--bg-raised)}@media (hover: hover){.member-row-button:hover{background:var(--bg-raised)}}.choice-sheet-options{display:flex;flex-direction:column;gap:6px}.choice-sheet-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 14px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-align:left}.choice-sheet-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-raised))}.choice-sheet-copy{display:flex;flex-direction:column;gap:2px}.choice-sheet-label{font-weight:600;font-size:.9375rem}.choice-sheet-description{color:var(--text-muted);font-size:.8125rem}.choice-sheet-check{color:var(--accent);font-weight:700;min-width:1em;text-align:right}.member-sheet-hero{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.member-sheet-name{margin-top:6px;font-size:1.125rem;font-weight:700;overflow-wrap:anywhere}.member-sheet-role{color:var(--text-muted);font-size:.8125rem}.member-sheet-primary{padding:12px;border:none;border-radius:var(--radius-md);background:var(--accent);color:var(--accent-text);font-weight:600}.member-sheet-primary:disabled{opacity:.6}.member-sheet-section{display:flex;flex-direction:column;gap:6px}.member-sheet-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.member-sheet-danger{padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-raised);color:var(--danger);font-weight:600}.member-sheet-confirm{display:flex;flex-direction:column;gap:8px;font-size:.875rem}.settings-nav-label{display:inline-flex;align-items:center;gap:10px}.shared-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:3px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.shared-photo{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:none;background:var(--bg-raised);overflow:hidden;cursor:pointer}.shared-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.shared-photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.shared-file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.shared-file{display:flex;align-items:center;gap:8px}.shared-file-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 6px;background:transparent;border:none;border-radius:var(--radius-md);color:inherit;text-align:left}.shared-file-main:active{background:var(--bg-raised)}.shared-file-main:disabled{opacity:.7}.shared-file-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm)}.shared-file-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shared-file-name{font-weight:500;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-file-meta{color:var(--text-muted);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-footer{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.pinned-banner{display:flex;align-items:center;gap:10px;width:100%;flex-shrink:0;padding:8px 14px;background:var(--bg-raised);border:none;border-bottom:1px solid var(--border-subtle);color:var(--text);text-align:left}.pinned-banner:active{background:var(--bg-sunken)}.pinned-banner-icon{font-size:1rem;flex-shrink:0}.pinned-banner-copy{flex:1;min-width:0;display:flex;flex-direction:column}.pinned-banner-label{font-size:.75rem;font-weight:600;color:var(--accent)}.pinned-banner-text{font-size:.8125rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-hit{align-items:flex-start}.search-hit-body{font-size:.9375rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.search-hit-body mark{background:color-mix(in srgb,var(--accent) 25%,transparent);color:inherit;border-radius:3px;padding:0 1px}.room-filters{display:flex;align-items:center;gap:8px;padding:0 16px 8px;flex-shrink:0}.room-filter-chips{flex:1;min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.room-filter-chips::-webkit-scrollbar{display:none}.room-filter-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.8125rem;font-weight:500;white-space:nowrap;transition:background-color .15s ease,color .15s ease}.room-filter-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.room-filter-count{min-width:1.25em;padding:0 5px;border-radius:999px;background:color-mix(in srgb,currentColor 18%,transparent);font-size:.6875rem;font-weight:600;text-align:center}.room-filter-mark-read{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--accent);transition:transform .1s ease}.room-filter-mark-read:active{transform:scale(.92)}.room-filter-mark-read:disabled{opacity:.5}.room-filter-error{padding:0 16px 6px}.system-event-group{display:flex;flex-direction:column;align-items:center;gap:2px}.system-event-toggle{background:transparent;border:none;padding:2px 8px;color:var(--accent);font-size:.75rem;font-weight:600}.system-event-group{margin:8px 0}.system-event-group .system-message{margin:1px 0}.family-child-row .settings-nav-label{gap:12px}.family-privacy-note{max-width:320px;margin:4px 0 0}.family-room-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.family-room-main{width:100%;display:flex;align-items:center;gap:12px;padding:8px 6px;background:transparent;border:none;border-radius:var(--radius-md);color:inherit;text-align:left}.family-room-main:active{background:var(--bg-raised)}.family-room-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.family-room-name{font-weight:600;font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-room-lock{margin-left:6px;font-size:.75rem}.family-room-meta{color:var(--text-muted);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.family-room-count{flex-shrink:0;color:var(--text-muted);font-size:.75rem}.family-room-members{list-style:none;margin:0 0 8px 62px;padding:8px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bg-raised);border-radius:var(--radius-md)}.family-room-members li{display:flex;flex-direction:column;min-width:0}.settings-grouped{gap:22px}.settings-group{display:flex;flex-direction:column;gap:6px}.settings-group-title{margin:0 0 0 14px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.settings-group-footer{margin:0 14px;font-size:.75rem;color:var(--text-muted)}.settings-card{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.settings-row{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 14px;background:transparent;border:none;color:var(--text);font-size:.9375rem;text-align:left}.settings-row+.settings-row{box-shadow:inset 0 1px 0 var(--border-subtle)}button.settings-row:active{background:var(--bg-sunken)}button.settings-row:disabled{opacity:.55}button.settings-row:disabled:active{background:none}.settings-row.danger{justify-content:center;color:var(--danger);font-weight:600}.settings-row.danger .settings-row-label{flex:none}.settings-row-icon{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--text-muted);color:#fff}.settings-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row-value{color:var(--text-muted);font-size:.875rem;white-space:nowrap}.settings-row-value.attention{color:var(--danger)}.settings-row-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);flex-shrink:0}.settings-row-action{color:var(--accent);font-weight:600}.settings-row-check{color:var(--accent);font-weight:700}.settings-row-edit{gap:4px}.settings-row-input{flex:1;min-width:0;padding:6px 0;border:none;background:transparent;color:var(--text);font-size:max(16px,1rem);outline:none}.settings-profile-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text);text-align:left}.settings-profile-card:active{background:var(--bg-sunken)}.settings-profile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-profile-name{font-size:1.125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.switch{position:relative;flex-shrink:0;width:46px;height:28px;border-radius:999px;background:var(--border);transition:background-color .2s ease}.switch.on{background:#34c759}.switch-thumb{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s ease}.switch.on .switch-thumb{transform:translate(18px)}.text-size-preview{display:flex;justify-content:flex-start;padding:8px 0}.text-size-preview .message-bubble{max-width:85%}.settings-card .text-size-stepper{width:100%;justify-content:space-between}.settings-card .text-size-stepper button{background:var(--bg)}.timeline-scroll-area{position:relative;background:var(--chat-wallpaper, none);flex:1;min-height:0;display:flex;flex-direction:column}.floating-date{position:absolute;top:calc(var(--header-height, 64px) + 6px);left:50%;z-index:2;transform:translate(-50%) translateY(-4px);padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;color:var(--text);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);box-shadow:var(--shadow-sm);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.floating-date.visible{opacity:1;transform:translate(-50%)}.floating-date:empty{display:none}.jump-to-latest{position:absolute;right:14px;bottom:calc(var(--composer-height, 0px) + 12px);z-index:2;padding:9px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-raised);color:var(--accent);font-size:.8125rem;font-weight:600;box-shadow:var(--shadow-md)}.jump-to-latest:active{transform:scale(.97)}.room-info-action-icon{display:flex;align-items:center;justify-content:center;height:24px}.room-info-action.favourite .room-info-action-icon{color:#f5b301}.room-info-name-pencil{display:inline-flex;align-items:center}.settings-nav-value svg,.family-room-count svg,.family-room-lock svg{vertical-align:-2px}.settings-nav-label .settings-row-icon{margin-right:2px}.shared-file-icon{color:var(--accent)}.pinned-banner-icon{display:flex;color:var(--accent)}.family-room-lock{color:var(--text-muted)}.family-room-count{display:inline-flex;align-items:center;gap:3px}.composer-menu-item{display:flex;align-items:center;gap:10px}.composer-menu-item svg{color:var(--accent);flex-shrink:0}.settings-card .quick-reactions-slots{justify-content:space-around;gap:6px;padding-block:12px}.quick-reaction-slot{background:var(--bg-sunken);border:none;border-radius:var(--radius-sm);font-size:26px;line-height:1;flex:1 1 0;min-width:0;max-width:56px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.quick-reaction-slot:active{opacity:.7}.groupme-options{max-height:min(50vh,360px);overflow-y:auto;flex-shrink:0}.choice-sheet-option.groupme-option{justify-content:flex-start}.choice-sheet-option.groupme-option:disabled{opacity:.55}.groupme-group-image{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.groupme-summary{margin:0;line-height:1.45}.groupme-summary-links{display:flex;gap:12px;margin-top:-6px}.groupme-bridge-copy{display:flex;flex-direction:column;gap:2px}.settings-row-muted{color:var(--text-muted)}.settings-row-accent{color:var(--accent);font-weight:500}.header-text-button.danger-text{color:var(--danger)}.room-info-groupme-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,#00aff0 14%,transparent);color:var(--text);font-size:.8125rem;font-weight:500}.settings-row-icon.settings-row-icon-logo{background:none}.admin-page{height:100%;overflow-y:auto;background:var(--bg)}.admin-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top) + 10px) 20px 10px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.admin-brand{display:flex;align-items:center;gap:10px;min-width:0}.login-brand-badge.admin-brand-badge{width:34px;height:34px;border-radius:10px}.admin-brand-name{font-weight:700;font-size:1rem}.admin-main{max-width:820px;margin:0 auto;padding:28px 20px calc(env(safe-area-inset-bottom) + 40px);display:flex;flex-direction:column;gap:20px}.admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-page-title{margin:0 0 4px;font-size:1.625rem;font-weight:700;letter-spacing:-.01em}.admin-page-subtitle{margin:0;max-width:52ch;color:var(--text-muted);font-size:.875rem;line-height:1.45}.admin-error{margin:0}.admin-button{padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font-size:.875rem;font-weight:600;flex-shrink:0;transition:transform .1s ease,background-color .15s ease}.admin-button:active{transform:scale(.97)}.admin-button.primary,.modal-actions .admin-button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}@media (hover: hover){.admin-button:not(.primary):hover{background:var(--bg-sunken)}.admin-button.primary:hover{filter:brightness(1.06)}}.admin-profile-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.admin-profile-card{display:flex;flex-direction:column;gap:12px;padding:16px 18px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.admin-profile-card.is-default{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-subtle))}.admin-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-profile-title{display:flex;align-items:center;gap:8px;min-width:0}.admin-profile-slug{font-size:1.125rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-default-pill{flex-shrink:0;padding:2px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-profile-url{margin-top:-8px;color:var(--text-muted);font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.admin-profile-facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 16px;padding:12px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.admin-profile-facts dt{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:2px}.admin-profile-facts dd{margin:0;font-size:.875rem;overflow-wrap:anywhere}.admin-profile-foot{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap}.admin-chips{display:flex;gap:6px;flex-wrap:wrap}.admin-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;border:1px solid var(--border);background:var(--bg);font-size:.75rem;font-weight:500}.admin-chip.off{color:var(--text-muted)}.admin-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);opacity:.6}.admin-chip.on .admin-chip-dot{background:#34c759;opacity:1}.admin-profile-actions{display:flex;gap:2px;margin-left:auto}.admin-profile-actions .header-text-button:disabled{opacity:.4;cursor:not-allowed}.admin-empty{padding:40px 20px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius-lg)}.admin-empty-title{margin:0 0 4px;font-weight:600}.modal.admin-form{max-width:min(600px,calc(100vw - 32px));padding:0;gap:0}.admin-form-head{display:flex;flex-direction:column;gap:4px;padding:20px 22px 14px;border-bottom:1px solid var(--border-subtle)}.admin-form-head .admin-profile-url{margin-top:0}.admin-form-body{display:flex;flex-direction:column;gap:20px;padding:18px 22px}.admin-form>.error{margin:0 22px 12px}.admin-form-card{background:var(--bg-raised)}.admin-form-card>*+*{box-shadow:inset 0 1px 0 var(--border-subtle)}.modal .admin-field{display:flex;flex-direction:column;gap:6px;padding:12px 14px;color:var(--text)}.admin-field-label{font-size:.8125rem;font-weight:600}.admin-field-hint{font-size:.75rem;color:var(--text-muted);line-height:1.4}.modal .admin-field textarea,.modal .admin-field input{background:var(--bg);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-slug-input{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);overflow:hidden}.admin-slug-input:focus-within{border-color:var(--accent)}.modal .admin-slug-input input{flex:1;min-width:0;border:none;border-radius:0;padding-left:2px;padding-right:2px;outline:none}.admin-slug-affix{display:flex;align-items:center;padding:0 10px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.admin-mime-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.admin-mime-box:focus-within{border-color:var(--accent)}.modal .admin-mime-box input{flex:1;min-width:10em;border:none;border-radius:0;padding:4px 6px;outline:none}.admin-mime-chip{display:inline-flex;align-items:center;gap:2px;max-width:100%;padding:3px 4px 3px 9px;border-radius:999px;background:var(--bg-raised);border:1px solid var(--border-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;overflow-wrap:anywhere}.admin-mime-chip.blocked{color:var(--danger);font-family:inherit}.admin-mime-chip button{flex:none;width:22px;height:22px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.admin-mime-chip button:hover{background:var(--bg-sunken);color:var(--text)}.admin-mime-input{display:flex;flex-direction:column;gap:6px}.admin-mime-suggestions{margin:0;padding:4px;list-style:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md)}.admin-mime-suggestions li{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer}.admin-mime-suggestions li.active{background:var(--accent);color:var(--accent-text)}.admin-mime-suggestion-mime{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem;overflow-wrap:anywhere}.admin-mime-suggestion-label{font-size:.75rem;opacity:.75}.admin-mime-actions{display:flex;gap:14px}.admin-mime-link{padding:0;border:none;background:none;color:var(--accent);font-size:.75rem;cursor:pointer}.admin-toggle-row{white-space:normal}.admin-toggle-row:disabled{cursor:default}.admin-toggle-row:disabled .switch{opacity:.5}.admin-toggle-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-toggle-label{font-weight:600;font-size:.875rem}.admin-toggle-description{font-size:.75rem;color:var(--text-muted);line-height:1.4}.admin-segmented{align-self:flex-start;min-width:240px}.admin-segmented button{font-size:.8125rem;padding:7px 14px}.modal-actions.admin-form-actions{position:sticky;bottom:0;margin:0;padding:14px 22px calc(env(safe-area-inset-bottom) + 14px);background:var(--bg);border-top:1px solid var(--border-subtle)}@media (max-width: 520px){.admin-main{padding-top:20px}.admin-segmented{align-self:stretch;min-width:0}}.poll-details{margin-top:-4px;font-size:.75rem;color:var(--text-muted)}.message-row.own .poll-details{color:#ffffffc7}.poll-option-check{position:relative;flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1;color:var(--accent-text)}.poll-option-check.square{border-radius:5px}.poll-option.selected .poll-option-check{background:var(--accent);border-color:var(--accent)}.poll-option-voters{position:relative;display:flex;flex-shrink:0}.poll-option-voters .avatar{box-shadow:0 0 0 1.5px var(--bg-raised)}.poll-option-voters .avatar+.avatar{margin-left:-6px}.poll-footer-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.poll-link-button{background:transparent;border:none;color:var(--accent);font-size:.8125rem;font-weight:600;padding:4px 6px}.message-row.own .poll-link-button{color:#fff;text-decoration:underline}.poll-settings{display:flex;flex-direction:column;gap:6px}.poll-voters-list{display:flex;flex-direction:column;gap:14px}.poll-voters-section{display:flex;flex-direction:column;gap:4px}.poll-voters-section .settings-group-title{margin-left:0;overflow-wrap:anywhere}.chat-theme-swatch{position:relative;flex-shrink:0;display:inline-flex;align-items:flex-end;justify-content:flex-end;border-radius:50%;border:1px solid var(--border);background:var(--chat-wallpaper, var(--bg));overflow:hidden}.chat-theme-swatch-bubble{width:58%;height:34%;margin:0 14% 22% 0;border-radius:999px 999px 4px;background:var(--bubble-own)}.chat-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.chat-theme-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);color:var(--text)}.chat-theme-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.chat-theme-option:active{background:var(--bg-raised)}.chat-theme-name{font-size:.8125rem;font-weight:500}.modal.chat-theme-sheet{padding-bottom:0}.chat-theme-sheet .modal-actions{position:sticky;bottom:0;margin:0 -20px;padding:12px 20px 20px;background:var(--bg);border-top:1px solid var(--border-subtle)}.chat-theme-intro{margin-top:-4px}.chat-theme-sheet .modal-actions .chat-theme-reset{margin-right:auto;background:transparent;color:var(--accent)}.chat-theme-sheet .modal-actions .chat-theme-reset:disabled{color:var(--text-muted);opacity:.5}.chat-theme-section{display:flex;flex-direction:column;gap:8px}.chat-theme-section .settings-group-title{margin-left:0}.chat-theme-preview{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:16px 14px;min-height:112px;justify-content:flex-end;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--chat-wallpaper, var(--bg))}.chat-theme-preview-bubble{max-width:70%;padding:7px 12px;border-radius:18px;font-size:.875rem}.chat-theme-preview-bubble.other{align-self:flex-start;background:var(--bubble-other);border:1px solid var(--bubble-other-border);color:var(--text);border-bottom-left-radius:6px}.chat-theme-preview-bubble.own{align-self:flex-end;background:var(--bubble-own);border:1px solid var(--bubble-own-border);color:#fff;border-bottom-right-radius:6px}.chat-theme-colors{display:flex;flex-wrap:wrap;gap:10px}.chat-theme-color{width:38px;height:38px;padding:3px;border-radius:50%;border:2px solid transparent;background:transparent}.chat-theme-color.selected{border-color:var(--bubble-own)}.chat-theme-color.app-default{border-style:dashed}.chat-theme-color.app-default:not(.selected){border-color:var(--text-muted)}.chat-theme-color-dot{display:block;width:100%;height:100%;border-radius:50%;background:var(--bubble-own)}.chat-theme-tile{width:52px;height:52px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--chat-wallpaper, var(--bg));display:flex;align-items:center;justify-content:center}.chat-theme-tile.upload{border-style:dashed;background:var(--bg-raised);color:var(--text-muted)}.chat-theme-option:disabled{opacity:.6}.chat-theme-color.custom{position:relative;display:inline-block;cursor:pointer}.chat-theme-color.custom:not(.has-color) .chat-theme-color-dot{background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444)}.chat-theme-color.custom input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.bg-adjuster{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000;color:var(--text);--glass-bg: color-mix(in srgb, var(--bg-raised) 72%, transparent);--glass-border: color-mix(in srgb, var(--border) 80%, transparent)}.bg-adjuster-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab}.bg-adjuster-frame:active{cursor:grabbing}.bg-adjuster-img{position:absolute;left:50%;top:50%;max-width:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}.bg-adjuster-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg) 35%,transparent);pointer-events:none}.bg-adjuster-sample{position:absolute;left:14px;right:14px;bottom:calc(env(safe-area-inset-bottom) + 96px);display:flex;flex-direction:column;gap:6px;pointer-events:none}.bg-adjuster-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(env(safe-area-inset-top) + 26px) 12px 10px;pointer-events:none}.bg-adjuster-title{padding:6px 12px;border-radius:999px;font-size:.875rem;font-weight:600;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6)}.bg-adjuster-button{pointer-events:auto;padding:9px 16px;border-radius:999px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm);color:var(--text);font-size:.9375rem;font-weight:600}.bg-adjuster-button.primary{background:var(--accent);border-color:transparent;color:var(--accent-text)}.bg-adjuster-button:disabled{opacity:.6}.bg-adjuster-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:0 24px calc(env(safe-area-inset-bottom) + 24px)}.bg-adjuster-zoom{width:min(100%,360px);padding:10px 16px;border-radius:999px;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);accent-color:var(--accent)}.sas-emoji-grid{list-style:none;margin:4px 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px}.sas-emoji-grid li{flex:0 0 calc(25% - 6px);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.sas-emoji{font-size:2rem;line-height:1}.sas-emoji-name{font-size:.75rem;color:var(--text-muted);overflow-wrap:anywhere}.send-button,.sidebar-search-close,.invitee-chip button,.message-react-bar button.more,.message-menu-reactions button.more{display:inline-flex;align-items:center;justify-content:center}.room-context-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.room-context-menu{position:fixed;display:flex;flex-direction:column;min-width:180px;padding:4px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.room-context-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:.9375rem;text-align:left}.room-context-item svg{color:var(--text-muted);flex-shrink:0}.room-context-item:hover,.room-context-item:focus-visible{background:var(--bg-sunken);outline:none}.call-header-button{margin-left:auto;color:var(--accent)}.header-dock .call-header-button,.header-dock .call-bar{pointer-events:auto}.header-dock .call-header-button{width:40px;height:40px;min-width:40px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm)}.call-header-button.is-active{color:var(--call-green)}:root{--call-green: #1f9d55;--call-red: #e0393e}.call-bar{display:flex;align-items:center;gap:10px;margin:0 10px 6px;padding:6px 6px 6px 10px;border:1px solid color-mix(in srgb,var(--call-green) 45%,transparent);border-radius:18px;background:color-mix(in srgb,var(--call-green) 14%,var(--glass-bg, var(--bg-raised)));-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);box-shadow:var(--shadow-sm);font-size:.875rem}.call-bar-avatars{display:flex;flex-shrink:0}.call-bar-avatars>*+*{margin-left:-8px}.call-bar-avatars .avatar{box-shadow:0 0 0 2px var(--bg)}.call-bar-text{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-bar-button{flex-shrink:0;padding:6px 16px;border:none;border-radius:999px;background:var(--call-green);color:#fff;font-weight:600;font-size:.875rem}.call-bar-button:active{transform:scale(.97)}.call-pill{position:fixed;top:calc(env(safe-area-inset-top) + 4px);left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:6px;max-width:calc(100% - 32px);padding:4px 12px;border:none;border-radius:999px;background:var(--call-green);color:#fff;font-size:.8125rem;font-weight:600;box-shadow:var(--shadow-md)}.call-pill-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-pill-status{font-variant-numeric:tabular-nums;opacity:.85}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 24px);background:linear-gradient(to bottom,#1d2433,#10141c);color:#f3f5f8;overflow-y:auto}.call-screen .icon-button{color:inherit}.call-screen .icon-button:active{background:#ffffff1f}.call-screen-header{display:flex;align-items:center;gap:8px;padding-top:10px}.call-screen-title{display:flex;flex-direction:column;min-width:0}.call-screen-room{font-weight:600;font-size:1.0625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-screen-status{font-size:.8125rem;opacity:.7;font-variant-numeric:tabular-nums}.call-participants{flex:1;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:28px 24px;padding:24px 0}.call-participant{display:flex;flex-direction:column;align-items:center;gap:10px;width:104px}.call-participant-avatar{position:relative;border-radius:50%;transition:box-shadow .15s ease}.call-participant.is-speaking .call-participant-avatar{box-shadow:0 0 0 3px #10141c,0 0 0 6px #3ccf7a}.call-participant-muted{position:absolute;right:-2px;bottom:-2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#2b3242;border:2px solid #10141c}.call-participant-name{max-width:100%;font-size:.875rem;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-screen-hint{margin:0 0 16px;text-align:center;opacity:.7;font-size:.875rem}.call-unblock-audio{display:flex;align-items:center;gap:8px;align-self:center;margin-bottom:20px;padding:10px 18px;border:none;border-radius:999px;background:#ffffff29;color:inherit;font-weight:600}.call-controls,.incoming-call-actions{display:flex;justify-content:center;gap:40px}.call-control{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;color:inherit;font-size:.8125rem}.call-control-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ffffff29;color:#fff;transition:transform .1s ease}.call-control:active .call-control-icon{transform:scale(.94)}.call-control.is-on .call-control-icon{background:#f3f5f8;color:#10141c}.call-control-leave .call-control-icon{background:var(--call-red)}.call-control-answer .call-control-icon{background:var(--call-green)}.incoming-call-backdrop{z-index:95}.incoming-call{align-items:center;text-align:center;gap:8px}.incoming-call h2{margin:6px 0 0}.incoming-call .settings-hint{margin:0 0 12px}.incoming-call .call-control{color:var(--text)}