:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f4ff;background:#080914;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--us-bg: #080914;--us-bg-elevated: #0e1120;--us-bg-panel: #121628;--us-bg-sidebar: #0b0e1b;--us-bg-hover: #191d31;--us-bg-selected: #2d2a68;--us-border: #262b44;--us-border-strong: #414873;--us-text: #f5f4ff;--us-text-secondary: #c6c8dc;--us-text-muted: #9298b1;--us-primary: #776cff;--us-primary-hover: #8e84ff;--us-primary-soft: #776cff26;--us-secondary: #4b82e8;--us-accent: #64c8f4;--us-success: #62d5a3;--us-danger: #ff7f91;--us-warning: #e3b86d;--us-message-own: #45419b;--us-message-other: #1a1f33;--us-message-own-border: #706bda;--us-message-other-border: #2b3350;--us-focus-ring: #8dcbff;--us-overlay: #05060cd9;--us-wallpaper-dim-color: #05060c;--us-input: #101426;--us-on-primary: #ffffff;--us-peer-avatar: linear-gradient(145deg, #805fca, #3f5fbd);--us-shutter-fill: #ffffff33;--us-primary-gradient: linear-gradient(135deg, #776cff, #4b82e8);--us-sidebar-glow: radial-gradient(circle at 0 0, #34276e66, transparent 48%);--us-chat-glow: radial-gradient(circle at 80% 0, #332e7752, transparent 36%);--us-marble-image: url(/assets/US_MARBLE_REFERENCE.png);--us-wallpaper-aurora: linear-gradient(145deg, #342970, #102142);--us-wallpaper-midnight: #060811;--us-wallpaper-plum: linear-gradient(145deg, #602c66, #151124);--us-wallpaper-ocean: linear-gradient(145deg, #07555f, #10162c);--us-wallpaper-solid: #232638;--us-wallpaper-gradient: linear-gradient(145deg, #4a3fb5, #247aac);--us-radius-sm: 9px;--us-radius-md: 13px;--us-radius-lg: 18px;--us-radius-xl: 24px;--us-radius-pill: 999px;--us-space-1: 4px;--us-space-2: 8px;--us-space-3: 12px;--us-space-4: 16px;--us-space-5: 20px;--us-space-6: 24px;--us-space-7: 28px;--us-space-8: 32px;--us-space-10: 40px;--us-control-size: 44px;--us-header-height: 74px;--us-composer-max-height: 144px;--us-mobile-nav-height: 70px;--us-shadow-sm: 0 6px 20px #0000001f;--us-shadow-md: 0 16px 50px #00000052;--us-shadow-lg: 0 28px 80px #00000070;--us-duration-fast: .14s;--us-duration-normal: .22s;--us-type-xs: 11px;--us-type-sm: 13px;--us-type-md: 15px;--us-type-lg: 18px;--us-type-xl: 28px}:root[data-theme=light]{color:#17203b;background:#f4f2fb;color-scheme:light;--us-bg: #f4f2fb;--us-bg-elevated: #ffffff;--us-bg-panel: #fdfcff;--us-bg-sidebar: #eeecf7;--us-bg-hover: #e8e5f3;--us-bg-selected: #dfdcff;--us-border: #d8d5e6;--us-border-strong: #b7b1d4;--us-text: #17203b;--us-text-secondary: #3f4763;--us-text-muted: #69718b;--us-primary: #594fd0;--us-primary-hover: #493eb5;--us-primary-soft: #594fd01c;--us-secondary: #326ec6;--us-accent: #147ba9;--us-success: #16875f;--us-danger: #bc334d;--us-warning: #9a681e;--us-message-own: #dcd8ff;--us-message-other: #ffffff;--us-message-own-border: #aca4ed;--us-message-other-border: #d9d7e4;--us-focus-ring: #235ea1;--us-overlay: #17203bbf;--us-wallpaper-dim-color: #ffffff;--us-input: #ffffff;--us-on-primary: #ffffff;--us-peer-avatar: linear-gradient(145deg, #8064bc, #496ebd);--us-shutter-fill: #ffffff33;--us-primary-gradient: linear-gradient(135deg, #594fd0, #326ec6);--us-sidebar-glow: radial-gradient(circle at 0 0, #c7beff66, transparent 48%);--us-chat-glow: radial-gradient(circle at 80% 0, #c8c4f552, transparent 36%);--us-marble-image: url(/assets/US_MARBLE_REFERENCE.png);--us-wallpaper-aurora: linear-gradient(145deg, #c6c1f2, #b9d3e9);--us-wallpaper-midnight: #d8d9e8;--us-wallpaper-plum: linear-gradient(145deg, #e2c6e1, #d8d1e9);--us-wallpaper-ocean: linear-gradient(145deg, #acd5d8, #c8d4e8);--us-wallpaper-solid: #d8dbea;--us-wallpaper-gradient: linear-gradient(145deg, #b9b0ee, #9fc9df)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:var(--us-bg);color:var(--us-text);font-size:var(--us-type-md);line-height:1.4}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:.48}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}.icon-button{display:grid;width:var(--us-control-size);min-width:var(--us-control-size);height:var(--us-control-size);flex:none;place-items:center;border-radius:var(--us-radius-md);color:var(--us-text-muted);transition:background var(--us-duration-fast) ease,color var(--us-duration-fast) ease}.icon-button:hover{background:var(--us-bg-hover);color:var(--us-text)}.icon-button:active{background:var(--us-bg-selected)}.icon-button svg{width:20px;height:20px}.primary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:var(--us-space-2);padding:0 18px;border-radius:var(--us-radius-md);background:var(--us-primary-gradient);box-shadow:0 10px 30px var(--us-primary-soft);color:var(--us-on-primary);font-size:var(--us-type-sm);font-weight:700;white-space:nowrap;transition:filter var(--us-duration-fast) ease,transform var(--us-duration-fast) ease}.primary:hover{filter:brightness(1.08)}.primary:active{transform:translateY(1px)}.compact{min-height:40px;width:max-content;padding:8px 14px}.danger{display:inline-flex;min-height:var(--us-control-size);align-items:center;justify-content:center;gap:var(--us-space-2);padding:0 14px;border:1px solid transparent;border-radius:var(--us-radius-md);background:color-mix(in srgb,var(--us-danger) 9%,transparent);color:var(--us-danger);font-size:var(--us-type-sm);font-weight:600;transition:background var(--us-duration-fast) ease,border-color var(--us-duration-fast) ease,color var(--us-duration-fast) ease}.danger:hover{border-color:color-mix(in srgb,var(--us-danger) 42%,transparent);background:color-mix(in srgb,var(--us-danger) 15%,transparent)}.danger.compact{min-height:40px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--us-danger) 42%,transparent);border-radius:var(--us-radius-sm);font-size:var(--us-type-xs)}.muted{color:var(--us-text-muted);line-height:1.5}.eyebrow,.section-label{margin-bottom:var(--us-space-2);color:var(--us-primary-hover);font-size:var(--us-type-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.fine-print{display:flex;align-items:center;gap:var(--us-space-2);color:var(--us-text-muted);font-size:var(--us-type-xs);line-height:1.45}input,select,textarea{border:1px solid var(--us-border);border-radius:var(--us-radius-md);outline:none;background:var(--us-input);color:var(--us-text);transition:border-color var(--us-duration-fast) ease,box-shadow var(--us-duration-fast) ease,background var(--us-duration-fast) ease}input,select{width:100%;min-height:var(--us-control-size);padding:10px 13px}textarea{line-height:1.45}input::placeholder,textarea::placeholder{color:var(--us-text-muted);opacity:.82}input:focus,select:focus,textarea:focus{border-color:var(--us-primary);box-shadow:0 0 0 3px var(--us-primary-soft)}input:disabled,select:disabled,textarea:disabled{background:color-mix(in srgb,var(--us-input) 70%,var(--us-bg));color:var(--us-text-muted)}form>[role=alert],.settings-card>[role=alert]{margin:0;color:var(--us-danger);font-size:var(--us-type-sm);line-height:1.45}.settings-card>[role=status],.settings-content>[role=status]{margin:0;color:var(--us-success);font-size:var(--us-type-sm);line-height:1.45}.auth-page{display:grid;min-height:100dvh;place-items:center;overflow:auto;padding:max(var(--us-space-6),env(safe-area-inset-top)) max(var(--us-space-6),env(safe-area-inset-right)) max(var(--us-space-6),env(safe-area-inset-bottom)) max(var(--us-space-6),env(safe-area-inset-left));background:var(--us-chat-glow),var(--us-bg)}.auth-card{display:grid;width:min(100%,430px);gap:var(--us-space-8);padding:clamp(24px,5vw,40px);border:1px solid var(--us-border);border-radius:var(--us-radius-xl);background:color-mix(in srgb,var(--us-bg-elevated) 94%,transparent);box-shadow:var(--us-shadow-lg)}.auth-card h1{margin:4px 0 var(--us-space-2);font-size:var(--us-type-xl);line-height:1.1}.auth-card form,.settings-card{display:grid;gap:var(--us-space-4)}.auth-card label,.settings-card label{display:grid;gap:var(--us-space-2);color:var(--us-text-secondary);font-size:var(--us-type-sm)}.auth-card .primary{width:100%}.security-mark{display:grid;width:58px;height:58px;place-items:center;border-radius:var(--us-radius-lg);background:var(--us-primary-soft);color:var(--us-primary-hover)}.brand{display:flex;min-width:0;align-items:center;gap:var(--us-space-3)}.brand-logo{display:block;width:auto;max-width:100%;max-height:46px;flex:none;object-fit:contain}.brand-mark{display:grid;width:46px;height:46px;flex:none;place-items:center;border:1px dashed var(--us-text-muted);border-radius:var(--us-radius-md);background:var(--us-bg-hover);opacity:.8}.brand-copy{display:grid;min-width:0;gap:2px}.brand-copy small{color:var(--us-text-muted);font-size:9px;letter-spacing:.16em}.app-shell{position:relative;display:grid;height:100dvh;min-height:100vh;grid-template-columns:minmax(260px,292px) minmax(0,1fr);overflow:hidden;background:var(--us-bg)}.connection-indicator{display:inline-flex;min-height:20px;align-items:center;gap:var(--us-space-2);padding:0;border:0;border-radius:var(--us-radius-pill);background:transparent;box-shadow:none;color:var(--us-text-muted);font-size:var(--us-type-xs);font-weight:600}.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)}.pwa-update-notice{position:fixed;z-index:30;top:max(52px,calc(env(safe-area-inset-top) + 44px));left:50%;display:flex;width:min(470px,calc(100vw - 32px));align-items:center;gap:var(--us-space-4);padding:var(--us-space-3) var(--us-space-3) var(--us-space-3) var(--us-space-4);border:1px solid var(--us-border-strong);border-radius:var(--us-radius-lg);background:color-mix(in srgb,var(--us-bg-panel) 97%,transparent);box-shadow:var(--us-shadow-md);transform:translate(-50%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.pwa-update-notice>span{display:grid;min-width:0;flex:1;gap:2px}.pwa-update-notice strong{color:var(--us-text);font-size:var(--us-type-sm)}.pwa-update-notice small{color:var(--us-text-muted);font-size:var(--us-type-xs);line-height:1.35}.app-shell.context-open{grid-template-columns:minmax(260px,292px) minmax(0,1fr) minmax(300px,350px)}.sidebar{position:relative;z-index:1;display:flex;min-width:0;flex-direction:column;gap:var(--us-space-2);overflow:auto;overflow-x:hidden;border-right:1px solid var(--us-border);background:var(--us-sidebar-glow),var(--us-bg-sidebar);padding:max(var(--us-space-4),env(safe-area-inset-top)) var(--us-space-4) var(--us-space-5);isolation:isolate}.sidebar:before{position:absolute;z-index:-1;inset:0;background-image:var(--us-marble-image);background-position:center;background-size:cover;content:"";opacity:.12;pointer-events:none}.sidebar-top{display:flex;min-height:var(--us-control-size);align-items:center;gap:var(--us-space-3)}.sidebar-top .brand{flex:1}.sidebar-top .brand-logo{max-height:38px}.sidebar-top .brand-mark{width:38px;height:38px}.sidebar-top .brand-copy small{display:none}.avatar{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:50%;background:linear-gradient(145deg,var(--us-secondary),var(--us-primary));color:var(--us-on-primary);font-size:var(--us-type-sm);font-weight:700}.avatar.purple{background:var(--us-peer-avatar)}.avatar-small{width:36px;height:36px;font-size:var(--us-type-xs)}.avatar-xl{width:84px;height:84px;font-size:var(--us-type-lg)}.identity-card{display:flex;min-height:64px;align-items:center;gap:var(--us-space-3);padding:var(--us-space-3);border:1px solid var(--us-border);border-radius:var(--us-radius-lg);background:color-mix(in srgb,var(--us-bg-panel) 86%,transparent)}.identity-card>div:nth-child(2){display:grid;min-width:0;flex:1;gap:var(--us-space-1)}.identity-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-card small{overflow:hidden;color:var(--us-text-muted);font-size:var(--us-type-xs);text-overflow:ellipsis;white-space:nowrap}.search{display:flex;min-height:46px;min-width:0;align-items:center;gap:var(--us-space-2);margin:0;padding:0 var(--us-space-3);border:1px solid var(--us-border);border-radius:var(--us-radius-md);background:color-mix(in srgb,var(--us-bg-panel) 86%,transparent);color:var(--us-text-muted)}.search input{width:100%;min-width:0;min-height:44px;padding:9px 0;border:0;outline:0;background:transparent;box-shadow:none}.search input:focus{box-shadow:none}.conversation-card{display:grid;min-height:68px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--us-space-3);padding:var(--us-space-3);border:1px solid transparent;border-radius:var(--us-radius-lg);text-align:left;transition:background var(--us-duration-fast) ease,border-color var(--us-duration-fast) ease}.conversation-card:hover{border-color:var(--us-border);background:var(--us-bg-hover)}.conversation-card.active{border-color:var(--us-primary-soft);background:linear-gradient(120deg,var(--us-bg-selected),var(--us-bg-panel))}.conversation-card>span:nth-child(2){display:grid;min-width:0;gap:var(--us-space-1)}.conversation-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-card small{overflow:hidden;color:var(--us-text-muted);font-size:var(--us-type-xs);text-overflow:ellipsis;white-space:nowrap}.side-nav{display:grid;gap:var(--us-space-1);margin-top:var(--us-space-2);padding-top:var(--us-space-3);border-top:1px solid var(--us-border)}.side-nav button{display:flex;min-height:46px;min-width:0;align-items:center;gap:var(--us-space-3);padding:0 var(--us-space-3);border-radius:var(--us-radius-md);color:var(--us-text-secondary);text-align:left;transition:background var(--us-duration-fast) ease,color var(--us-duration-fast) ease}.side-nav button:hover,.side-nav button.active{background:var(--us-bg-hover);color:var(--us-text)}.side-nav button.active{box-shadow:inset 3px 0 var(--us-primary)}.side-nav svg{width:20px;height:20px;color:var(--us-primary-hover)}.side-nav button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-status{display:flex;min-height:24px;align-items:center;gap:var(--us-space-2);margin-top:auto;padding:var(--us-space-3) var(--us-space-2) 0;color:var(--us-text-muted);font-size:var(--us-type-xs)}.status-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--us-success);box-shadow:0 0 12px color-mix(in srgb,var(--us-success) 60%,transparent)}.main-panel,.chat,.settings-page{min-width:0;height:100%}.main-panel{position:relative;overflow:hidden}.chat,.settings-page{display:flex;flex-direction:column;background:var(--us-chat-glow),var(--us-bg)}.chat{position:relative;isolation:isolate}.chat:before,.chat:after{position:absolute;z-index:0;inset:0;pointer-events:none;content:""}.chat:before{background-position:center;background-size:cover;filter:blur(var(--us-wallpaper-blur, 0px));opacity:.9;transform:scale(1.04)}.chat:after{background:var(--us-wallpaper-dim-color);opacity:var(--us-wallpaper-dim, .35)}.chat>*{position:relative;z-index:1}.chat.wallpaper-aurora:before{background-image:var(--us-wallpaper-aurora)}.chat.wallpaper-midnight:before{background:var(--us-wallpaper-midnight)}.chat.wallpaper-marble:before{background-image:var(--us-marble-image);opacity:.3}.chat.wallpaper-plum:before{background-image:var(--us-wallpaper-plum)}.chat.wallpaper-ocean:before{background-image:var(--us-wallpaper-ocean)}.chat.wallpaper-solid:before{background:var(--us-wallpaper-solid)}.chat.wallpaper-gradient:before{background-image:var(--us-wallpaper-gradient)}.chat.wallpaper-uploaded:before{background-image:var(--us-wallpaper-aurora)}.chat-header{z-index:3;display:flex;height:var(--us-header-height);min-height:var(--us-header-height);flex:none;align-items:center;gap:var(--us-space-3);overflow:hidden;padding:env(safe-area-inset-top) var(--us-space-6) 0;border-bottom:1px solid var(--us-border);background:color-mix(in srgb,var(--us-bg-elevated) 91%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-title{display:grid;min-width:0;flex:1;gap:var(--us-space-1)}.header-title h1{margin:0;font-size:var(--us-type-md);font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title small{overflow:hidden;color:var(--us-success);font-size:var(--us-type-xs);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.header-actions{display:flex;flex:none;align-items:center;gap:var(--us-space-1)}.mobile-header-brand{display:none;flex:none;align-items:center}.mobile-back{display:none}.timeline{display:flex;min-height:0;flex:1;flex-direction:column;gap:var(--us-space-1);overflow:auto;padding:var(--us-space-6) clamp(18px,6vw,84px) var(--us-space-4);overscroll-behavior:contain;scroll-padding-bottom:var(--us-space-6);-webkit-overflow-scrolling:touch;scrollbar-color:var(--us-border-strong) transparent;scrollbar-width:thin}.timeline-bottom-anchor{width:1px;height:1px;flex:none;pointer-events:none}.encryption-strip,.notice{display:flex;align-items:flex-start;gap:var(--us-space-3);padding:var(--us-space-4);border:1px solid var(--us-border);border-radius:var(--us-radius-lg);background:color-mix(in srgb,var(--us-primary-soft) 48%,var(--us-bg-panel))}.encryption-strip{align-self:center;width:min(100%,640px);margin-bottom:var(--us-space-4);color:var(--us-accent)}.encryption-strip span,.notice span{display:grid;min-width:0;gap:var(--us-space-1)}.encryption-strip strong,.notice strong{color:var(--us-text);font-size:var(--us-type-sm)}.encryption-strip small,.notice small{color:var(--us-text-secondary);font-size:var(--us-type-xs);line-height:1.45}.notice{margin-bottom:var(--us-space-3);color:var(--us-primary-hover)}.date-pill{align-self:center;margin:var(--us-space-4) 0 var(--us-space-3);padding:7px 12px;border:1px solid var(--us-border);border-radius:var(--us-radius-pill);background:color-mix(in srgb,var(--us-bg-panel) 90%,transparent);color:var(--us-text-muted);font-size:var(--us-type-xs)}.bubble{position:relative;min-width:0;max-width:min(72%,600px);margin:3px 0;padding:12px 14px 7px;border:1px solid transparent;border-radius:var(--us-radius-lg);box-shadow:var(--us-shadow-sm);transition:outline-color var(--us-duration-normal) ease}.bubble:focus-visible{outline:3px solid var(--us-focus-ring);outline-offset:3px}.bubble p{margin:0 0 var(--us-space-2);line-height:1.48;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;border-color:var(--us-message-own-border);border-bottom-right-radius:var(--us-space-1);background:var(--us-message-own)}.bubble.theirs{align-self:flex-start;border-color:var(--us-message-other-border);border-bottom-left-radius:var(--us-space-1);background:var(--us-message-other)}.bubble.undecryptable{border-color:color-mix(in srgb,var(--us-warning) 55%,var(--us-border));background:color-mix(in srgb,var(--us-warning) 8%,var(--us-message-other))}.bubble.undecryptable p{color:var(--us-text-secondary)}.bubble.deleted{border-style:dashed;background:color-mix(in srgb,var(--us-bg-hover) 76%,transparent);box-shadow:none}.bubble.deleted p{color:var(--us-text-muted);font-style:italic}.bubble footer{display:flex;min-width:0;min-height:28px;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--us-space-1);color:var(--us-text-muted);font-size:10px}.bubble.mine footer{color:color-mix(in srgb,var(--us-text) 78%,var(--us-primary))}.bubble footer em{max-width:100%;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.bubble footer time{white-space:nowrap}.jump-highlight{outline:2px solid var(--us-focus-ring);outline-offset:4px}.reply-preview{display:block;width:100%;margin-bottom:var(--us-space-2);padding:6px 8px;border-left:3px solid var(--us-primary-hover);border-radius:var(--us-radius-sm);background:color-mix(in srgb,var(--us-bg-elevated) 28%,transparent);color:var(--us-primary-hover);text-align:left}.reaction-row{display:flex;flex-wrap:wrap;gap:var(--us-space-1);margin-top:var(--us-space-2)}.reaction-row button,.message-actions button,.load-older{min-height:44px;padding:8px 10px;border:1px solid var(--us-border);border-radius:var(--us-radius-sm);background:var(--us-bg-hover);color:var(--us-text-secondary)}.reaction-row .active{border-color:var(--us-primary);outline:2px solid var(--us-primary-soft)}.message-actions{position:absolute;z-index:8;right:0;bottom:calc(100% + 6px);display:flex;max-width:min(320px,calc(100vw - 32px));gap:var(--us-space-1);overflow:auto;scrollbar-width:thin;flex-wrap:wrap;padding:6px;border:1px solid var(--us-border-strong);border-radius:var(--us-radius-md);background:var(--us-bg-elevated);box-shadow:var(--us-shadow-md)}.message-menu-trigger{display:grid;width:44px;min-width:44px;height:44px;place-items:center;border-radius:var(--us-radius-sm);color:var(--us-text-muted)}.message-menu-trigger:hover{background:var(--us-bg-hover);color:var(--us-text)}.message-menu-trigger:focus-visible{outline-offset:1px}.load-older{align-self:center;margin:var(--us-space-2) auto}.typing{display:flex;width:54px;height:36px;align-items:center;gap:4px;margin-top:var(--us-space-1);padding:0 13px;border:1px solid var(--us-message-other-border);border-radius:var(--us-radius-lg) var(--us-radius-lg) var(--us-radius-lg) var(--us-space-1);background:var(--us-message-other)}.typing span{width:5px;height:5px;border-radius:50%;background:var(--us-text-muted)}.chat-error{margin:0;padding:var(--us-space-3) var(--us-space-6);background:color-mix(in srgb,var(--us-danger) 24%,var(--us-bg-panel));color:var(--us-danger);overflow-wrap:anywhere}.message-attachment{display:grid;min-width:0;gap:var(--us-space-1)}.message-attachment strong{overflow-wrap:anywhere}.message-attachment small{color:var(--us-text-muted);font-size:var(--us-type-xs)}.message-attachment p{margin:var(--us-space-2) 0 0;color:var(--us-danger);font-size:var(--us-type-sm);line-height:1.4}.message-attachment img,.message-attachment video{display:block;width:min(100%,360px);max-height:320px;border-radius:var(--us-radius-md);object-fit:cover}.message-attachment audio{width:min(100%,300px)}.message-attachment button,.message-attachment a,.transfer-state button{display:inline-flex;min-height:36px;align-items:center;padding:6px 9px;border-radius:var(--us-radius-sm);width:max-content;color:var(--us-accent);font-size:var(--us-type-xs);text-decoration:none}.message-attachment button,.transfer-state button{border:1px solid color-mix(in srgb,var(--us-accent) 35%,var(--us-border))}.message-attachment button:hover,.transfer-state button:hover{background:color-mix(in srgb,var(--us-accent) 10%,transparent)}.composer-wrap{flex:none;padding:var(--us-space-3) max(var(--us-space-4),env(safe-area-inset-right)) max(var(--us-space-4),env(safe-area-inset-bottom)) max(var(--us-space-4),env(safe-area-inset-left));border-top:1px solid color-mix(in srgb,var(--us-border) 72%,transparent);background:color-mix(in srgb,var(--us-bg) 94%,transparent)}.composer-wrap.drop-active .composer{border-color:var(--us-primary-hover);box-shadow:0 0 0 2px var(--us-primary-soft),var(--us-shadow-md)}.drop-prompt{width:min(100%,980px);margin:0 auto var(--us-space-2);padding:var(--us-space-2) var(--us-space-3);border-radius:var(--us-radius-md);background:var(--us-primary-soft);color:var(--us-primary-hover);font-size:var(--us-type-xs);font-weight:650;text-align:center}.compose-context{display:flex;width:min(100%,980px);align-items:center;justify-content:space-between;gap:var(--us-space-3);margin:0 auto var(--us-space-2);padding:var(--us-space-2) var(--us-space-3);border-left:3px solid var(--us-primary);border-radius:var(--us-radius-sm);background:var(--us-primary-soft)}.compose-context span{display:grid;min-width:0;gap:var(--us-space-1)}.compose-context small{max-width:60vw;overflow:hidden;color:var(--us-text-muted);text-overflow:ellipsis;white-space:nowrap}.composer{display:flex;width:min(100%,980px);min-height:60px;align-items:center;gap:var(--us-space-1);margin:0 auto;padding:8px;border:1px solid var(--us-border-strong);border-radius:var(--us-radius-xl);background:var(--us-bg-panel);box-shadow:var(--us-shadow-md)}.composer textarea{width:100%;min-width:0;min-height:44px;height:44px;max-height:var(--us-composer-max-height);flex:1;overflow-y:hidden;resize:none;padding:11px 10px;border:0;background:transparent;box-shadow:none}.composer textarea:focus{box-shadow:none}.composer .icon-button{width:var(--us-control-size);min-width:var(--us-control-size);height:var(--us-control-size);align-self:center;border-radius:var(--us-radius-md)}.composer .icon-button svg,.composer .send-button svg{width:20px;height:20px}.send-button{display:grid;width:var(--us-control-size);min-width:var(--us-control-size);height:var(--us-control-size);flex:none;place-items:center;border-radius:var(--us-radius-md);background:var(--us-primary-gradient);color:var(--us-on-primary);transition:filter var(--us-duration-fast) ease}.send-button:hover{filter:brightness(1.08)}.send-button:active{filter:brightness(.96)}.composer-status{display:flex;width:min(100%,980px);min-height:24px;align-items:center;justify-content:flex-end;margin:0 auto;padding:var(--us-space-1) 4px 0}.transfer-state{display:flex;width:min(100%,980px);align-items:center;justify-content:flex-end;gap:var(--us-space-3);margin:0 auto;padding:var(--us-space-2) 4px 0;color:var(--us-text-muted);font-size:var(--us-type-xs)}.search-results{max-height:240px;overflow:auto;border:1px solid var(--us-border);border-radius:var(--us-radius-md);background:var(--us-bg-elevated)}.search-results button{display:grid;width:100%;min-height:var(--us-control-size);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--us-space-2);padding:10px;border-bottom:1px solid var(--us-border);color:var(--us-text);text-align:left}.search-results button:last-child{border-bottom:0}.search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results time{color:var(--us-text-muted);font-size:var(--us-type-xs)}.context-panel{display:flex;min-width:0;flex-direction:column;overflow:hidden;border-left:1px solid var(--us-border);background:var(--us-bg-sidebar)}.context-panel-header{display:flex;min-height:var(--us-header-height);align-items:center;justify-content:space-between;gap:var(--us-space-3);padding:env(safe-area-inset-top) var(--us-space-5) 0;border-bottom:1px solid var(--us-border)}.context-panel-header h2{margin:0;font-size:var(--us-type-lg)}.context-panel-body{overflow:auto;overflow-x:hidden;padding:var(--us-space-6) var(--us-space-5) var(--us-space-8);scrollbar-color:var(--us-border-strong) transparent;scrollbar-width:thin}.context-profile{display:grid;justify-items:center;gap:var(--us-space-2);padding-bottom:var(--us-space-5);text-align:center}.context-profile h3{margin:var(--us-space-2) 0 0;font-size:var(--us-type-lg)}.context-profile p{margin:0;color:var(--us-text-muted);font-size:var(--us-type-xs)}.status-badge{display:inline-flex;min-height:25px;align-items:center;padding:4px 9px;border-radius:var(--us-radius-pill);font-size:var(--us-type-xs);font-weight:600}.status-badge.success{background:color-mix(in srgb,var(--us-success) 16%,transparent);color:var(--us-success)}.status-badge.muted{background:var(--us-bg-hover);color:var(--us-text-muted)}.context-call-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--us-space-2);padding:var(--us-space-4) 0;border-top:1px solid var(--us-border);border-bottom:1px solid var(--us-border)}.context-call-actions button{display:grid;min-height:68px;place-items:center;gap:var(--us-space-1);padding:var(--us-space-2);border-radius:var(--us-radius-md);background:var(--us-bg-hover);color:var(--us-primary-hover);font-size:var(--us-type-xs)}.context-call-actions button:hover{background:var(--us-bg-selected)}.context-call-actions svg,.content-icon svg,.call-controls svg,.camera-modal footer button:not(.shutter) svg,.viewer footer svg{width:20px;height:20px}.context-section{display:grid;gap:var(--us-space-2);padding:var(--us-space-5) 0 0}.context-section .section-label{margin-bottom:0}.context-security{display:flex;align-items:flex-start;gap:var(--us-space-3);padding:var(--us-space-3);border-radius:var(--us-radius-md);background:var(--us-primary-soft);color:var(--us-primary-hover)}.context-security>div{display:grid;gap:var(--us-space-1)}.context-security strong{color:var(--us-text);font-size:var(--us-type-sm)}.context-security small{color:var(--us-text-muted);font-size:var(--us-type-xs);line-height:1.45}.context-link{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:var(--us-space-3);padding:0 var(--us-space-2);border-bottom:1px solid var(--us-border);color:var(--us-text-secondary);text-align:left}.context-link:hover{color:var(--us-text)}.context-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-link svg{color:var(--us-text-muted)}.settings-content{width:min(100%,760px);margin:0 auto;padding:var(--us-space-7) var(--us-space-6) 80px;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.settings-connection-status{display:flex;width:min(100%,760px);min-height:24px;align-items:center;justify-content:flex-end;margin:0 auto;padding:var(--us-space-1) var(--us-space-6) 0}.profile-hero{display:grid;justify-items:center;margin:var(--us-space-2) 0 var(--us-space-8);text-align:center}.profile-hero h2{margin:var(--us-space-3) 0 var(--us-space-1)}.profile-hero p{margin:0;color:var(--us-text-muted);font-size:var(--us-type-sm)}.settings-card{margin-bottom:var(--us-space-4);padding:var(--us-space-5);border:1px solid var(--us-border);border-radius:var(--us-radius-lg);background:color-mix(in srgb,var(--us-bg-panel) 94%,transparent)}.settings-card h3{margin:0;font-size:var(--us-type-lg)}.settings-card>.setting-row{border-top:1px solid var(--us-border)}.settings-card p{margin-bottom:var(--us-space-2)}.settings-card label{line-height:1.35}.settings-card label small{color:var(--us-text-muted);line-height:1.4}.settings-card>button:disabled:not(.primary):not(.danger){min-height:var(--us-control-size);padding:0 14px;border:1px solid var(--us-border);border-radius:var(--us-radius-md);background:var(--us-bg-hover);color:var(--us-text-muted);text-align:left}.theme-card{grid-template-columns:minmax(0,1fr) minmax(150px,200px);align-items:end}.theme-card .muted{margin:var(--us-space-2) 0 0;font-size:var(--us-type-sm)}.pwa-card .muted{margin:var(--us-space-2) 0 var(--us-space-4);font-size:var(--us-type-sm)}.pwa-state,.pwa-footnote{color:var(--us-text-muted);font-size:var(--us-type-sm);line-height:1.45}.pwa-state{margin-bottom:var(--us-space-3)}.pwa-footnote{display:block;margin-top:var(--us-space-4)}.notification-card .muted{margin:var(--us-space-2) 0 var(--us-space-4);font-size:var(--us-type-sm)}.notification-card .setting-row>span{display:grid;min-width:0;gap:var(--us-space-1)}.notification-card .setting-row>span small{color:var(--us-text-muted);font-size:var(--us-type-xs);line-height:1.4}.notification-help{margin:0;padding:var(--us-space-3);border-radius:var(--us-radius-md);background:color-mix(in srgb,var(--us-warning) 13%,transparent);color:var(--us-text-secondary);font-size:var(--us-type-sm);line-height:1.45}.install-guidance{display:grid;gap:var(--us-space-2);margin:0 0 var(--us-space-3);padding-left:var(--us-space-5);color:var(--us-text-secondary);font-size:var(--us-type-sm);line-height:1.45}.link-list{gap:0}.link-list button{display:flex;min-height:52px;align-items:center;gap:var(--us-space-3);padding:var(--us-space-3) 0;border-bottom:1px solid var(--us-border);color:var(--us-text-secondary);text-align:left}.link-list button:last-child{border-bottom:0}.link-list button svg:last-child{margin-left:auto;color:var(--us-text-muted)}.device-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:var(--us-space-3);padding:var(--us-space-4) 0;border-bottom:1px solid var(--us-border)}.device-row:last-child{border-bottom:0}.device-row>div:nth-child(2){display:grid;min-width:0;flex:1;gap:var(--us-space-1)}.device-row>.danger,.device-row>.primary{justify-self:end}.device-actions{display:grid;justify-items:end;gap:var(--us-space-2)}.device-row small{color:var(--us-text-muted);font-size:var(--us-type-xs);line-height:1.4}.device-icon{display:grid;width:46px;height:46px;flex:none;place-items:center;border-radius:var(--us-radius-md);background:var(--us-bg-hover);color:var(--us-accent);font-size:22px}.device-session-state{color:var(--us-success);font-size:var(--us-type-xs)}.backup-hero{display:flex;align-items:center;gap:var(--us-space-4);margin-bottom:var(--us-space-4);padding:var(--us-space-6);border:1px solid var(--us-border-strong);border-radius:var(--us-radius-xl);background:var(--us-primary-gradient);color:var(--us-on-primary)}.backup-hero>svg{width:34px;height:34px}.backup-hero div{flex:1}.backup-hero p{margin:0;opacity:.82}.backup-hero strong{font-size:var(--us-type-xl)}.switch{display:flex!important;min-height:44px;align-items:center}.switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.switch span{display:block;width:48px;height:27px;padding:3px;border-radius:var(--us-radius-pill);background:color-mix(in srgb,var(--us-text-muted) 58%,var(--us-bg))}.switch span:before{display:block;width:21px;height:21px;border-radius:50%;background:var(--us-on-primary);content:"";transition:transform var(--us-duration-normal) ease}.switch input:checked+span{background:var(--us-primary)}.switch input:checked+span:before{transform:translate(21px)}.switch input:focus-visible+span{outline:3px solid var(--us-focus-ring);outline-offset:3px}input[type=range]{width:100%;accent-color:var(--us-primary)}.setting-row{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:var(--us-space-4);padding:var(--us-space-2) 0;color:var(--us-text-muted)}.setting-row>select{width:min(100%,240px);flex:0 1 240px}.setting-row strong{max-width:62%;overflow-wrap:anywhere;color:var(--us-text);font-size:var(--us-type-sm);text-align:right}.empty-state{padding:var(--us-space-8) var(--us-space-4);color:var(--us-text-muted);text-align:center}.wallpaper-preview{position:relative;isolation:isolate;overflow:hidden;display:grid;height:250px;place-items:center;margin-bottom:var(--us-space-4);border:1px solid var(--us-border);border-radius:var(--us-radius-xl);background:var(--us-bg)}.wallpaper-preview:before,.wallpaper-preview:after{position:absolute;z-index:0;inset:0;pointer-events:none;content:""}.wallpaper-preview:before{background-position:center;background-size:cover;filter:blur(var(--us-wallpaper-blur, 0px));opacity:.9;transform:scale(1.04)}.wallpaper-preview:after{background:var(--us-wallpaper-dim-color);opacity:var(--us-wallpaper-dim, .35)}.wallpaper-preview.wallpaper-aurora:before{background-image:var(--us-wallpaper-aurora)}.wallpaper-preview.wallpaper-midnight:before{background:var(--us-wallpaper-midnight)}.wallpaper-preview.wallpaper-marble:before{background-image:var(--us-marble-image);opacity:.3}.wallpaper-preview.wallpaper-plum:before{background-image:var(--us-wallpaper-plum)}.wallpaper-preview.wallpaper-ocean:before{background-image:var(--us-wallpaper-ocean)}.wallpaper-preview.wallpaper-solid:before{background:var(--us-wallpaper-solid)}.wallpaper-preview.wallpaper-gradient:before{background-image:var(--us-wallpaper-gradient)}.wallpaper-preview.wallpaper-uploaded:before{background-image:var(--us-wallpaper-aurora)}.mini-bubble{position:relative;z-index:1;padding:var(--us-space-3) 15px;border-radius:var(--us-radius-lg) var(--us-radius-lg) var(--us-space-1) var(--us-radius-lg);background:var(--us-message-own)}.wallpaper-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--us-space-2)}.wallpaper-grid button{min-height:44px;aspect-ratio:1;border:2px solid transparent;border-radius:var(--us-radius-md)}.wallpaper-grid button:hover,.wallpaper-grid .selected{border-color:var(--us-text)}.aurora{background:var(--us-wallpaper-aurora)}.midnight{background:var(--us-wallpaper-midnight)}.plum{background:var(--us-wallpaper-plum)}.ocean{background:var(--us-wallpaper-ocean)}.solid{background:var(--us-wallpaper-solid)}.gradient{background:var(--us-wallpaper-gradient)}.marble{background-image:var(--us-marble-image);background-position:center;background-size:cover}.wallpaper-note{color:var(--us-text-muted);font-size:var(--us-type-xs);line-height:1.45}.tabs{display:flex;gap:var(--us-space-1);overflow:auto;padding:var(--us-space-2) var(--us-space-5) 0;border-bottom:1px solid var(--us-border);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{min-height:48px;padding:13px 15px;border-bottom:2px solid transparent;color:var(--us-text-muted);white-space:nowrap}.tabs button.active{border-color:var(--us-primary);color:var(--us-text)}.shared-content{display:flex;min-height:0;flex:1;flex-direction:column}.shared-body{min-height:0;overflow:auto;overflow-x:hidden;padding:var(--us-space-6);scrollbar-color:var(--us-border-strong) transparent;scrollbar-width:thin}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--us-space-2)}.media-grid button{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--us-border);border-radius:var(--us-radius-md);background:var(--us-bg-panel);color:var(--us-text-secondary)}.media-grid button:hover{border-color:var(--us-primary)}.media-grid button>svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-grid small{position:absolute;bottom:7px;left:8px;color:var(--us-text-secondary);font-size:9px}.filter-row{display:flex;min-width:0;gap:var(--us-space-3)}.filter-row .search{flex:1;margin:0}.filter-row>select{width:min(100%,160px);flex:0 1 160px}.content-list{display:grid;margin-top:var(--us-space-4)}.content-row{display:flex;align-items:center;gap:var(--us-space-3);padding:var(--us-space-4) var(--us-space-2);border-bottom:1px solid var(--us-border)}.content-row>div:nth-child(2){display:grid;min-width:0;flex:1;gap:var(--us-space-1)}.content-row>div:nth-child(2)>*{min-width:0;max-width:100%}.content-row strong,.content-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-row small{color:var(--us-text-muted);font-size:var(--us-type-xs)}.content-icon{display:grid;width:44px;height:44px;flex:none;place-items:center;border-radius:var(--us-radius-md);background:var(--us-bg-hover);color:var(--us-primary-hover)}.content-row>button{display:grid;width:44px;height:44px;place-items:center;color:var(--us-text-muted)}.content-row a,.content-row audio,.content-row button:not(:last-child){max-width:100%;color:var(--us-accent);font-size:var(--us-type-xs)}.content-row a{display:inline-flex;min-height:36px;align-items:center;padding:4px 8px;border-radius:var(--us-radius-sm)}.content-row a:hover{background:color-mix(in srgb,var(--us-accent) 10%,transparent)}.call-surface{position:fixed;z-index:12;top:max(82px,calc(env(safe-area-inset-top) + 74px));right:var(--us-space-6);width:min(440px,calc(100vw - 48px));padding:var(--us-space-5);border:1px solid var(--us-border-strong);border-radius:var(--us-radius-xl);background:color-mix(in srgb,var(--us-bg-elevated) 96%,transparent);box-shadow:var(--us-shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.call-surface.video{width:min(720px,calc(100vw - 48px))}.call-surface-head{display:flex;align-items:center;gap:var(--us-space-3)}.call-surface-head>div:nth-child(2){display:grid;min-width:0;flex:1;gap:var(--us-space-1)}.call-surface-head small,.call-status,.call-surface-meta{color:var(--us-text-muted);font-size:var(--us-type-xs)}.call-status{color:var(--us-success)}.call-status.disconnected{color:var(--us-warning)}.call-status.failed{color:var(--us-danger)}.call-video-stage{position:relative;min-height:240px;overflow:hidden;margin:var(--us-space-4) 0 var(--us-space-2);border-radius:var(--us-radius-lg);background:var(--us-bg)}.call-remote-video{display:grid;min-height:240px;place-items:center;color:var(--us-text-muted)}.call-remote-video video{width:100%;height:100%;min-height:240px;object-fit:cover}.call-local-video{position:absolute;right:var(--us-space-3);bottom:var(--us-space-3);width:120px;aspect-ratio:3 / 4;border:2px solid color-mix(in srgb,var(--us-text) 72%,transparent);border-radius:var(--us-radius-md);background:var(--us-bg-panel);object-fit:cover;transform:scaleX(-1)}.call-surface-meta{display:flex;min-height:20px;justify-content:center;gap:var(--us-space-3)}.call-device-picker{margin-top:var(--us-space-3);color:var(--us-text-muted);font-size:var(--us-type-xs)}.call-device-picker summary{display:flex;min-height:44px;align-items:center;justify-content:center;cursor:pointer;text-align:center}.call-device-picker label{display:grid;gap:var(--us-space-1);margin-top:var(--us-space-2)}.call-device-picker select{min-height:38px;padding:0 8px}.call-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--us-space-2);margin-top:var(--us-space-3)}.call-controls .primary,.call-controls .danger,.call-controls .control{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:var(--us-radius-md)}.call-controls .control{background:var(--us-bg-hover);color:var(--us-text-secondary)}.call-controls .control.active{background:color-mix(in srgb,var(--us-danger) 16%,var(--us-bg-hover));color:var(--us-danger)}.call-row .call-result{color:var(--us-text-muted);font-size:var(--us-type-xs)}.call-result.missed,.call-result.declined,.call-result.failed,.call-result.busy{color:var(--us-danger)}.call-result.answered,.call-result.ended{color:var(--us-success)}.modal-backdrop,.viewer{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:auto;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:var(--us-overlay);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.camera-modal{display:flex;max-height:100%;flex-direction:column;width:min(92vw,520px);overflow:hidden;border:1px solid var(--us-border-strong);border-radius:var(--us-radius-xl);background:var(--us-bg-elevated);box-shadow:var(--us-shadow-lg)}.camera-modal header,.viewer header{display:flex;height:62px;align-items:center;justify-content:space-between;padding:0 var(--us-space-4);border-bottom:1px solid var(--us-border)}.camera-stage{display:grid;min-height:180px;flex:1;height:min(64vh,580px);place-items:center;background:var(--us-bg)}.camera-stage video,.camera-stage img{width:100%;height:100%;object-fit:cover}.camera-error{padding:30px;color:var(--us-text-muted);text-align:center}.camera-modal footer,.viewer footer{display:flex;align-items:center;justify-content:space-around;gap:var(--us-space-3);padding:var(--us-space-4);border-top:1px solid var(--us-border)}.camera-modal footer button,.viewer footer button{display:flex;min-height:44px;align-items:center;gap:7px}.camera-export-actions{display:flex;justify-content:center;gap:var(--us-space-4);padding:0 var(--us-space-4) var(--us-space-2)}.camera-export-actions a,.camera-export-actions button{min-height:44px;padding:10px 12px;color:var(--us-accent);font-size:var(--us-type-sm);text-decoration:none}.shutter{width:62px!important;height:62px!important;min-height:62px!important;border:5px solid var(--us-on-primary)!important;border-radius:50%;background:var(--us-shutter-fill)}.camera-modal>.fine-print{justify-content:center;padding:0 var(--us-space-4) var(--us-space-4);text-align:center}.viewer{display:flex;flex-direction:column}.viewer header,.viewer footer{width:100%}.viewer header>div{display:grid;gap:var(--us-space-1)}.viewer header small{color:var(--us-text-muted)}.viewer-media{display:grid;width:min(90vw,900px);min-height:0;flex:1;place-items:center;margin:auto;border-radius:var(--us-radius-lg)}.viewer-media img,.viewer-media video{max-width:100%;max-height:76vh;object-fit:contain}.viewer-prev,.viewer-next{position:absolute;top:50%;width:52px;height:52px;color:var(--us-text);font-size:52px;transform:translateY(-50%)}.viewer-prev{left:20px}.viewer-next{right:20px}.mobile-navigation{display:none}@media(max-width:1100px)and (min-width:761px){.app-shell{grid-template-columns:248px minmax(0,1fr)}.app-shell.context-open{grid-template-columns:248px minmax(0,1fr) 300px}.media-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px)and (min-width:761px){.app-shell.context-open{grid-template-columns:248px minmax(0,1fr)}.app-shell.context-open .context-panel{position:fixed;z-index:15;top:0;right:0;bottom:0;width:min(360px,100vw)}.app-shell.context-open .context-panel-header{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--us-space-3) 0}.app-shell.context-open .context-panel-body{padding:var(--us-space-6) var(--us-space-4) var(--us-space-8)}}@media(max-width:760px){:root{--us-mobile-nav-height: 68px;--us-composer-max-height: 120px}body{overflow:hidden}.app-shell,.app-shell.context-open{display:block;height:100dvh;min-height:100svh}.sidebar{display:none}.main-panel,.chat,.settings-page{height:100dvh}.chat-header{height:calc(64px + env(safe-area-inset-top));min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--us-space-3) 0}.chat-header .avatar{width:38px;height:38px}.mobile-header-brand{display:flex}.mobile-header-brand .brand-logo{max-height:30px}.mobile-header-brand .brand-mark{width:30px;height:30px}.mobile-back{display:grid}.header-actions{gap:0}.header-title h1{font-size:var(--us-type-sm)}.timeline{padding:var(--us-space-4) 10px var(--us-space-3)}.encryption-strip{margin-bottom:var(--us-space-2);padding:var(--us-space-3)}.bubble{max-width:88%;font-size:14px}.composer-wrap{padding:var(--us-space-3) max(10px,env(safe-area-inset-right)) calc(var(--us-mobile-nav-height) + max(12px,env(safe-area-inset-bottom))) max(10px,env(safe-area-inset-left))}.drop-prompt,.compose-context,.composer,.composer-status,.transfer-state{width:100%;margin-right:0;margin-left:0}.composer{gap:2px;padding:6px;border-radius:var(--us-radius-lg)}.composer .icon-button{width:44px;min-width:44px}.composer textarea{min-height:44px;max-height:120px;padding-right:4px;padding-left:4px}.send-button{width:var(--us-control-size);min-width:var(--us-control-size);height:var(--us-control-size)}.composer-status{min-height:22px;padding-right:4px}.transfer-state{padding-right:4px}.settings-content{padding:var(--us-space-5) 14px calc(var(--us-mobile-nav-height) + 32px)}.settings-connection-status{padding-right:14px;padding-left:14px}.settings-card{padding:var(--us-space-4)}.settings-page .chat-header{padding-left:8px}.theme-card{grid-template-columns:1fr;align-items:stretch}.setting-row{align-items:flex-start;flex-direction:column;gap:var(--us-space-1)}.setting-row>select,.filter-row>select{width:100%;flex:1 1 auto}.setting-row strong{text-align:left}.media-grid{grid-template-columns:repeat(3,1fr)}.shared-body{padding:var(--us-space-3)}.tabs{padding-right:8px;padding-left:8px}.filter-row{display:grid}.wallpaper-grid{grid-template-columns:repeat(3,1fr)}.device-row{align-items:flex-start;grid-template-columns:46px minmax(0,1fr)}.device-row .primary,.device-row .danger{grid-column:2;justify-self:start;margin:0}.device-actions{grid-column:2;justify-items:start}.device-actions .danger{grid-column:auto}.mobile-navigation{position:fixed;z-index:9;right:0;bottom:0;left:0;display:grid;height:calc(var(--us-mobile-nav-height) + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);padding:6px 6px env(safe-area-inset-bottom);border-top:1px solid var(--us-border);background:color-mix(in srgb,var(--us-bg-sidebar) 96%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-navigation button{display:grid;min-width:44px;min-height:44px;place-items:center;gap:2px;border-radius:var(--us-radius-md);color:var(--us-text-muted);font-size:10px}.mobile-navigation button.active{background:var(--us-primary-soft);color:var(--us-primary-hover)}.mobile-navigation svg{width:20px;height:20px}.context-panel{position:fixed;z-index:15;inset:0;width:100%;border-left:0}.context-panel-header{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--us-space-3) 0}.context-panel-body{padding:var(--us-space-6) var(--us-space-4) calc(var(--us-mobile-nav-height) + var(--us-space-8))}.call-surface,.call-surface.video{top:calc(env(safe-area-inset-top) + 72px);right:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 84px);overflow:auto}.call-video-stage,.call-remote-video,.call-remote-video video{min-height:220px}.camera-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.camera-modal footer{flex-wrap:wrap;gap:4px;padding:var(--us-space-3)}.viewer-prev,.viewer-next{width:44px;height:44px;font-size:40px}.viewer-prev{left:4px}.viewer-next{right:4px}.auth-card{padding:26px;border-radius:var(--us-radius-xl)}.auth-page{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.composer-status .connection-indicator{min-height:20px}.pwa-update-notice{width:calc(100vw - 20px);gap:var(--us-space-2)}}@media(max-width:760px)and (orientation:landscape){:root{--us-mobile-nav-height: 56px}.chat-header{height:calc(56px + env(safe-area-inset-top))}.camera-stage{height:min(52dvh,360px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.primary:active{transform:none}}:root{--us-duration-panel: .28s;--us-ease-standard: cubic-bezier(.4, 0, .2, 1);--us-ease-enter: cubic-bezier(.16, 1, .3, 1);--us-ease-exit: cubic-bezier(.4, 0, 1, 1);--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:translate(-3px,6px)}to{opacity:1;transform:translate(0)}}@keyframes us-message-out{0%{opacity:0;transform:translate(3px,6px)}to{opacity:1;transform:translate(0)}}@keyframes us-drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes us-typing-dot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.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{animation:us-enter var(--us-duration-normal) var(--us-ease-enter)}.brand-logo,.brand-mark{animation:us-scale-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.mine{animation-name:us-message-out}.bubble footer>svg,.bubble footer>span[aria-label],.reaction-row button{animation:us-scale-enter var(--us-duration-fast) var(--us-ease-enter)}.reaction-count{display:inline-block;animation:us-fade var(--us-duration-fast) var(--us-ease-enter)}.message-actions,.camera-modal,.voice-modal{transform-origin:center;animation:us-scale-enter var(--us-duration-normal) var(--us-ease-enter)}.modal-backdrop,.viewer{animation:us-fade var(--us-duration-fast) var(--us-ease-enter)}.typing{opacity:0;transform:translateY(3px);pointer-events:none;transition:opacity var(--us-duration-fast) var(--us-ease-standard),transform var(--us-duration-fast) var(--us-ease-standard)}.typing[data-active=true]{opacity:1;transform:translateY(0)}.typing[data-active=true] span{animation:us-typing-dot var(--us-typing-cycle) var(--us-ease-standard) infinite}.typing span:nth-child(2){animation-delay:var(--us-duration-fast)}.typing span:nth-child(3){animation-delay:calc(var(--us-duration-fast) * 2)}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),transform var(--us-duration-fast) var(--us-ease-enter)}button:active:not(:disabled){transform:scale(.97)}.composer:focus-within{border-color:var(--us-primary)}button:disabled{transform:none}.conversation-card{transition:background-color var(--us-duration-normal) var(--us-ease-standard)}.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);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(5,minmax(0,1fr));gap:0;padding:var(--us-space-2) 0 0}.tabs:after{content:"";position:absolute;bottom:0;left:0;width:20%;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}.app-shell.context-open{grid-template-columns:minmax(260px,292px) 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}.chat>.wallpaper-layers,.wallpaper-preview>.wallpaper-layers,.wallpaper-layer,.wallpaper-layer>div,.wallpaper-layer:after{position:absolute;inset:0;pointer-events:none}.chat>.wallpaper-layers,.wallpaper-preview>.wallpaper-layers{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;filter:blur(var(--us-layer-blur));transform:scale(1.04);opacity:var(--us-layer-opacity)}.wallpaper-layer:after{content:"";background: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)}.attachment-preview>img,.attachment-preview>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.attachment-preview>img{opacity:0;transition:opacity var(--us-duration-normal) var(--us-ease-enter)}.attachment-preview>img[data-loaded=true]{opacity:1}.viewer-media img{animation:us-fade var(--us-duration-normal) var(--us-ease-enter)}@media(min-width:761px)and (max-width:1100px){.app-shell.context-open{grid-template-columns:248px minmax(0,1fr)}}@media(max-width:760px){.app-shell.context-open{display:block}.context-panel{width:100%}.mobile-navigation:before{content:"";position:absolute;top:6px;left:6px;bottom:calc(6px + env(safe-area-inset-bottom));width:calc((100% - 12px)/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}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:0ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}button:active:not(:disabled),.typing,.context-panel[data-open=false]{transform:none}}