:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--app-background: #f2f6fb;--surface-primary: #ffffff;--surface-secondary: #f5faff;--surface-elevated: #ffffff;--surface-form: #f5faff;--surface-header: rgba(255, 255, 255, .9);--surface-composer: rgba(242, 246, 251, .9);--surface-nav: rgba(255, 255, 255, .94);--surface-date: rgba(255, 255, 255, .78);--surface-floating: rgba(255, 255, 255, .84);--surface-attachment: rgba(255, 255, 255, .74);--surface-preview: #eaf4fb;--surface-drop: rgba(224, 239, 255, .78);--surface-disabled: #edf3f7;--surface-danger: #fff5f6;--surface-danger-hover: #ffe8eb;--accent-primary: #147ef5;--accent-primary-hover: #0a6fe8;--accent-primary-soft: #e5f0ff;--text-primary: #172b4d;--text-secondary: #6f829b;--text-muted: #9aaabd;--border-subtle: #dfe8f2;--border-strong: #cbd9e8;--border-danger: #f1cbd0;--border-selection: #cfe5f7;--border-accent-soft: #9bcaf1;--shadow-soft: 0 8px 24px rgba(50, 79, 112, .08);--shadow-elevated: 0 22px 56px rgba(50, 79, 112, .15);--radius-small: 12px;--radius-medium: 18px;--radius-large: 28px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--control-size: 44px;--header-height: 76px;--mobile-nav-height: 64px;--active-mobile-nav-height: var(--mobile-nav-height);--composer-max-height: 144px;--type-xs: 11px;--type-sm: 13px;--type-md: 15px;--type-lg: 18px;--type-xl: 30px;--us-bg: var(--app-background);--us-bg-elevated: var(--surface-elevated);--us-bg-panel: var(--surface-secondary);--us-bg-sidebar: var(--surface-primary);--us-bg-hover: #eef7ff;--us-bg-selected: var(--accent-primary-soft);--us-glass: rgba(255, 255, 255, .82);--us-glass-border: var(--border-subtle);--us-glass-panel: rgba(255, 255, 255, .94);--us-glass-blur: 18px;--us-border: var(--border-subtle);--us-border-strong: var(--border-strong);--us-text: var(--text-primary);--us-text-secondary: var(--text-secondary);--us-text-muted: var(--text-muted);--us-primary: var(--accent-primary);--us-primary-hover: var(--accent-primary-hover);--us-primary-soft: var(--accent-primary-soft);--us-secondary: #5d9be2;--us-accent: var(--accent-primary);--us-success: #2aa872;--us-danger: #d95061;--us-warning: #c78828;--us-input: #f8fbfe;--us-on-primary: #ffffff;--us-primary-gradient: linear-gradient(145deg, #147ef5, #0a6fe8);--us-text-on-primary: #ffffff;--us-switch-track: #cadbe7;--us-status-ring: #dff6eb;--presence-online: var(--us-success);--presence-online-ring: var(--us-status-ring);--presence-offline: var(--text-muted);--presence-away: var(--us-warning);--us-stage-background: #dcecf7;--us-modal-border: rgba(255, 255, 255, .88);--us-primary-shadow: 0 10px 24px rgba(25, 118, 232, .2);--us-primary-shadow-hover: 0 12px 28px rgba(25, 118, 232, .26);--us-send-shadow: 0 8px 18px rgba(25, 118, 232, .22);--us-drop-shadow: 0 12px 24px rgba(25, 118, 232, .22);--us-header-shadow: 0 4px 18px rgba(66, 108, 139, .06);--us-crop-border: rgba(255, 255, 255, .75);--us-crop-inset: rgba(24, 44, 62, .08);--us-reply-surface: #eef6ff;--us-setting-divider: #edf3f7;--us-progress-track: #dceaf3;--us-drop-border: #62a9e7;--us-viewer-badge-background: rgba(5, 6, 11, .72);--us-viewer-meta-background: rgba(5, 6, 11, .58);--viewer-background: #05060b;--viewer-text: #f7f9ff;--viewer-header-background: rgba(5, 6, 11, .88);--viewer-footer-background: rgba(5, 6, 11, .92);--viewer-muted: rgba(247, 249, 255, .62);--viewer-muted-strong: rgba(247, 249, 255, .72);--viewer-control-background: rgba(255, 255, 255, .08);--viewer-control-border: rgba(255, 255, 255, .14);--viewer-control-hover-background: rgba(103, 88, 220, .42);--viewer-control-hover-border: rgba(139, 125, 255, .7);--viewer-status-background: #3a1720;--viewer-status-text: #ffc7d0;--call-backdrop-background: rgba(3, 5, 12, .9);--call-surface-background: #0d1020;--call-surface-header: rgba(15, 18, 34, .96);--call-stage-background: #03040a;--call-local-background: #101322;--call-text: #f7f9ff;--call-muted: rgba(247, 249, 255, .65);--call-muted-strong: rgba(247, 249, 255, .72);--call-status: #b9c4ff;--call-error-background: rgba(125, 35, 55, .32);--call-error-text: #ffc7d0;--call-select-background: #151a2f;--call-border: rgba(255, 255, 255, .14);--call-shadow: 0 24px 80px rgba(0, 0, 0, .55);--us-chat-underlay: radial-gradient( circle at 18% 20%, rgba(255, 255, 255, .85), transparent 35% ), linear-gradient(180deg, #eaf4fb, #f5faff);--us-auth-glow-one: #d9edff;--us-auth-glow-two: #dfeffc;--us-auth-card-border: rgba(255, 255, 255, .86);--us-auth-card-surface: rgba(255, 255, 255, .88);--us-modal-backdrop: rgba(36, 68, 92, .3);--us-context-backdrop: rgba(35, 64, 86, .18);--us-peer-avatar: linear-gradient(145deg, #b9e4ff, #7fc2f4);--us-avatar-fallback: linear-gradient(145deg, #4599e8, #9bd7fb);--us-avatar-text: #ffffff;--us-avatar-peer-text: #215678;--us-message-own: #d9ecff;--us-message-own-text: var(--text-primary);--us-message-own-muted: #5b7891;--us-message-own-inset: #c9e5fb;--us-message-other: #ffffff;--us-message-own-border: #c4e1fa;--us-message-other-border: #e4ebf3;--us-message-shadow: 0 3px 12px rgba(56, 99, 132, .06);--us-message-own-shadow: 0 4px 14px rgba(52, 121, 184, .1);--typing-bubble-bg: var(--us-message-other);--typing-dot-color: var(--text-secondary);--typing-bubble-border: var(--us-message-other-border);--us-focus-ring: #4595e9;--us-overlay: rgba(31, 57, 78, .42);--us-wallpaper-dim-color: #eff7fc;--us-chat-glow: linear-gradient(180deg, #eaf4fb, #f5faff);--us-wallpaper-aurora: linear-gradient(145deg, #e7f3fd, #f6fbff);--us-wallpaper-midnight: #edf5fb;--us-wallpaper-plum: linear-gradient(145deg, #edf4fb, #f8fbff);--us-wallpaper-ocean: linear-gradient(145deg, #e2f1fb, #f5fbff);--us-wallpaper-solid: #edf5fb;--us-wallpaper-gradient: linear-gradient(145deg, #e9f2fb, #f6fbff);--us-marble-image: none;--us-radius-sm: var(--radius-small);--us-radius-md: var(--radius-medium);--us-radius-lg: 22px;--us-radius-xl: var(--radius-large);--us-radius-pill: var(--radius-pill);--us-space-1: var(--space-1);--us-space-2: var(--space-2);--us-space-3: var(--space-3);--us-space-4: var(--space-4);--us-space-5: var(--space-5);--us-space-6: var(--space-6);--us-space-7: var(--space-7);--us-space-8: var(--space-8);--us-space-10: var(--space-10);--us-control-size: var(--control-size);--us-header-height: var(--header-height);--us-mobile-nav-height: var(--mobile-nav-height);--us-composer-max-height: var(--composer-max-height);--us-type-xs: var(--type-xs);--us-type-sm: var(--type-sm);--us-type-md: var(--type-md);--us-type-lg: var(--type-lg);--us-type-xl: var(--type-xl);--us-shadow-sm: 0 5px 16px rgba(50, 94, 128, .08);--us-shadow-md: var(--shadow-soft);--us-shadow-lg: var(--shadow-elevated);--us-duration-fast: .16s;--us-duration-normal: .24s;--us-ease-standard: cubic-bezier(.2, .7, .2, 1);--composer-height: 52px;--us-composer-height: var(--composer-height);--visual-viewport-height: 100dvh;--visual-viewport-offset-top: 0px;--visual-viewport-top: 0px;--visual-viewport-bottom: 100dvh;--app-height: 100dvh;--app-offset-top: 0px;--keyboard-open: 0;--keyboard-inset: 0px}html[data-theme=dark]{color-scheme:dark;--app-background: #1c2127;--surface-primary: #252b32;--surface-secondary: #20262d;--surface-elevated: #2b323a;--surface-form: #2d343c;--surface-header: #20262d;--surface-composer: #252b32;--surface-nav: #252b32;--surface-date: rgba(38, 44, 51, .92);--surface-floating: #2b323a;--surface-attachment: #2b323a;--surface-preview: #2b323a;--surface-drop: rgba(49, 57, 67, .94);--surface-disabled: #313943;--surface-danger: #3b252b;--surface-danger-hover: #4a2b32;--accent-primary: #5aaeff;--accent-primary-hover: #3b9cff;--accent-primary-soft: rgba(51, 145, 255, .14);--text-primary: #f4f7fa;--text-secondary: #aab4c0;--text-muted: #7f8a97;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--border-danger: rgba(255, 139, 154, .38);--border-selection: rgba(90, 174, 255, .48);--border-accent-soft: rgba(90, 174, 255, .58);--shadow-soft: 0 8px 24px rgba(0, 0, 0, .18);--shadow-elevated: 0 22px 56px rgba(0, 0, 0, .34);--us-bg: var(--app-background);--us-bg-elevated: var(--surface-elevated);--us-bg-panel: var(--surface-secondary);--us-bg-sidebar: var(--surface-primary);--us-bg-hover: #313943;--us-bg-selected: rgba(51, 145, 255, .14);--us-glass: rgba(37, 43, 50, .86);--us-glass-border: var(--border-subtle);--us-glass-panel: rgba(43, 50, 58, .94);--us-border: var(--border-subtle);--us-border-strong: var(--border-strong);--us-text: var(--text-primary);--us-text-secondary: var(--text-secondary);--us-text-muted: var(--text-muted);--us-primary: var(--accent-primary);--us-primary-hover: var(--accent-primary-hover);--us-primary-soft: var(--accent-primary-soft);--us-secondary: #8dc8ff;--us-accent: var(--accent-primary);--us-success: #55c98b;--us-danger: #ff8b9a;--us-warning: #e8b45e;--us-input: var(--surface-form);--us-on-primary: #f7fafd;--us-primary-gradient: linear-gradient(145deg, #5aaeff, #3b9cff);--us-text-on-primary: #f7fafd;--us-switch-track: #46515d;--us-modal-border: var(--border-subtle);--us-primary-shadow: 0 10px 24px rgba(0, 0, 0, .2);--us-primary-shadow-hover: 0 12px 28px rgba(0, 0, 0, .28);--us-send-shadow: 0 8px 18px rgba(0, 0, 0, .24);--us-drop-shadow: 0 12px 24px rgba(0, 0, 0, .28);--us-header-shadow: 0 4px 18px rgba(0, 0, 0, .18);--us-crop-border: rgba(244, 247, 250, .6);--us-crop-inset: rgba(10, 14, 18, .22);--us-reply-surface: #303943;--us-setting-divider: var(--border-subtle);--us-progress-track: #46515d;--us-drop-border: var(--accent-primary);--us-viewer-badge-background: rgba(10, 14, 18, .78);--us-viewer-meta-background: rgba(10, 14, 18, .68);--viewer-background: #101419;--viewer-text: #f4f7fa;--viewer-header-background: rgba(16, 20, 25, .92);--viewer-footer-background: rgba(16, 20, 25, .96);--viewer-muted: rgba(244, 247, 250, .62);--viewer-muted-strong: rgba(244, 247, 250, .72);--viewer-control-background: rgba(255, 255, 255, .08);--viewer-control-border: rgba(255, 255, 255, .14);--viewer-control-hover-background: rgba(59, 156, 255, .28);--viewer-control-hover-border: rgba(90, 174, 255, .72);--viewer-status-background: #3b252b;--viewer-status-text: #ffb9c4;--call-backdrop-background: rgba(10, 14, 18, .72);--call-surface-background: #252b32;--call-surface-header: #20262d;--call-stage-background: #101419;--call-local-background: #2b323a;--call-text: #f4f7fa;--call-muted: #aab4c0;--call-muted-strong: #b9c4ce;--call-status: #8dc8ff;--call-error-background: rgba(125, 35, 55, .4);--call-error-text: #ffb9c4;--call-select-background: #2d343c;--call-border: rgba(255, 255, 255, .12);--call-shadow: 0 24px 80px rgba(0, 0, 0, .42);--us-peer-avatar: linear-gradient(145deg, #39739a, #28516d);--us-avatar-fallback: linear-gradient(145deg, #397ca8, #28516d);--us-avatar-text: #f4f7fa;--us-avatar-peer-text: #d6edff;--us-message-own: linear-gradient(145deg, #285b87, #21496d);--us-message-own-text: #f7fafd;--us-message-own-muted: #b9cad9;--us-message-own-inset: #2d668f;--us-message-other: linear-gradient(145deg, #30363d, #292f35);--us-message-own-border: rgba(255, 255, 255, .1);--us-message-other-border: rgba(255, 255, 255, .07);--us-message-shadow: 0 3px 12px rgba(0, 0, 0, .22);--us-message-own-shadow: 0 4px 14px rgba(0, 0, 0, .24);--typing-bubble-bg: var(--us-message-other);--typing-dot-color: var(--text-secondary);--typing-bubble-border: var(--us-message-other-border);--us-focus-ring: #5aaeff;--us-overlay: rgba(10, 14, 18, .55);--us-wallpaper-dim-color: rgba(10, 14, 18, .18);--us-chat-glow: linear-gradient(180deg, #20262d, #1c2127);--us-chat-underlay: linear-gradient(180deg, #20262d, #1c2127);--us-wallpaper-aurora: linear-gradient(145deg, #252b32, #20262d);--us-wallpaper-midnight: #20262d;--us-wallpaper-plum: linear-gradient(145deg, #2b323a, #20262d);--us-wallpaper-ocean: linear-gradient(145deg, #243b4c, #20262d);--us-wallpaper-solid: #20262d;--us-wallpaper-gradient: linear-gradient(145deg, #2b323a, #20262d);--us-status-ring: rgba(85, 201, 139, .2);--presence-online: var(--us-success);--presence-online-ring: var(--us-status-ring);--presence-offline: var(--text-muted);--presence-away: var(--us-warning);--us-stage-background: #20262d;--us-auth-glow-one: rgba(90, 174, 255, .2);--us-auth-glow-two: rgba(43, 50, 58, .7);--us-auth-card-border: var(--border-subtle);--us-auth-card-surface: rgba(37, 43, 50, .94);--us-modal-backdrop: rgba(10, 14, 18, .66);--us-context-backdrop: rgba(10, 14, 18, .52)}*{box-sizing:border-box}html,body,#root{height:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}html,#root{background:var(--app-background);color:var(--text-primary)}body{min-height:100dvh;overflow:hidden;background:var(--app-background);color:var(--text-primary);font-size:var(--type-md);line-height:1.45}button,input,select,textarea{color:inherit;font:inherit}button,select{cursor:pointer}button{border:0;background:transparent;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.52}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea):focus-visible{outline:3px solid var(--us-focus-ring);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}svg{flex:none}.muted{color:var(--text-secondary);line-height:1.55}.eyebrow,.section-label{margin-bottom:var(--space-2);color:var(--accent-primary);font-size:var(--type-xs);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.fine-print{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--type-xs);line-height:1.45}input,select,textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-medium);outline:none;background:var(--surface-form);color:var(--text-primary);transition:border-color var(--us-duration-fast) var(--us-ease-standard),box-shadow var(--us-duration-fast) var(--us-ease-standard),background var(--us-duration-fast) var(--us-ease-standard)}input,select{width:100%;min-height:var(--control-size);padding:10px 14px}textarea{line-height:1.45}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.9}input:focus,select:focus,textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-primary-soft);background:var(--surface-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-disabled);color:var(--text-muted)}.icon-button{display:grid;width:var(--control-size);min-width:var(--control-size);height:var(--control-size);place-items:center;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-primary);box-shadow:var(--shadow-soft);color:var(--text-secondary);transition:background var(--us-duration-fast) var(--us-ease-standard),color var(--us-duration-fast) var(--us-ease-standard),transform var(--us-duration-fast) var(--us-ease-standard)}.icon-button:hover,.icon-button:active{background:var(--accent-primary-soft);color:var(--accent-primary)}.icon-button:active{transform:translateY(1px)}.icon-button svg{width:19px;height:19px}.primary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:var(--space-2);padding:0 20px;border-radius:var(--radius-pill);background:var(--accent-primary);box-shadow:var(--us-primary-shadow);color:var(--us-text-on-primary);font-size:var(--type-sm);font-weight:800;white-space:nowrap;transition:background var(--us-duration-fast) var(--us-ease-standard),transform var(--us-duration-fast) var(--us-ease-standard),box-shadow var(--us-duration-fast) var(--us-ease-standard)}.primary:hover{background:var(--accent-primary-hover);box-shadow:var(--us-primary-shadow-hover)}.primary:active{transform:translateY(1px)}.compact{min-height:40px;width:max-content;padding:8px 16px}.danger{display:inline-flex;min-height:var(--control-size);align-items:center;justify-content:center;gap:var(--space-2);padding:0 16px;border:1px solid var(--border-danger);border-radius:var(--radius-pill);background:var(--surface-danger);color:var(--us-danger);font-size:var(--type-sm);font-weight:700}.danger:hover{background:var(--surface-danger-hover)}form>[role=alert],.settings-card>[role=alert]{margin:0;color:var(--us-danger);font-size:var(--type-sm)}.settings-card>[role=status],.settings-content>[role=status]{margin:0;color:var(--us-success);font-size:var(--type-sm)}.auth-page{display:grid;min-height:100dvh;place-items:center;overflow:auto;padding:max(var(--space-6),env(safe-area-inset-top)) max(var(--space-6),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-6),env(safe-area-inset-left));background:radial-gradient(circle at 12% 0%,var(--us-auth-glow-one) 0,transparent 38%),radial-gradient(circle at 100% 100%,var(--us-auth-glow-two) 0,transparent 42%),var(--app-background)}.auth-card{display:grid;width:min(100%,430px);gap:var(--space-7);padding:clamp(26px,6vw,44px);border:1px solid var(--us-auth-card-border);border-radius:var(--radius-large);background:var(--us-auth-card-surface);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card h1{margin:4px 0 var(--space-2);color:var(--text-primary);font-size:var(--type-xl);line-height:1.1}.auth-card form,.settings-card{display:grid;gap:var(--space-4)}.auth-card label,.settings-card label{display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-sm);font-weight:650}.auth-card .primary{width:100%}.login-logo{display:flex;width:clamp(112px,18vw,136px);height:clamp(112px,18vw,136px);flex:0 0 auto;align-items:center;justify-content:center;margin-inline:auto}.login-logo-image{display:block;width:100%;height:100%;object-fit:contain}.creator-watermark{justify-self:start;min-height:28px;margin-top:calc(var(--space-4) * -1);padding:4px 0;color:var(--text-muted);font-size:11px;font-style:italic;font-weight:600;letter-spacing:.2px;line-height:1.2;text-align:left;transition:color var(--us-duration-fast) var(--us-ease-standard),opacity var(--us-duration-fast) var(--us-ease-standard)}.creator-watermark:hover{color:var(--accent-primary)}.login-mascot{display:grid;width:min(100%,220px);height:148px;margin:calc(var(--space-2) * -1) auto;place-items:center;pointer-events:none}.login-mascot-art{display:block;width:100%;height:100%;overflow:visible}.login-mascot-ground{fill:var(--accent-primary-soft)}.login-mascot-character{transform-origin:120px 158px;animation:us-mascot-breathe 3.8s ease-in-out infinite}.login-mascot-eyes,.login-mascot-pupil,.login-mascot-paw,.login-mascot-tail{transform-box:fill-box;transform-origin:center}.login-mascot-eyes{animation:us-mascot-blink 5.8s ease-in-out infinite}.login-mascot-lids,.login-mascot-protect,.login-mascot-success-mark,.login-mascot-failed-mark,.login-mascot-mouth-sad{opacity:0}.login-mascot-mouth-smile{opacity:1}.login-mascot-tail{transform-origin:left center;animation:us-mascot-tail 3.8s ease-in-out infinite}.login-mascot[data-state=username] .login-mascot-pupil{transform:translateY(4px)}.login-mascot[data-state=password] .login-mascot-eyes{opacity:0}.login-mascot[data-state=password] .login-mascot-lids,.login-mascot[data-state=password] .login-mascot-protect{opacity:1}.login-mascot[data-state=password] .login-mascot-paw-left{transform:translate(24px,-49px) rotate(18deg)}.login-mascot[data-state=password] .login-mascot-paw-right{transform:translate(-24px,-49px) rotate(-18deg)}.login-mascot[data-state=success] .login-mascot-success-mark,.login-mascot[data-state=failed] .login-mascot-failed-mark,.login-mascot[data-state=failed] .login-mascot-mouth-sad{opacity:1}.login-mascot[data-state=failed] .login-mascot-mouth-smile{opacity:0}.login-mascot[data-reduced-motion=true] *,.login-mascot[data-reduced-motion=true]{animation:none!important;transition:none!important}.security-mark,.password-reset-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:var(--radius-medium);background:var(--accent-primary-soft);color:var(--accent-primary)}.brand{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.brand-logo{position:relative;display:block;width:var(--us-logo-size, 46px);height:var(--us-logo-size, 46px);flex:none;overflow:visible;border:0;border-radius:50%;background:transparent}.animated-us-logo-fallback,.animated-us-logo-player{position:absolute;inset:0;display:block;width:100%;height:100%}.animated-us-logo-fallback{object-fit:contain;opacity:1;transition:opacity var(--us-duration-fast) var(--us-ease-standard)}.animated-us-logo-player{opacity:0;pointer-events:none}.brand-logo[data-animation-state=ready] .animated-us-logo-fallback{opacity:0}.brand-logo[data-animation-state=ready] .animated-us-logo-player{opacity:1}.animated-us-logo-player svg{display:block;width:100%!important;height:100%!important}.brand-copy{display:grid;min-width:0;gap:2px}.brand-copy small{color:var(--text-muted);font-size:9px;letter-spacing:.16em}.app-shell{position:relative;display:grid;width:min(100%,1500px);height:100svh;height:var(--app-height, 100dvh);min-height:0;margin:0 auto;grid-template-columns:clamp(300px,25vw,360px) minmax(0,1fr);overflow:hidden;background:var(--app-background)}.app-shell.context-open{grid-template-columns:clamp(300px,25vw,360px) minmax(0,1fr) minmax(300px,360px)}.sidebar{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:0;overflow:auto;border-right:1px solid var(--border-subtle);background:var(--surface-primary);padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-3) var(--space-4)}.sidebar-top{display:flex;min-height:68px;align-items:center;gap:var(--space-3);padding:0 var(--space-2);border-bottom:1px solid var(--border-subtle)}.sidebar-top .brand{flex:1}.sidebar-top .brand-logo{--us-logo-size: 38px !important}.avatar{position:relative;display:grid;width:44px;height:44px;flex:none;overflow:hidden;place-items:center;border-radius:50%;background:var(--us-avatar-fallback);color:var(--us-avatar-text);font-size:var(--type-sm);font-weight:800}.avatar>img{display:block;width:100%;height:100%;object-fit:cover}.avatar-button{display:grid;width:44px;height:44px;flex:none;place-items:center;padding:0;border-radius:50%}.avatar-button>.avatar{width:100%;height:100%}.conversation-avatar-wrap{position:relative;display:block;width:44px;height:44px;flex:none}.conversation-avatar-wrap>.avatar{width:100%;height:100%}.avatar-presence-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border:2px solid var(--surface-primary);border-radius:50%;background:transparent}.avatar-presence-dot.online{border-color:var(--surface-primary);background:var(--presence-online);box-shadow:0 0 0 2px var(--presence-online-ring)}.avatar-presence-dot.unavailable{border-color:var(--surface-primary);background:var(--presence-away)}.avatar-presence-dot.offline{border-color:var(--surface-primary);background:var(--presence-offline);opacity:.72}.avatar.purple{background:var(--us-peer-avatar);color:var(--us-avatar-peer-text)}.avatar-small{width:36px;height:36px;font-size:var(--type-xs)}.avatar-xl{width:84px;height:84px;font-size:var(--type-lg)}.avatar-large{width:64px;height:64px;font-size:var(--type-md)}.identity-card{display:flex;min-height:70px;align-items:center;gap:var(--space-3);margin:var(--space-3) 0;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-secondary)}.identity-card>div:nth-child(2){display:grid;min-width:0;flex:1;gap:var(--space-1)}.identity-card strong,.conversation-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-card small,.conversation-copy small{overflow:hidden;color:var(--text-secondary);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.status-dot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--us-success);box-shadow:0 0 0 4px var(--us-status-ring)}.search{display:flex;min-height:46px;min-width:0;align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-secondary);color:var(--text-muted)}.search input{min-height:40px;padding:8px 0;border:0;background:transparent;box-shadow:none}.conversation-card{display:flex;width:100%;min-height:76px;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-medium);background:transparent;text-align:left;transition:background var(--us-duration-fast) var(--us-ease-standard),border-color var(--us-duration-fast) var(--us-ease-standard),transform var(--us-duration-fast) var(--us-ease-standard)}.conversation-card:hover,.conversation-card.active{border-color:var(--border-selection);background:var(--accent-primary-soft)}.conversation-card:active{transform:scale(.99)}.conversation-copy{display:grid;min-width:0;flex:1;gap:var(--space-1)}.conversation-meta{display:grid;justify-items:end;gap:var(--space-2);color:var(--text-muted);font-size:var(--type-xs)}.conversation-chevron{color:var(--accent-primary)}.unread-badge,.reaction-count,.date-pill,.status-badge{display:inline-flex;min-width:22px;min-height:22px;align-items:center;justify-content:center;padding:2px 8px;border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--us-text-on-primary);font-size:var(--type-xs);font-weight:800}.side-nav{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.side-nav button{display:flex;min-height:46px;align-items:center;gap:var(--space-3);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--type-sm);font-weight:700;text-align:left}.side-nav button:hover,.side-nav button.active{background:var(--accent-primary-soft);color:var(--accent-primary)}.main-panel{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--app-background)}.mobile-conversation-list,.settings-page,.shared-content{height:100%;overflow:auto}.mobile-conversation-list{padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-4) calc(var(--active-mobile-nav-height) + var(--space-6))}.mobile-conversation-list-heading{padding:var(--space-4) 0 var(--space-3)}.mobile-conversation-list-heading h1{margin-bottom:0;font-size:28px}.mobile-conversation-list-header{display:flex;min-height:54px;align-items:center;justify-content:flex-start}.mobile-conversation-items{display:grid;gap:var(--space-2)}.chat,.chat-shell,.settings-page{position:relative;display:flex;min-width:0;min-height:0;height:100%;flex-direction:column;background:var(--app-background)}.chat:before{position:absolute;z-index:0;inset:0;background:var(--us-chat-underlay);content:"";pointer-events:none}.wallpaper-layers{display:none}.chat>:not(.wallpaper-layers):not(.modal-backdrop):not(.password-reset-backdrop),.settings-page>*{position:relative;z-index:1}.chat-header{display:flex;min-height:var(--header-height);align-items:center;gap:var(--space-3);padding:max(var(--space-3),env(safe-area-inset-top)) clamp(var(--space-4),4vw,var(--space-6)) var(--space-3);border-bottom:1px solid var(--border-subtle);background:var(--surface-header);box-shadow:var(--us-header-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-header-brand{display:none}.header-title{display:grid;min-width:0;flex:1;gap:2px}.header-title-line{display:flex;min-width:0;align-items:center;gap:var(--space-2)}.header-title h1{overflow:hidden;margin:0;color:var(--text-primary);font-size:var(--type-lg);text-overflow:ellipsis;white-space:nowrap}.header-title-meta,.header-actions,.header-status,.call-surface-meta{display:flex;align-items:center;gap:var(--space-2)}.header-status,.header-status-label{color:var(--text-secondary);font-size:var(--type-xs)}.header-status[data-state=online]{color:var(--us-success)}.header-actions{margin-left:auto}.header-actions .icon-button{width:38px;min-width:38px;height:38px;border-color:transparent;background:transparent;box-shadow:none}.timeline-region{position:relative;min-height:0;flex:1;overflow:hidden;background:transparent}.timeline{position:relative;z-index:1;display:flex;height:100%;min-height:0;flex-direction:column;--message-row-gap: 6px;--message-same-sender-gap: 8px;--message-sender-group-gap: 14px;gap:var(--message-row-gap);overflow-x:hidden;overflow-y:auto;padding:var(--space-6) clamp(var(--space-4),5vw,72px) var(--space-4);background:transparent;scroll-behavior:smooth}.message-row{display:flex;max-width:min(76%,680px);flex-direction:column;align-self:flex-start}.message-row:has(.bubble.mine){align-self:flex-end}.message-row-grouped{margin-top:0}.message-row+.message-row-start{margin-top:calc(var(--message-sender-group-gap) - var(--message-row-gap))}.message-row+.message-row-grouped{margin-top:calc(var(--message-same-sender-gap) - var(--message-row-gap))}.message-sender{display:flex;align-items:center;gap:var(--space-2);margin:0 10px 6px;color:var(--text-secondary);font-size:10px;font-weight:700}.avatar-message{width:22px;height:22px;font-size:9px}.message-swipe-surface{position:relative;width:100%;min-width:0;isolation:isolate;overflow:visible;touch-action:pan-y;--swipe-progress: 0;--swipe-icon-opacity: 0;--swipe-icon-scale: .88}.message-swipe-content{position:relative;z-index:1;width:100%;min-width:0;transform:translateZ(0);transform-origin:left center}.message-swipe-surface[data-swipe-active=true] .message-swipe-content{will-change:transform}.message-swipe-indicator{position:absolute;z-index:0;top:50%;left:9px;display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--border-accent-soft);border-radius:50%;background:var(--accent-primary-soft);color:var(--accent-primary);opacity:var(--swipe-icon-opacity);pointer-events:none;transform:translateY(-50%) scale(var(--swipe-icon-scale));transition:opacity .12s linear,transform .18s var(--us-ease-standard)}.message-swipe-indicator-icon{display:block;width:19px;height:19px}.message-swipe-surface[data-swipe-active=true] .message-swipe-indicator{transition:none}.message-swipe-surface[data-swipe-threshold-feedback=true] .message-swipe-indicator-icon{animation:message-swipe-reply-pop .18s var(--us-ease-standard) both}@keyframes message-swipe-reply-pop{0%{transform:scale(.9)}60%{transform:scale(1.12)}to{transform:scale(1)}}.bubble{position:relative;min-width:60px;padding:11px 14px 8px;border:1px solid var(--us-message-other-border);border-radius:20px 20px 20px 6px;background:var(--us-message-other);box-shadow:var(--us-message-shadow);color:var(--text-primary);overflow-wrap:anywhere}.bubble.mine{border-color:var(--us-message-own-border);border-radius:20px 20px 6px;background:var(--us-message-own);box-shadow:var(--us-message-own-shadow)}.bubble.grouped-message{border-radius:18px}.bubble.deleted{color:var(--text-muted);font-style:italic}.bubble p,.bubble>span{margin:0;white-space:pre-wrap}.bubble>footer{display:flex;min-height:16px;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px;color:var(--text-muted);font-size:10px}.bubble>footer em{color:var(--accent-primary);font-style:normal}.bubble>footer svg{color:var(--accent-primary)}.message-menu-trigger{display:grid;width:22px;height:22px;margin:-3px -5px -3px 1px;place-items:center;border-radius:50%;color:var(--text-muted)}.message-menu-trigger:hover,.message-menu-trigger:focus-visible{background:var(--accent-primary-soft);color:var(--accent-primary)}.message-menu-trigger svg{width:15px;height:15px}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:5px;color:var(--text-muted);font-size:10px}.message-meta .edited{color:var(--accent-primary)}.date-pill{align-self:center;margin:var(--space-4) 0 var(--space-2);background:var(--surface-date);color:var(--text-secondary);box-shadow:var(--shadow-soft)}.load-older,.new-message-indicator{align-self:center;min-height:36px;padding:0 15px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-floating);color:var(--accent-primary);font-size:var(--type-xs);font-weight:750;box-shadow:var(--shadow-soft)}.empty-chat-state{display:grid;max-width:360px;margin:auto;place-items:center;padding:var(--space-8);text-align:center}.empty-chat-state .login-mascot{margin-bottom:var(--space-4)}.empty-chat-state h2{margin-bottom:var(--space-2)}.empty-chat-description{margin-bottom:0;color:var(--text-secondary)}.typing{display:flex;align-items:center;gap:6px;width:max-content;margin:0 0 8px;padding:10px 13px;border:1px solid var(--typing-bubble-border);border-radius:20px 20px 20px 6px;background:var(--typing-bubble-bg);box-shadow:var(--us-message-shadow)}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--typing-dot-color)}.chat-typing{display:flex;width:100%;align-self:stretch;margin:0 0 6px;padding:0;background:transparent;background-color:transparent;border:0;box-shadow:none}.chat-typing:before,.chat-typing:after{display:none;background:transparent;box-shadow:none;content:none}.chat-typing .typing{margin:0}.composer-shell{display:flex;min-width:0;min-height:0;flex:0 0 auto}.composer-shell.is-camera-hidden,.composer-shell.is-media-viewer-hidden{display:none}.composer-wrap{flex:none;width:100%;padding:6px clamp(var(--space-4),5vw,72px) max(4px,env(safe-area-inset-bottom));background:var(--surface-composer);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.composer{display:flex;min-height:52px;align-items:center;gap:6px;padding:4px 6px;border:1px solid var(--border-subtle);border-radius:28px;background:var(--surface-primary);box-shadow:var(--shadow-soft)}.composer textarea{min-width:0;min-height:42px;max-height:var(--composer-max-height);flex:1;resize:none;align-self:center;padding:8px;border:0;border-radius:21px;background:transparent;box-shadow:none;line-height:1.35}.composer textarea:focus{border:0;box-shadow:0 0 0 2px var(--accent-primary-soft);background:var(--surface-form)}.composer>button,.composer .control{display:grid;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;align-self:center;place-items:center;padding:0;border-radius:50%;border:0;background:transparent;color:var(--text-secondary);box-shadow:none;line-height:1}.composer>.composer-control{display:inline-flex;align-items:center;justify-content:center}.composer>.composer-control svg{display:block;width:20px;height:20px}.composer>button:hover,.composer .control:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.composer .send-button{background:var(--accent-primary);color:var(--us-text-on-primary);box-shadow:var(--us-send-shadow)}.composer .send-button:hover{background:var(--accent-primary-hover);color:var(--us-text-on-primary)}.compose-context,.reply-preview{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-left:4px solid var(--accent-primary);border-radius:var(--radius-medium);background:var(--us-reply-surface)}.reply-preview{width:100%;margin:0 0 var(--space-2);border-left-width:3px;text-align:left}.reply-preview-body,.reply-preview-sender{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview-body{color:var(--text-secondary);font-size:var(--type-xs)}.reply-preview-sender{color:var(--accent-primary);font-size:var(--type-xs);font-weight:800}.message-actions,.reaction-picker{position:absolute;z-index:4;top:calc(100% + 7px);right:0;display:flex;min-width:180px;flex-direction:column;gap:3px;padding:7px;border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-primary);box-shadow:var(--shadow-elevated)}.message-actions button,.reaction-picker button{display:flex;min-height:40px;align-items:center;gap:var(--space-2);padding:0 11px;border-radius:var(--radius-small);color:var(--text-primary);text-align:left}.message-actions button:hover,.reaction-picker button:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.reaction-row{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2)}.reaction-row button,.reaction-count{display:inline-flex;min-height:26px;align-items:center;gap:4px;padding:2px 9px;border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-primary);color:var(--text-secondary);font-size:var(--type-xs)}.reaction-row button:hover,.reaction-row button.selected{border-color:var(--border-accent-soft);background:var(--accent-primary-soft);color:var(--accent-primary)}.message-attachment,.attachment-draft-card,.attachment-preview-panel{margin-top:var(--space-2);overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-attachment)}.message-attachment-heading,.attachment-preview-header,.attachment-draft-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3)}.message-attachment-copy,.attachment-draft-copy{display:grid;min-width:0;gap:2px}.message-attachment-copy strong,.attachment-draft-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-attachment-copy small,.attachment-draft-copy small{color:var(--text-secondary);font-size:var(--type-xs)}.message-attachment-file-icon,.attachment-draft-icon,.attachment-preview-heading-icon,.content-icon,.device-icon{display:grid;width:36px;height:36px;flex:none;place-items:center;border-radius:var(--radius-small);background:var(--accent-primary-soft);color:var(--accent-primary)}.attachment-preview{display:grid;min-height:70px;place-items:center;background:var(--surface-preview)}.attachment-preview img,.attachment-preview video{display:block;width:100%;max-height:320px;object-fit:cover}.message-attachment[data-kind=image]{margin-top:0;border:0;border-radius:0;background:transparent}.message-attachment[data-kind=image] .attachment-preview{display:block;width:fit-content;max-width:min(78vw,460px);min-height:0;background:transparent}.message-attachment[data-kind=image] .attachment-image-trigger{display:block;width:fit-content;max-width:100%;min-height:0;padding:0;border:0;border-radius:var(--radius-medium);background:transparent;overflow:hidden}.message-attachment[data-kind=image] .attachment-preview img{width:auto;max-width:100%;max-height:min(58vh,560px);object-fit:contain}.attachment-preview audio{width:calc(100% - 24px)}.attachment-preview button{min-height:40px;padding:0 14px;border-radius:var(--radius-pill);background:var(--surface-primary);color:var(--accent-primary);font-size:var(--type-sm);font-weight:750}.message-attachment>a{display:inline-flex;margin:0 var(--space-3) var(--space-3);color:var(--accent-primary);font-size:var(--type-xs);font-weight:750}.attachment-preview-list{display:grid;gap:var(--space-2);max-height:230px;overflow:auto;padding:var(--space-3)}.attachment-preview-actions{display:flex;justify-content:flex-end;gap:var(--space-2);padding:0 var(--space-3) var(--space-3)}.attachment-preview-actions>button,.attachment-remove-button,.attachment-cancel-button,.attachment-status-action{display:inline-flex;min-height:34px;align-items:center;gap:var(--space-1);padding:0 11px;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--type-xs);font-weight:750}.attachment-preview-actions>button:hover,.attachment-remove-button:hover,.attachment-cancel-button:hover,.attachment-status-action:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.attachment-upload-status{display:flex;min-height:32px;align-items:center;gap:var(--space-2);padding:0 var(--space-3) var(--space-3);color:var(--text-secondary);font-size:var(--type-xs)}.attachment-upload-status[data-state=failed]{color:var(--us-danger)}.attachment-progress-track{width:90px;height:6px;overflow:hidden;border-radius:var(--radius-pill);background:var(--us-progress-track)}.attachment-progress-value{display:block;height:100%;border-radius:inherit;background:var(--accent-primary)}.attachment-upload-spinner{animation:spin .9s linear infinite}.drop-zone-overlay{position:absolute;z-index:8;inset:var(--space-4);display:grid;place-items:center;border:2px dashed var(--us-drop-border);border-radius:var(--radius-large);background:var(--surface-drop);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.drop-zone-card{display:grid;place-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--accent-primary);text-align:center}.drop-zone-icon{display:grid;width:68px;height:68px;place-items:center;border-radius:50%;background:var(--accent-primary);color:var(--us-text-on-primary);box-shadow:var(--us-drop-shadow)}.drop-zone-overlay[data-active=false]{display:none}.settings-page{overflow:auto}.settings-page>.chat-header{flex:none}.settings-connection-status{display:flex;justify-content:flex-end;padding:var(--space-3) clamp(var(--space-4),6vw,80px) 0}.settings-content,.shared-body,.context-panel-body{display:grid;width:min(100%,760px);gap:var(--space-4);margin:0 auto;padding:var(--space-5) clamp(var(--space-4),6vw,80px) calc(var(--space-10) + env(safe-area-inset-bottom))}.settings-card,.profile-hero,.backup-hero,.notice,.content-row,.device-row,.context-security,.context-call-actions,.context-section{border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-primary);box-shadow:var(--shadow-soft)}.settings-card,.profile-hero,.backup-hero,.notice,.context-section{padding:var(--space-5)}.settings-card h3,.profile-hero h2,.backup-hero strong{margin-bottom:var(--space-1);color:var(--text-primary)}.setting-row{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--us-setting-divider)}.setting-row:last-child{border-bottom:0}.setting-row>span:first-child{display:grid;gap:2px;color:var(--text-primary)}.setting-row small{color:var(--text-secondary);font-size:var(--type-xs)}.setting-row>strong{color:var(--text-secondary);font-size:var(--type-sm);text-align:right}.switch{position:relative;display:block!important;width:46px;height:28px;flex:none}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch span{position:absolute;inset:0;border-radius:var(--radius-pill);background:var(--us-switch-track);transition:background var(--us-duration-fast) var(--us-ease-standard)}.switch span:after{position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:var(--us-text-on-primary);box-shadow:0 2px 7px #1c3f5933;content:"";transition:transform var(--us-duration-fast) var(--us-ease-standard)}.switch input:checked+span{background:var(--accent-primary)}.switch input:checked+span:after{transform:translate(18px)}.switch input:focus-visible+span{outline:3px solid var(--us-focus-ring);outline-offset:3px}.profile-hero,.backup-hero{display:flex;align-items:center;gap:var(--space-4)}.profile-hero>div:nth-child(2),.backup-hero>div{min-width:0;flex:1}.profile-hero h2,.backup-hero p{margin:0}.wallpaper-preview{position:relative;min-height:180px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-secondary)}.profile-hero small,.backup-hero p{color:var(--text-secondary)}.profile-photo-card{display:grid;gap:var(--space-4)}.profile-photo-heading{display:flex;min-width:0;align-items:center;gap:var(--space-4)}.profile-photo-heading>div{min-width:0}.profile-photo-heading h3,.profile-photo-heading p{margin:0}.profile-photo-heading .section-label{margin-bottom:var(--space-1)}.profile-photo-actions,.wallpaper-upload-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.wallpaper-upload-row>span{overflow:hidden;min-width:0;color:var(--text-secondary);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.image-crop-editor{display:grid;gap:var(--space-3);max-width:420px}.image-crop-frame{position:relative;width:min(100%,320px);aspect-ratio:var(--us-crop-aspect, 1);overflow:hidden;margin:0 auto;border:1px solid var(--border-strong);border-radius:var(--radius-medium);background:var(--surface-secondary);box-shadow:var(--shadow-soft)}.image-crop-frame:after{position:absolute;inset:0;border:2px solid var(--us-crop-border);border-radius:inherit;box-shadow:inset 0 0 0 999px var(--us-crop-inset);content:"";pointer-events:none}.image-crop-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--us-duration-fast) var(--us-ease-standard)}.image-crop-editor label{display:grid;gap:var(--space-1);color:var(--text-secondary);font-size:var(--type-xs);font-weight:700}.image-crop-editor input[type=range]{width:100%}.image-crop-position-controls{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.wallpaper-reset-button{min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-secondary);color:var(--text-primary);font-size:var(--type-sm);font-weight:700}.wallpaper-reset-button.selected,.wallpaper-reset-button:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft);color:var(--accent-primary)}.wallpaper-color-control{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-primary);font-size:var(--type-sm);font-weight:700}.wallpaper-color-control input[type=color]{width:52px;height:36px;padding:3px;border:1px solid var(--border-subtle);border-radius:var(--radius-small);background:var(--surface-primary);cursor:pointer}.notice{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--text-secondary)}.notice svg{color:var(--accent-primary)}.notice span{display:grid;gap:var(--space-1)}.notice strong{color:var(--text-primary)}.notice small{line-height:1.5}.link-list{gap:var(--space-2)}.link-list button,.context-link{display:flex;min-height:48px;align-items:center;gap:var(--space-3);padding:0 var(--space-2);border-radius:var(--radius-small);color:var(--text-primary);text-align:left}.link-list button:hover,.context-link:hover{background:var(--accent-primary-soft);color:var(--accent-primary)}.link-list button svg:last-child,.context-link svg:last-child{margin-left:auto}.tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2);border-radius:var(--radius-pill);background:var(--surface-secondary)}.tabs button{min-height:38px;padding:0 15px;border-radius:var(--radius-pill);color:var(--text-secondary);font-size:var(--type-sm);font-weight:750;white-space:nowrap}.tabs button.active{background:var(--surface-primary);color:var(--accent-primary);box-shadow:var(--shadow-soft)}.content-list,.media-grid{display:grid;gap:var(--space-3)}.media-grid{grid-template-columns:repeat(3,1fr)}.media-grid>button{display:grid;min-height:128px;align-content:center;place-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-primary);color:var(--accent-primary)}.media-grid>button:hover{border-color:var(--accent-primary);background:var(--accent-primary-soft)}.media-grid>button small{max-width:100%;overflow:hidden;color:var(--text-secondary);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.content-row,.device-row{display:flex;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-3)}.content-row>.content-copy,.device-row>div:nth-child(2){display:grid;min-width:0;flex:1;gap:2px}.content-row small,.device-row small{overflow:hidden;color:var(--text-secondary);font-size:var(--type-xs);text-overflow:ellipsis;white-space:nowrap}.empty-state{padding:var(--space-8);border:1px dashed var(--border-strong);border-radius:var(--radius-medium);color:var(--text-secondary);text-align:center}.context-panel{position:relative;z-index:5;min-width:0;overflow:auto;border-left:1px solid var(--border-subtle);background:var(--surface-secondary)}.context-panel-header{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--surface-primary)}.context-profile{display:grid;place-items:center;padding:var(--space-5) 0;text-align:center}.context-profile h3{margin:var(--space-3) 0 var(--space-1)}.context-profile p{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--type-xs)}.context-call-actions{display:grid;grid-template-columns:repeat(2,1fr);padding:var(--space-2)}.context-call-actions button{display:grid;min-height:74px;place-items:center;gap:var(--space-1);border-radius:var(--radius-small);color:var(--accent-primary);font-size:var(--type-xs);font-weight:750}.context-call-actions button:hover{background:var(--accent-primary-soft)}.context-section{margin-top:var(--space-3)}.context-security{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3);box-shadow:none}.context-security>div{display:grid;gap:var(--space-1)}.context-security small{color:var(--text-secondary);font-size:var(--type-xs)}.context-backdrop{position:fixed;z-index:4;inset:0;background:var(--us-context-backdrop)}.mobile-navigation{display:none}.connection-indicator{display:inline-flex;min-height:20px;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-xs);font-weight:700}.connection-indicator>span{width:7px;height:7px;border-radius:50%;background:var(--us-warning)}.connection-indicator.connected>span{background:var(--us-success)}.connection-indicator.offline>span{background:var(--us-danger)}.presence-indicator{display:inline-flex;min-height:20px;align-items:center;gap:var(--space-2);color:var(--presence-offline);font-size:var(--type-xs);font-weight:700}.presence-indicator-symbol{width:8px;height:8px;flex:none;border:1.5px solid var(--presence-offline);border-radius:50%;background:transparent}.presence-indicator.online{color:var(--presence-online)}.presence-indicator.online .presence-indicator-symbol{border-color:var(--presence-online);background:var(--presence-online);box-shadow:0 0 0 3px var(--presence-online-ring)}.presence-indicator.unavailable{color:var(--presence-away)}.presence-indicator.unavailable .presence-indicator-symbol{border-color:var(--presence-away);background:var(--presence-away)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap}.modal-backdrop,.password-reset-backdrop{position:fixed;z-index:20;inset:0;display:grid;place-items:center;padding:var(--space-4);background:var(--us-modal-backdrop);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.password-reset-dialog,.call-surface,.camera-modal,.viewer{border:1px solid var(--us-modal-border);border-radius:var(--radius-large);background:var(--surface-primary);box-shadow:var(--shadow-elevated)}.password-reset-dialog{width:min(100%,520px);max-height:min(720px,calc(100dvh - 32px));overflow:auto;padding:var(--space-6)}.password-reset-header,.password-reset-account,.password-reset-accounts,.password-reset-account-options{display:flex;align-items:center;gap:var(--space-3)}.password-reset-header{justify-content:space-between;margin-bottom:var(--space-5)}.password-reset-header>div{display:flex;min-width:0;align-items:center;gap:var(--space-3)}.password-reset-header>div>span:last-child{display:grid;min-width:0;gap:3px}.password-reset-header small{color:var(--text-secondary);font-size:var(--type-xs);line-height:1.45}.password-reset-accounts{display:grid;gap:var(--space-3);padding:0;border:0}.password-reset-accounts legend{padding:0;color:var(--text-secondary);font-size:var(--type-sm);font-weight:700}.password-reset-account-options{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.password-reset-account{min-height:58px;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);background:var(--surface-secondary);text-align:left}.password-reset-dialog .password-reset-account{display:flex}.password-reset-account input{width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;accent-color:var(--accent-primary)}.password-reset-account[data-selected=true],.password-reset-account.selected,.password-reset-account:hover{border-color:var(--border-accent-soft);background:var(--accent-primary-soft)}.password-reset-status,.password-reset-error,.notification-help{color:var(--text-secondary);font-size:var(--type-sm)}.password-reset-error,.camera-error{color:var(--us-danger)}.password-reset-dialog form{display:grid;gap:var(--space-4)}.password-reset-dialog label{display:grid;gap:var(--space-2);color:var(--text-secondary);font-size:var(--type-sm);font-weight:700}.password-reset-dialog .primary{width:100%;margin-top:var(--space-2)}.call-surface{position:fixed;z-index:12;top:max(84px,env(safe-area-inset-top));right:var(--space-5);width:min(420px,calc(100vw - 40px));overflow:hidden}.call-surface-head,.call-controls,.call-device-picker,.camera-modal header,.camera-modal footer,.viewer header,.viewer footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.call-surface-head,.camera-modal header,.viewer header{justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.call-controls,.camera-modal footer,.viewer footer{justify-content:flex-end;border-top:1px solid var(--border-subtle)}.call-video-stage,.camera-stage,.viewer-media{background:var(--us-stage-background)}.call-video-stage,.call-remote-video,.call-remote-video video{width:100%;min-height:220px;object-fit:cover}.camera-modal{width:min(720px,calc(100vw - 32px));overflow:hidden}.camera-stage{position:relative;min-height:360px}.camera-stage video,.camera-stage img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover}.camera-export-actions{display:flex;justify-content:center;gap:var(--space-3);padding:var(--space-3)}.camera-export-actions a,.camera-export-actions button{color:var(--accent-primary);font-size:var(--type-sm);font-weight:750}.shutter{width:62px;height:62px;border:5px solid var(--us-text-on-primary);border-radius:50%;background:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-soft)}.viewer{display:flex;width:min(1100px,calc(100vw - 32px));max-height:calc(100dvh - 32px);flex-direction:column;overflow:hidden}.viewer-media{display:grid;min-height:240px;flex:1;place-items:center;overflow:auto;padding:var(--space-5)}.viewer-media img,.viewer-media video{display:block;max-width:100%;max-height:65dvh;object-fit:contain}.chat-error,.pwa-update-notice{position:fixed;z-index:18;right:var(--space-4);bottom:var(--space-4);max-width:min(420px,calc(100vw - 32px));padding:var(--space-3) var(--space-4);border:1px solid var(--border-danger);border-radius:var(--radius-medium);background:var(--surface-danger);color:var(--us-danger);box-shadow:var(--shadow-elevated);font-size:var(--type-sm)}.pwa-update-notice{top:var(--space-4);bottom:auto;display:flex;align-items:center;gap:var(--space-3)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes us-mascot-breathe{0%,to{transform:translateY(1px) scale(.99)}50%{transform:translateY(-2px) scaleY(1.015)}}@keyframes us-mascot-blink{0%,43%,47%,to{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes us-mascot-tail{0%,to{transform:rotate(-3deg)}50%{transform:rotate(7deg)}}@media(max-width:900px){body{overflow:hidden}.app-shell,.app-shell.context-open{position:fixed;inset:0 0 auto;display:flex;width:100%;height:100svh;height:var(--app-height, 100dvh);max-height:var(--app-height, 100dvh);min-height:0;flex-direction:column}.sidebar{display:none}.main-panel{height:auto;min-height:0;display:flex;flex:1 1 0;flex-direction:column}.main-panel>.mobile-conversation-list,.main-panel>.chat,.main-panel>.chat-shell,.main-panel>.settings-page,.main-panel>.shared-content{min-height:0;flex:1 1 auto;height:auto}.mobile-navigation{position:relative;z-index:9;width:auto;flex:0 0 auto;display:grid;height:var(--mobile-nav-height);margin:8px 10px max(8px,env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);padding:4px;border:1px solid var(--border-subtle);border-radius:26px;background:var(--surface-nav);box-shadow:var(--shadow-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-navigation button{display:grid;min-width:40px;min-height:40px;place-items:center;gap:2px;border-radius:var(--radius-medium);color:var(--text-muted);font-size:10px;font-weight:700}.mobile-navigation button.active{background:var(--accent-primary-soft);color:var(--accent-primary)}.mobile-navigation svg{width:20px;height:20px}.context-panel{position:fixed;z-index:15;inset:0;width:100%;border-left:0}.context-panel-body{padding-bottom:calc(var(--active-mobile-nav-height) + var(--space-8))}.chat-header{min-height:calc(var(--header-height) + env(safe-area-inset-top));padding-top:max(var(--space-3),env(safe-area-inset-top))}.timeline{padding-top:var(--space-4);padding-right:var(--space-3);padding-left:var(--space-3);padding-bottom:var(--space-3)}.composer-wrap{padding:6px var(--space-3) 4px}.chat-typing{margin:0 0 4px}.connection-indicator{min-height:18px;font-size:10px}.message-row{max-width:88%}.settings-content,.shared-body,.context-panel-body{width:100%;padding-right:var(--space-3);padding-left:var(--space-3)}.settings-page{padding-bottom:var(--space-4)}.settings-connection-status{padding-right:var(--space-3);padding-left:var(--space-3)}.media-grid{grid-template-columns:repeat(2,1fr)}.call-surface{top:max(12px,env(safe-area-inset-top));right:10px;width:calc(100vw - 20px)}}@media(max-width:520px){.auth-page{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.auth-card{gap:var(--space-6);padding:24px;border-radius:26px}.auth-card h1{font-size:27px}.chat-header{padding-right:var(--space-3);padding-left:var(--space-3)}.chat-header{gap:var(--space-2)}.chat-header>.avatar{width:38px;height:38px;font-size:var(--type-xs)}.chat-header .mobile-back{width:36px;min-width:36px;height:36px}.header-actions{gap:0}.header-actions .icon-button{width:34px;min-width:34px;height:34px}.header-actions .header-search{display:none}.bubble{padding:11px 13px 8px}.message-row{max-width:91%}.composer{gap:4px;padding:4px 5px}.composer>button,.composer .control{width:40px;min-width:40px;height:40px}.composer textarea{min-height:42px;padding-right:6px;padding-left:6px;font-size:16px}.password-reset-dialog{padding:var(--space-4)}.password-reset-account-options{grid-template-columns:1fr}.camera-modal{width:calc(100vw - 20px)}.camera-stage,.camera-stage video,.camera-stage img{min-height:250px}}html[data-keyboard-open=true] .mobile-navigation,.mobile-navigation[data-hidden=true]{display:none!important}html[data-keyboard-open=true] .composer-wrap{margin-bottom:0;padding-bottom:0}html[data-keyboard-open=true] .timeline{padding-bottom:var(--space-2)}@media(max-width:900px){html[data-keyboard-open=true] .chat.chat-shell{height:var(--app-height, 100dvh)}}@media(max-width:900px){.camera-backdrop{padding:0;place-items:stretch}.camera-modal.camera-capture-modal{display:flex;width:100%;max-width:none;height:100%;max-height:none;flex-direction:column;border:0;border-radius:0}.camera-capture-modal header{flex:none;padding:max(var(--space-3),env(safe-area-inset-top)) var(--space-4) var(--space-3)}.camera-capture-modal .camera-stage{display:grid;min-height:0;flex:1;place-items:center;overflow:hidden}.camera-capture-modal .camera-stage video,.camera-capture-modal .camera-stage img{min-height:0;height:100%;object-fit:contain}.camera-capture-modal footer{flex:none;flex-wrap:wrap;padding:var(--space-3) var(--space-4) max(var(--space-3),env(safe-area-inset-bottom))}.camera-capture-modal .camera-export-actions{flex:none;padding:var(--space-2) var(--space-4)}.camera-capture-modal>.fine-print{flex:none;justify-content:center;margin:0;padding:0 var(--space-4) max(var(--space-3),env(safe-area-inset-bottom));text-align:center}}.profile-identity{display:grid;min-width:0;flex:1;gap:4px}.profile-identity p{margin:0;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.image-lightbox{position:fixed;z-index:50;inset:0;display:flex;width:100vw;height:100dvh;min-height:100dvh;background:var(--viewer-background);color:var(--viewer-text)}.image-lightbox-dialog{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;background:var(--viewer-background)}.image-lightbox-header{display:flex;min-height:64px;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--viewer-control-border);background:var(--viewer-header-background)}.image-lightbox-header-leading,.image-lightbox-heading,.image-lightbox-header-actions,.image-lightbox-zoom{display:flex;min-width:0;align-items:center}.image-lightbox-header-leading{gap:12px}.image-lightbox-heading{display:grid;gap:1px}.image-lightbox-heading strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-heading>div{display:flex;min-width:0;align-items:center;gap:7px;color:var(--viewer-muted);font-size:11px}.image-lightbox-heading>div span{max-width:min(35vw,280px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-lightbox-close,.image-lightbox-control{display:inline-flex;min-width:40px;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--viewer-control-border);border-radius:50%;background:var(--viewer-control-background);color:var(--viewer-text);line-height:1}.image-lightbox-close{width:40px;height:40px;flex:0 0 40px;padding:0}.image-lightbox-close svg,.image-lightbox-control svg{display:block;width:19px;height:19px}.image-lightbox-control{gap:6px;padding:0 10px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}.image-lightbox-close:hover,.image-lightbox-close:active,.image-lightbox-control:hover,.image-lightbox-control:active{border-color:var(--viewer-control-hover-border);background:var(--viewer-control-hover-background);color:var(--viewer-text)}.image-lightbox-stage{position:relative;display:grid;min-width:0;min-height:0;flex:1 1 auto;place-items:center;overflow:hidden;padding:12px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:var(--viewer-background);touch-action:none;-webkit-user-select:none;user-select:none}.image-lightbox-image-wrap{display:grid;min-width:0;min-height:0;max-width:100%;max-height:100%;place-items:center;transform-origin:center;will-change:transform}.image-lightbox-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.image-lightbox-status{flex:0 0 auto;margin:0;padding:8px 16px;background:var(--viewer-status-background);color:var(--viewer-status-text);font-size:12px;text-align:center}.image-lightbox-footer{display:flex;min-height:56px;flex:0 0 auto;align-items:center;justify-content:center;padding:8px max(12px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--viewer-control-border);background:var(--viewer-footer-background)}.image-lightbox-zoom{gap:8px}.image-lightbox-zoom output{min-width:45px;color:var(--viewer-muted-strong);font-size:12px;text-align:center}html[data-keyboard-open=true] .mobile-navigation,html[data-media-viewer-open=true] .mobile-navigation,html[data-media-viewer-open=true] .composer-shell,.mobile-navigation[data-hidden=true]{display:none!important}@media(max-width:520px){.image-lightbox-header,.image-lightbox-header-leading{gap:8px}.image-lightbox-header-actions{gap:4px}.image-lightbox-header-actions .image-lightbox-control{width:40px;padding:0}.image-lightbox-header-actions .image-lightbox-control span{display:none}}.composer{height:auto;min-height:var(--composer-height);max-height:var(--composer-max-height);align-items:center}.composer>button,.composer>.composer-control,.composer .control,.composer .send-button{width:40px;min-width:40px;height:40px;min-height:40px;flex:0 0 40px;align-items:center;justify-content:center;align-self:center;padding:0;line-height:0}.composer>button svg,.composer>.composer-control svg,.composer .control svg{display:block;width:20px;height:20px;flex:0 0 20px;stroke-width:2.1}.composer textarea{height:42px;min-height:42px;align-self:center;line-height:24px}.image-lightbox-nav{position:absolute;z-index:2;top:50%;display:inline-flex;width:42px;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--viewer-control-border);border-radius:50%;background:var(--viewer-control-background);color:var(--viewer-text);transform:translateY(-50%)}.image-lightbox-nav-previous{left:max(12px,env(safe-area-inset-left))}.image-lightbox-nav-next{right:max(12px,env(safe-area-inset-right))}.image-lightbox-nav:disabled{opacity:.25}.image-lightbox-nav svg{width:20px;height:20px}.shared-content{display:flex;min-height:0;flex-direction:column;overflow:hidden}.shared-content .shared-tabs{flex:0 0 auto;margin:12px 16px 0;scrollbar-width:none}.shared-content .shared-tabs::-webkit-scrollbar{display:none}.shared-content .shared-body{display:block;min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.shared-filter-row{position:sticky;z-index:2;top:0;margin-bottom:14px;padding:0 0 10px;background:var(--app-background)}.shared-date-groups{display:grid;gap:24px}.shared-date-group{display:grid;gap:9px}.shared-date-group h2{margin:0;color:var(--text-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.media-date-groups{gap:22px}.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.media-grid>.shared-media-thumb{position:relative;display:block;width:100%;min-width:0;min-height:0;aspect-ratio:1;overflow:hidden;padding:0;border:0;border-radius:5px;background:var(--surface-secondary);color:inherit}.shared-media-thumb:hover{outline:2px solid var(--accent-primary);outline-offset:-2px}.shared-media-thumb>img,.shared-media-thumb>video{display:block;width:100%;height:100%;object-fit:cover}.shared-thumb-placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--text-muted)}.shared-thumb-placeholder svg{width:24px;height:24px}.shared-video-badge{position:absolute;right:7px;bottom:7px;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:12px;background:var(--us-viewer-badge-background);color:var(--viewer-text);font-size:11px}.shared-video-badge small{font-size:10px}.shared-media-meta{position:absolute;right:5px;bottom:4px;left:5px;display:flex;justify-content:flex-start;pointer-events:none}.shared-media-meta time{padding:2px 4px;border-radius:5px;background:var(--us-viewer-meta-background);color:var(--viewer-text);font-size:9px}.shared-file-type,.shared-link-thumbnail{display:grid;width:42px;min-width:42px;height:42px;place-items:center;border-radius:11px;background:var(--accent-primary-soft);color:var(--accent-primary)}.shared-file-type{position:relative}.shared-file-type svg,.shared-link-thumbnail svg{width:21px;height:21px}.shared-file-type small{position:absolute;right:-4px;bottom:-3px;padding:1px 3px;border-radius:4px;background:var(--accent-primary);color:var(--us-text-on-primary);font-size:7px;font-weight:800}.shared-document-list,.shared-link-list,.shared-voice-list{display:grid;gap:1px;overflow:hidden;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:var(--border-subtle)}.shared-document-row,.shared-link-row,.shared-voice-row{display:flex;min-width:0;min-height:68px;align-items:center;gap:11px;padding:11px 0;background:var(--surface-primary)}.shared-document-copy,.shared-link-copy{display:grid;min-width:0;flex:1 1 auto;gap:3px}.shared-document-copy strong,.shared-link-copy strong,.shared-link-copy small,.shared-link-copy a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-document-copy strong,.shared-link-copy strong{color:var(--text-primary);font-size:14px}.shared-document-copy small,.shared-link-copy small,.shared-link-copy a,.shared-document-row time,.shared-link-row time{color:var(--text-secondary);font-size:11px}.shared-link-copy a{color:var(--accent-primary)}.shared-document-row>time,.shared-link-row>time{flex:0 0 auto;align-self:flex-start;padding-top:2px}.shared-jump-button{display:grid;width:32px;min-width:32px;height:32px;place-items:center;border-radius:50%;color:var(--text-muted)}.shared-jump-button svg{width:18px;height:18px}.shared-voice-row{align-items:flex-start}.shared-voice-row audio{width:100%;height:34px}.shared-voice-player{display:flex;align-items:center;gap:8px}.shared-voice-player button{min-height:30px;padding:0 10px;border-radius:15px;color:var(--accent-primary);font-size:11px}.shared-media-loading,.shared-video-viewer{position:fixed;z-index:50;inset:0;display:flex;flex-direction:column;background:var(--viewer-background);color:var(--viewer-text)}.shared-media-loading{align-items:center;justify-content:center;gap:16px}.shared-media-loading button,.shared-video-viewer-header button,.shared-viewer-nav{display:inline-flex;width:40px;min-width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--viewer-control-border);border-radius:50%;background:var(--viewer-control-background);color:var(--viewer-text)}.shared-media-loading button svg{width:20px;height:20px}.shared-video-viewer-header{display:flex;min-height:64px;align-items:center;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));border-bottom:1px solid var(--viewer-control-border)}.shared-video-viewer-header>div:nth-child(2){display:grid;min-width:0;flex:1;gap:2px}.shared-video-viewer-header small{color:var(--viewer-muted);font-size:11px}.shared-video-viewer-header .back-icon{transform:rotate(180deg)}.shared-video-viewer-actions{display:flex;gap:6px}.shared-video-viewer-actions svg{width:19px;height:19px}.shared-video-viewer-stage{position:relative;display:grid;min-height:0;flex:1;place-items:center;overflow:hidden;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.shared-video-viewer-stage video{display:block;width:auto;height:auto;max-width:100vw;max-height:100%;object-fit:contain}.shared-viewer-nav{position:absolute;top:50%;font-size:28px;transform:translateY(-50%)}.shared-viewer-nav.previous{left:12px}.shared-viewer-nav.next{right:12px}.shared-viewer-nav:disabled{opacity:.25}.call-backdrop{position:fixed;z-index:60;inset:0;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:var(--call-backdrop-background)}.call-backdrop .call-surface{position:relative;top:auto;right:auto;display:flex;width:min(100%,620px);max-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--call-border);border-radius:24px;background:var(--call-surface-background);color:var(--call-text);box-shadow:var(--call-shadow)}.call-backdrop .call-surface-head{flex:0 0 auto;padding:16px;border-bottom-color:var(--call-border);background:var(--call-surface-header)}.call-surface-heading{display:grid;min-width:0;flex:1;gap:2px}.call-surface-heading small,.call-surface-meta,.call-surface-error{color:var(--call-muted);font-size:12px}.call-status{flex:0 0 auto;color:var(--call-status);font-size:12px;font-weight:700}.call-video-stage{position:relative;display:block;min-height:min(62dvh,560px);flex:1 1 auto;background:var(--call-stage-background)}.call-remote-video,.call-remote-video video{width:100%;height:100%;min-height:0}.call-remote-video{position:relative;display:grid;place-items:center}.call-remote-video video{display:block;object-fit:contain;background:var(--call-stage-background)}.call-remote-video video[data-connected=false]{display:none}.call-video-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:12px;color:var(--call-muted-strong)}.call-video-avatar,.call-large-avatar,.call-ended-avatar{width:84px;height:84px;font-size:28px}.call-local-video{position:absolute;right:14px;bottom:14px;display:none;width:min(30vw,148px);height:min(42vw,196px);border:2px solid var(--call-muted-strong);border-radius:12px;background:var(--call-local-background);object-fit:cover;box-shadow:0 8px 24px #00000059}.call-local-video[data-active=true]{display:block}.call-voice-stage,.call-ended-state,.call-failure{display:grid;min-height:260px;flex:1 1 auto;place-items:center;align-content:center;gap:10px;padding:28px 16px;text-align:center}.call-large-avatar{width:108px;height:108px;font-size:34px}.call-voice-stage audio{width:1px;height:1px;opacity:0}.call-failure{color:var(--call-error-text)}.call-failure svg{width:36px;height:36px}.call-failure p{max-width:320px;margin:0;color:var(--call-muted)}.call-surface-error{margin:0;padding:9px 16px;background:var(--call-error-background);color:var(--call-error-text);text-align:center}.call-backdrop .call-device-picker{flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--call-border)}.call-backdrop .call-device-picker label{display:grid;flex:1 1 180px;gap:4px;color:var(--call-muted-strong);font-size:11px}.call-backdrop .call-device-picker select{min-height:36px;border-color:var(--call-border);background:var(--call-select-background);color:var(--call-text)}.call-backdrop .call-controls{flex:0 0 auto;flex-wrap:wrap;justify-content:center;padding:14px 16px max(14px,env(safe-area-inset-bottom));border-top-color:var(--call-border);background:var(--call-surface-header)}.call-backdrop .call-controls button{min-height:40px}html[data-call-open=true] .mobile-navigation,html[data-call-open=true] .composer-shell{display:none!important}.settings-page .settings-content{width:min(100%,720px);gap:16px;padding-right:16px;padding-left:16px}.settings-page .settings-card,.settings-page .profile-hero,.settings-page .backup-hero,.settings-page .notice{width:100%;padding:16px}.settings-page .settings-card form,.settings-page .settings-card .field-group,.settings-page .profile-hero form{gap:12px}.settings-page .settings-card input,.settings-page .settings-card select,.settings-page .settings-card textarea{width:100%;min-height:44px}.settings-page .settings-card button,.settings-page .profile-hero button{min-height:42px;align-items:center;justify-content:center;line-height:1.2}@media(min-width:600px){.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:520px){.shared-content .shared-tabs{margin-inline:12px}.shared-content .shared-body{padding-top:16px}.shared-document-row,.shared-link-row,.shared-voice-row{gap:8px}.shared-document-row>time,.shared-link-row>time{display:none}.call-backdrop{padding:0}.call-backdrop .call-surface{width:100%;height:100%;max-height:none;border:0;border-radius:0}.call-video-stage{min-height:0}.settings-page .settings-content{padding-bottom:calc(32px + env(safe-area-inset-bottom))}}.camera-capture-modal .camera-control-bar:not(.is-reviewing):not(.is-error){display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-content:initial;column-gap:clamp(8px,4vw,24px);flex-wrap:nowrap;padding:12px max(20px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-right))}.camera-capture-modal .camera-control-bar.is-error{justify-content:center;flex-wrap:nowrap;padding:12px 20px max(12px,env(safe-area-inset-bottom))}.camera-capture-modal .camera-control-bar.is-reviewing{justify-content:center}.camera-capture-modal .camera-control-action{display:inline-flex;width:100%;min-width:0;min-height:40px;align-items:center;justify-content:center;align-self:center;gap:7px;padding:0 4px;line-height:1.2;white-space:nowrap}.camera-capture-modal .camera-control-action svg{display:block;width:20px;height:20px;flex:0 0 20px}.camera-capture-modal .camera-control-shutter{width:62px;min-width:62px;height:62px;min-height:62px;align-self:center;justify-self:center;padding:0}.camera-switch-label-compact{display:none}@media(max-width:380px){.camera-switch-label-full{display:none}.camera-switch-label-compact{display:inline}}@media(max-width:900px){.app-shell{height:100svh;height:var(--app-height, 100dvh)}html[data-mobile-keyboard-platform=android] .app-shell,html[data-mobile-keyboard-mode=generic-resize] .app-shell{position:relative;inset:auto;width:100%;height:100%;max-height:100%}html[data-mobile-keyboard-platform=ios] .app-shell{position:fixed;top:var(--visual-viewport-top, 0px);right:0;bottom:auto;left:0;width:100%;height:var(--visual-viewport-height, 100dvh);max-height:var(--visual-viewport-height, 100dvh)}html[data-mobile-keyboard-mode=android-overlay] .app-shell,html[data-mobile-keyboard-mode=generic-overlay] .app-shell{position:fixed;inset:0 0 auto;width:100%;height:var(--visual-viewport-height, 100dvh);max-height:var(--visual-viewport-height, 100dvh)}.main-panel{display:flex;min-height:0;flex:1 1 0;flex-direction:column}.main-panel>.mobile-conversation-list,.main-panel>.chat,.main-panel>.chat-shell,.main-panel>.settings-page,.main-panel>.shared-content{min-height:0;flex:1 1 auto;height:auto}}html[data-keyboard-open=true] .composer-shell{flex:0 0 auto;min-height:0}.composer,.composer textarea,.composer>button,.composer .composer-control{box-sizing:border-box}.composer{min-height:var(--composer-height);height:auto;align-items:center}.composer textarea{padding-top:8px;padding-bottom:8px;line-height:24px}html[data-mobile-keyboard-platform=ios] .composer textarea{font-size:16px}html[data-keyboard-open=true]{--active-mobile-nav-height: 0px}html[data-keyboard-open=true] .app-shell,html[data-keyboard-open=true] .main-panel,html[data-keyboard-open=true] .chat.chat-shell{padding-bottom:0!important;margin-bottom:0!important}html[data-keyboard-open=true] .composer-shell{z-index:20;min-height:0;overflow:visible}html[data-keyboard-open=true] .composer-wrap{position:relative;z-index:20;margin:0;padding-top:0;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;overflow:visible;background:var(--surface-composer);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-keyboard-open=true] .composer{position:relative;z-index:21;overflow:visible}html[data-keyboard-open=true] .composer-shell:before,html[data-keyboard-open=true] .composer-shell:after,html[data-keyboard-open=true] .composer-wrap:before,html[data-keyboard-open=true] .composer-wrap:after,html[data-keyboard-open=true] .composer:before,html[data-keyboard-open=true] .composer:after{display:none!important;content:none!important}@media(max-width:900px){.composer-wrap{padding-bottom:8px}.mobile-navigation{margin-top:0}}:root{--shell-max-width: 1500px;--shell-sidebar-width: clamp(300px, 25vw, 360px);--nav-item-height: 44px;--chat-avatar-size: 40px;--composer-control-size: 40px;--composer-gap: 6px}.app-shell{width:min(100%,var(--shell-max-width));grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr)}.sidebar{background:var(--app-background);padding-right:var(--space-4);padding-left:var(--space-4)}.sidebar-top{min-height:64px;padding-inline:0}.sidebar-top .brand-logo{--us-logo-size: 46px !important}.sidebar-heading,.mobile-conversation-list-heading{padding:var(--space-4) 0 var(--space-3)}.sidebar-heading h1,.mobile-conversation-list-heading h1{margin:0;color:var(--text-primary);font-size:28px;line-height:1.2}.conversation-card-motion{min-width:0}.side-nav{margin-top:auto;padding-top:var(--space-5);border-top:1px solid var(--border-subtle)}.side-nav button{min-height:var(--nav-item-height);font-weight:700}.side-nav button svg{width:20px;height:20px}.composer>button,.composer>.composer-control,.composer .control,.composer .send-button{width:var(--composer-control-size);min-width:var(--composer-control-size);height:var(--composer-control-size);min-height:var(--composer-control-size);flex-basis:var(--composer-control-size)}.composer textarea{box-sizing:border-box;min-width:0;text-align:left}@media(min-width:901px){.chat-header>.avatar{width:var(--chat-avatar-size);height:var(--chat-avatar-size)}.composer{gap:var(--composer-gap)}.settings-page .settings-content{width:min(100%,760px)}.shared-content .shared-tabs{margin-right:16px;margin-left:16px}}.chats-brand-row{justify-content:space-between;gap:var(--space-4)}.chats-brand-row .brand{min-width:0}.sidebar-brand-group{display:flex;min-width:0;flex:1 1 auto;align-items:center;justify-content:space-between;gap:var(--space-3)}.sidebar-brand-group .brand{min-width:0;flex:0 1 auto}.theme-toggle{position:relative;display:inline-flex;width:88px;min-width:88px;height:40px;min-height:40px;max-height:40px;flex:0 0 88px;align-items:center;justify-content:center;overflow:hidden;padding:0;border:1px solid rgba(38,101,151,.22);border-radius:var(--radius-pill);background:transparent;box-shadow:0 5px 14px #20547a29,inset 0 1px #ffffff61;cursor:pointer;isolation:isolate;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--us-ease-standard),box-shadow .18s var(--us-ease-standard)}.theme-toggle:hover{box-shadow:0 7px 18px #20547a33,inset 0 1px #ffffff70}.theme-toggle:active{transform:scale(.97)}.theme-toggle:focus-visible{outline:2px solid var(--us-focus-ring);outline-offset:3px}.theme-toggle-scene{position:absolute;z-index:0;inset:0;display:block;overflow:hidden;border-radius:inherit;background:linear-gradient(135deg,#8dd8f7,#66c5ec);transition:background .56s var(--us-ease-standard)}.theme-toggle-dark .theme-toggle-scene{background:linear-gradient(135deg,#071a2a,#0b2940)}.theme-toggle-sun,.theme-toggle-moon,.theme-toggle-cloud,.theme-toggle-star,.theme-toggle-sheen{position:absolute;display:block;pointer-events:none}.theme-toggle-sun{top:9px;left:11px;width:20px;height:20px;border-radius:50%;background:#ffd86b;box-shadow:0 0 0 4px #ffe69129,0 0 11px #ffda6bb8;opacity:1;transform:scale(1);transition:left .56s var(--us-ease-standard),opacity .36s var(--us-ease-standard),transform .56s var(--us-ease-standard)}.theme-toggle-dark .theme-toggle-sun{left:-18px;opacity:0;transform:scale(.78)}.theme-toggle-moon{top:8px;left:calc(100% - 29px);width:20px;height:20px;border-radius:50%;background:#fff6d7;box-shadow:0 0 0 4px #fff6d714,0 0 12px #fff6d76b;opacity:0;transform:translate(16px) scale(.78);transition:opacity .34s var(--us-ease-standard),transform .56s var(--us-ease-standard)}.theme-toggle-dark .theme-toggle-moon{opacity:1;transform:translate(0) scale(1)}.theme-toggle-crater{position:absolute;display:block;border-radius:50%;background:#cbbe974d}.theme-toggle-crater-a{top:4px;left:5px;width:4px;height:4px}.theme-toggle-crater-b{right:4px;bottom:5px;width:3px;height:3px}.theme-toggle-cloud{z-index:1;height:8px;border-radius:999px;background:#ffffffd6;box-shadow:0 2px 4px #3b82a824;opacity:.9;transform:translate(0);transition:opacity .36s var(--us-ease-standard),transform .56s var(--us-ease-standard)}.theme-toggle-cloud:before,.theme-toggle-cloud:after{position:absolute;bottom:2px;border-radius:50%;background:inherit;content:""}.theme-toggle-cloud:before{left:5px;width:11px;height:11px}.theme-toggle-cloud:after{right:5px;width:9px;height:9px}.theme-toggle-cloud-a{top:11px;left:37px;width:25px}.theme-toggle-cloud-b{top:25px;left:48px;width:19px;opacity:.62;transform:translate(2px)}.theme-toggle-dark .theme-toggle-cloud{opacity:0;transform:translate(-8px)}.theme-toggle-star{z-index:1;width:3px;height:3px;border-radius:50%;background:#e9f4ff;box-shadow:0 0 5px #e9f4ffd1;opacity:0;transform:scale(.25);transition:opacity .36s var(--us-ease-standard),transform .56s var(--us-ease-standard)}.theme-toggle-star-a{top:9px;left:43px}.theme-toggle-star-b{top:22px;left:29px;width:2px;height:2px;transition-delay:70ms}.theme-toggle-star-c{top:28px;left:73px;width:2px;height:2px;transition-delay:.13s}.theme-toggle-dark .theme-toggle-star{opacity:.9;transform:scale(1)}.theme-toggle-sheen{z-index:2;inset:1px 1px auto;height:9px;border-radius:999px 999px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent);opacity:.64;transition:opacity .36s var(--us-ease-standard)}.theme-toggle-dark .theme-toggle-sheen{opacity:.2}.theme-picker-control{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--text-secondary);font-size:var(--type-sm);font-weight:650}.settings-page .theme-toggle{min-height:40px;height:40px}@media(max-width:520px){.theme-toggle{width:84px;min-width:84px;height:38px;min-height:38px;max-height:38px;flex-basis:84px}.theme-toggle-sun{top:8px}.theme-toggle-moon{top:7px}}@media(prefers-reduced-motion:reduce){.theme-toggle,.theme-toggle *{transition-duration:.16s!important;animation:none!important}.theme-toggle-sun,.theme-toggle-moon,.theme-toggle-cloud,.theme-toggle-star{transition-property:opacity,background-color!important;transform:none!important}}:root{--us-duration-panel: .28s;--us-duration-slow: .28s;--us-ease-standard: cubic-bezier(.22, 1, .36, 1);--us-ease-enter: var(--us-ease-standard);--us-ease-exit: var(--us-ease-standard);--us-typing-cycle: 1.2s}@keyframes us-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes us-scale-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes us-fade{0%{opacity:0}to{opacity:1}}@keyframes us-message-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes us-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes us-typing-dot{0%,60%,to{opacity:.38;transform:translateY(0) scale(.82)}30%{opacity:1;transform:translateY(-3px) scale(1)}}@keyframes us-drop-icon-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-6px) rotate(5deg)}}@keyframes us-spin{to{transform:rotate(360deg)}}@keyframes us-progress-indeterminate{0%{transform:translate(-130%)}to{transform:translate(320%)}}.auth-card,.app-shell,.settings-card,.device-row,.content-list>*,.compose-context,.drop-prompt,.call-surface,.call-controls,.chat-error,.pwa-update-notice,.search-results,.empty-chat-state{animation:us-enter var(--us-duration-normal) var(--us-ease-enter)}.message-arrival{animation:us-message-in var(--us-duration-normal) var(--us-ease-enter)}.message-arrival footer>svg,.message-arrival footer>span[aria-label],.message-arrival .reaction-row button{animation:us-scale-enter var(--us-duration-fast) var(--us-ease-enter)}.reaction-count{display:inline-block}.message-arrival .reaction-count,.header-status-label{animation:us-fade var(--us-duration-fast) var(--us-ease-enter)}.message-actions,.camera-modal,.voice-modal,.password-reset-dialog{transform-origin:center;animation:us-scale-enter var(--us-duration-normal) var(--us-ease-enter)}.new-message-indicator{animation:us-enter var(--us-duration-normal) var(--us-ease-enter)}.modal-backdrop,.viewer,.image-lightbox{animation:us-fade var(--us-duration-fast) var(--us-ease-enter)}.drop-zone-icon{animation:us-drop-icon-float 1.6s var(--us-ease-standard) infinite}.typing .typing-dot{animation:us-typing-dot var(--us-typing-cycle) var(--us-ease-standard) infinite}.typing .typing-dot:nth-child(1){animation-delay:0ms}.typing .typing-dot:nth-child(2){animation-delay:.14s}.typing .typing-dot:nth-child(3){animation-delay:.28s}button,button.icon-button,button.primary,button.danger,button.send-button,button.conversation-card,.side-nav button,.reaction-row button,.composer,input,textarea,select{transition:background-color var(--us-duration-fast) var(--us-ease-standard),border-color var(--us-duration-fast) var(--us-ease-standard),color var(--us-duration-fast) var(--us-ease-standard),opacity var(--us-duration-fast) var(--us-ease-standard),box-shadow var(--us-duration-fast) var(--us-ease-standard),filter var(--us-duration-fast) var(--us-ease-standard),transform var(--us-duration-fast) var(--us-ease-enter),height var(--us-duration-normal) var(--us-ease-standard)}html[data-theme-transition] body,html[data-theme-transition] #root,html[data-theme-transition] .app-shell,html[data-theme-transition] .main-panel,html[data-theme-transition] .sidebar,html[data-theme-transition] .chat,html[data-theme-transition] .settings-page,html[data-theme-transition] .shared-content,html[data-theme-transition] .chat-header,html[data-theme-transition] .composer-wrap,html[data-theme-transition] .mobile-navigation,html[data-theme-transition] .settings-card,html[data-theme-transition] .profile-hero,html[data-theme-transition] .backup-hero,html[data-theme-transition] .content-row,html[data-theme-transition] .device-row,html[data-theme-transition] .notice,html[data-theme-transition] .context-panel,html[data-theme-transition] .context-panel-header,html[data-theme-transition] .password-reset-dialog,html[data-theme-transition] .camera-modal{transition:background-color .26s var(--us-ease-standard),color .22s var(--us-ease-standard),border-color .22s var(--us-ease-standard),box-shadow .26s var(--us-ease-standard)}button:active:not(:disabled){transform:scale(.95)}button:disabled{transform:none}.unread-badge{display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:5px;border-radius:var(--us-radius-pill);background:var(--us-primary-gradient);color:var(--us-on-primary);font-size:var(--us-type-xs);animation:us-scale-enter var(--us-duration-fast) var(--us-ease-enter)}.tabs{position:relative;display:grid;grid-template-columns:repeat(var(--us-tab-count, 5),minmax(0,1fr));gap:0;padding:var(--us-space-2) 0 0}.tabs:after{content:"";position:absolute;bottom:0;left:0;width:calc(100% / var(--us-tab-count, 5));height:2px;background:var(--us-primary);transform:translate(calc(var(--us-tab-index, 0) * 100%));transition:transform var(--us-duration-normal) var(--us-ease-enter)}.tabs button{padding-inline:4px}.tabs button.active{border-color:transparent}@media(prefers-reduced-motion:reduce){.app-shell,.app-shell *,.app-shell *:before,.app-shell *:after,.auth-page,.auth-page *,.auth-page *:before,.auth-page *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.typing .typing-dot{animation:none!important;opacity:.72;transform:none}}.app-shell.context-open{grid-template-columns:clamp(320px,24vw,360px) minmax(0,1fr)}.context-panel{position:fixed;z-index:15;inset:0 0 0 auto;width:min(100%,350px);box-shadow:var(--us-shadow-lg);animation:us-drawer-in var(--us-duration-panel) var(--us-ease-enter);transition:transform var(--us-duration-fast) var(--us-ease-exit),opacity var(--us-duration-fast) var(--us-ease-exit)}.context-panel[data-open=false]{opacity:0;transform:translate(24px);pointer-events:none;animation:none}.context-backdrop{position:fixed;inset:0;z-index:14;border-radius:0;background:var(--us-overlay);animation:us-fade var(--us-duration-fast) var(--us-ease-enter);transition:opacity var(--us-duration-fast) var(--us-ease-exit)}.context-backdrop[data-open=false]{opacity:0;pointer-events:none;animation:none}.context-backdrop:active:not(:disabled){transform:none}.has-wallpaper-layers:before,.has-wallpaper-layers:after{content:none}.timeline-region>.wallpaper-layers,.wallpaper-preview>.wallpaper-layers,.wallpaper-layer,.wallpaper-layer>img,.wallpaper-layer>div,.wallpaper-layer:after{position:absolute;inset:0;pointer-events:none}.timeline-region>.wallpaper-layers,.wallpaper-preview>.wallpaper-layers{display:block;z-index:0;overflow:hidden}.wallpaper-layer{background:var(--us-bg);animation:us-fade var(--us-duration-panel) var(--us-ease-standard)}.wallpaper-layer>div{background:var(--us-layer-background) center / cover;background-repeat:no-repeat;filter:blur(var(--us-layer-blur));transform:scale(1.04);opacity:var(--us-layer-opacity)}.wallpaper-layer-solid>div{background:var(--us-layer-color)}.wallpaper-layer>img{object-fit:cover;object-position:center;filter:blur(var(--us-layer-blur));transform:scale(1.04);opacity:var(--us-layer-opacity)}.wallpaper-layer:after{content:"";background:var(--us-layer-dim-color, var(--us-wallpaper-dim-color));opacity:var(--us-layer-dim)}.message-attachment[data-kind=image] .attachment-preview,.message-attachment[data-kind=video] .attachment-preview{display:grid;place-items:center;position:relative;width:min(280px,60vw);overflow:hidden;border-radius:var(--us-radius-md);background:var(--us-bg-panel);color:var(--us-text)}.attachment-preview>img,.attachment-preview>video,.attachment-image-trigger>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.attachment-preview>img,.attachment-image-trigger>img{opacity:0;transform:scale(.985);filter:blur(4px);transition:opacity var(--us-duration-normal) var(--us-ease-enter),transform var(--us-duration-normal) var(--us-ease-enter),filter var(--us-duration-normal) var(--us-ease-enter)}.attachment-preview>img[data-loaded=true],.attachment-image-trigger>img[data-loaded=true]{opacity:1;transform:scale(1);filter:blur(0)}.viewer-media img{animation:us-fade var(--us-duration-normal) var(--us-ease-enter)}.image-lightbox-image-wrap{transition:transform var(--us-duration-fast) var(--us-ease-standard)}@media(min-width:761px)and (max-width:1100px){.app-shell.context-open{grid-template-columns:320px minmax(0,1fr)}}@media(max-width:900px){.app-shell.context-open{display:flex;flex-direction:column}.context-panel{width:100%}.mobile-navigation:before{content:"";position:absolute;top:4px;left:4px;bottom:4px;width:calc((100% - 8px)/4);border-radius:var(--us-radius-md);background:var(--us-primary-soft);transform:translate(calc(var(--us-nav-index, 0) * 100%));transition:transform var(--us-duration-normal) var(--us-ease-enter);pointer-events:none}.mobile-navigation button{position:relative}.mobile-navigation button.active{background:transparent}}.mobile-navigation{transition:opacity var(--us-duration-normal) var(--us-ease-standard),transform var(--us-duration-normal) var(--us-ease-standard)}.message-attachment[data-kind=image]{margin-top:4px;border:0;border-radius:var(--us-radius-md);background:transparent}.message-attachment[data-kind=image] .attachment-preview{display:inline-grid;width:fit-content;max-width:min(78vw,380px);max-height:60dvh;min-height:0;aspect-ratio:auto!important;border-radius:var(--us-radius-md);background:var(--us-bg-panel)}.message-attachment[data-kind=image] .attachment-image-trigger{display:block;width:fit-content;max-width:100%;max-height:60dvh;padding:0;border-radius:var(--us-radius-md);background:transparent}.message-attachment[data-kind=image] .attachment-image-trigger>img{position:static;display:block;width:auto;height:auto;max-width:100%;max-height:60dvh;border-radius:var(--us-radius-md);object-fit:contain}@keyframes us-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-skeleton{display:grid;gap:var(--us-space-3);width:100%;padding-block:var(--us-space-3)}.loading-skeleton>span{position:relative;overflow:hidden;height:14px;border-radius:var(--us-radius-pill);background:var(--us-glass)}.loading-skeleton>span:nth-child(2){width:76%}.loading-skeleton>span:nth-child(3){width:56%}.loading-skeleton>span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--us-glass-border),transparent);animation:us-shimmer 1.6s var(--us-ease-standard) infinite}