:root{--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-chat: .9375rem;--font-size-emoji-1: 2.75rem;--font-size-emoji-2: 2.2rem;--font-size-emoji-3: 1.85rem;--font-size-emoji-4: 1.55rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--dialog-status-icon-size: 1.125rem;--dialog-item-more-size: 2.25rem;--dialog-context-menu-icon-size: 1.375rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-bubble: 1rem;--radius-full: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .06);--shadow-md: 0 4px 12px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 26.5rem;--sidebar-filter-width: 4.75rem;--breakpoint-mobile: 767px;--chat-pattern-size: 25rem;--message-column-max-width: calc(45rem + 1cm) ;--message-bubble-max-percent: 80%;--message-bubble-max-width: 34rem;--message-photo-max-width: 26rem;--message-photo-max-height: 30rem;--message-photo-bare-max-width: 28rem;--radius-media: .75rem;--color-bg-app: #e8ecf1;--color-bg-panel: #ffffff;--color-bg-chat: #dfe6ed;--color-bg-bubble-in: color-mix(in srgb, var(--color-accent) 8%, #fbfdff);--color-bg-bubble-out: color-mix(in srgb, var(--color-accent) 34%, #f4faff);--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-accent: #3390ec;--color-accent-hover: #2b7fd4;--color-border: #e2e8f0;--color-divider: #e2e8f0;--color-unread-badge: #3390ec;--color-online: #4dcd5e;--color-danger: #e53935;--color-link: #3390ec;--color-overlay: rgb(15 23 42 / .45);--color-hover: rgb(51 144 236 / .08);--color-active-chat: rgb(51 144 236 / .12);--color-bubble-meta-mine: rgb(15 23 42 / .48);--color-bubble-meta-theirs: rgb(15 23 42 / .42);--color-bubble-receipt: var(--color-accent);--photo-preview-overlay-bg: rgb(15 23 42 / .38);--photo-preview-chrome-bg: rgb(255 255 255 / .88);--photo-preview-chrome-blur: blur(16px);--photo-preview-chrome-border: rgb(15 23 42 / .1);--photo-preview-chrome-highlight: rgb(255 255 255 / .65);--photo-preview-chrome-shadow: rgb(15 23 42 / .14);--photo-preview-chrome-glow: color-mix(in srgb, var(--color-accent) 28%, transparent);--photo-preview-chrome-text: #0f172a;--photo-preview-chrome-muted: #475569;--photo-preview-chrome-faint: #64748b;--photo-preview-chrome-btn-bg: color-mix(in srgb, var(--color-accent) 12%, rgb(255 255 255 / .92));--photo-preview-chrome-btn-hover: color-mix(in srgb, var(--color-accent) 18%, rgb(255 255 255 / 1));--photo-preview-control-bg: rgb(255 255 255 / .72);--photo-preview-control-text: var(--color-text-primary);color:var(--color-text-primary);background:var(--color-bg-app);font-family:var(--font-family);line-height:var(--line-height-normal)}[data-theme=dark]{--color-bg-app: #0e1621;--color-bg-panel: #17212b;--color-bg-chat: #0e1621;--color-bg-bubble-in: linear-gradient(180deg, #243040 0%, #1a2836 100%);--color-bg-bubble-out: #2b5278;--color-text-primary: #f5f5f5;--color-text-secondary: #aaaaaa;--color-text-muted: #708499;--color-accent: #6ab2f2;--color-accent-hover: #8bc4f7;--color-border: #242f3d;--color-divider: #242f3d;--color-unread-badge: #6ab2f2;--color-link: #6ab2f2;--color-overlay: rgb(0 0 0 / .55);--color-hover: rgb(106 178 242 / .1);--color-active-chat: rgb(106 178 242 / .15);--color-bubble-meta-mine: rgb(255 255 255 / .68);--color-bubble-meta-theirs: rgb(255 255 255 / .52);--color-bubble-receipt: color-mix(in srgb, var(--color-accent) 45%, white);--photo-preview-overlay-bg: rgb(0 0 0 / .5);--photo-preview-chrome-bg: rgb(18 22 28 / .78);--photo-preview-chrome-border: rgb(255 255 255 / .12);--photo-preview-chrome-highlight: rgb(255 255 255 / .1);--photo-preview-chrome-shadow: rgb(0 0 0 / .28);--photo-preview-chrome-glow: color-mix(in srgb, var(--color-accent) 38%, transparent);--photo-preview-chrome-text: #f8fafc;--photo-preview-chrome-muted: rgb(255 255 255 / .78);--photo-preview-chrome-faint: rgb(255 255 255 / .58);--photo-preview-chrome-btn-bg: color-mix(in srgb, var(--color-accent) 14%, rgb(255 255 255 / .1));--photo-preview-chrome-btn-hover: color-mix(in srgb, var(--color-accent) 22%, rgb(255 255 255 / .18));--photo-preview-control-bg: rgb(255 255 255 / .14);--photo-preview-control-text: #fff}[data-font-size=s]{--font-size-base: .875rem;--font-size-chat: .875rem;--font-size-xs: .625rem;--font-size-emoji-1: 2.35rem;--font-size-emoji-2: 1.95rem;--font-size-emoji-3: 1.65rem;--font-size-emoji-4: 1.4rem}[data-font-size=m]{--font-size-base: .9375rem;--font-size-chat: .9375rem}[data-font-size=l]{--font-size-base: 1rem;--font-size-chat: 1rem;--font-size-xs: .75rem;--font-size-emoji-1: 3.1rem;--font-size-emoji-2: 2.45rem;--font-size-emoji-3: 2rem;--font-size-emoji-4: 1.7rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:767px){:root{--dialog-status-icon-size: 1.25rem;--dialog-item-more-size: 2.5rem;--dialog-context-menu-icon-size: 1.5rem}}[data-palette=simple][data-theme=light]{--color-bg-chat: #f4f8fc;--color-bg-bubble-in: linear-gradient(180deg, #ffffff 0%, #f2f6fa 100%);--color-bg-bubble-out: linear-gradient(160deg, #e3f2fc 0%, #cfe8f9 100%);--color-bubble-meta-mine: rgb(15 23 42 / .52);--color-bubble-receipt: #2563a8;--chat-wallpaper: linear-gradient(180deg, #f4f8fc 0%, #e8f1f8 100%);--color-accent: #3b8fd9;--color-accent-hover: #2f7ec4;--color-link: #2f7ec4;--color-unread-badge: #3b8fd9;--color-hover: rgb(59 143 217 / .1);--color-active-chat: rgb(59 143 217 / .14);--color-bg-app: #eef4f8;--color-bg-panel: #fafcfe;--color-border: #dce6ee;--color-divider: #e4ecf2}[data-palette=simple][data-theme=dark]{--color-bg-chat: #0b1118;--color-bg-bubble-in: linear-gradient(180deg, #1f2a38 0%, #161e2a 100%);--color-bg-bubble-out: linear-gradient(160deg, #3b8fd9 0%, #2f7ec4 100%);--chat-wallpaper: linear-gradient(180deg, #0b1118 0%, #0e1620 100%);--color-accent: #6ab2f2;--color-accent-hover: #8bc4f7;--color-link: #8bc4f7;--color-unread-badge: #3b8fd9;--color-hover: rgb(106 178 242 / .12);--color-active-chat: rgb(106 178 242 / .18);--color-bg-app: #080d12;--color-bg-panel: #0d121a;--color-border: #1a2230;--color-divider: #1a2230}[data-palette=cosmos][data-theme=dark]{--color-bg-chat: #070b12;--color-bg-bubble-in: linear-gradient(180deg, #1f2838 0%, #161e2c 100%);--color-bg-bubble-out: linear-gradient(160deg, #766ac8 0%, #5d9fd8 100%);--chat-wallpaper: url(/patterns/palette/cosmos-dark.svg), linear-gradient(180deg, #070b12 0%, #0a1018 100%);--color-accent: #6ab2f2;--color-accent-hover: #8bc4f7;--color-link: #8bc4f7;--color-unread-badge: #5d9fd8;--color-hover: rgb(106 178 242 / .12);--color-active-chat: rgb(106 178 242 / .18);--color-bg-app: #05080d;--color-bg-panel: #0d121a;--color-border: #1a2230;--color-divider: #1a2230}[data-palette=cosmos][data-theme=light]{--color-bg-chat: #cce8f0;--color-bg-bubble-in: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 6%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 10%, #f7fbff) 100% );--color-bg-bubble-out: linear-gradient( 160deg, color-mix(in srgb, var(--color-accent) 32%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 42%, #f4faff) 100% );--chat-wallpaper: url(/patterns/palette/cosmos-light.svg), linear-gradient(145deg, #dceef8 0%, #bfe8e8 55%, #a8ddd4 100%);--color-accent: #3b8fd9;--color-accent-hover: #2f7ec4;--color-link: #2f7ec4;--color-unread-badge: #3b8fd9;--color-hover: rgb(59 143 217 / .1);--color-active-chat: rgb(59 143 217 / .14);--color-bg-app: #eef4f8;--color-bg-panel: #fafcfe;--color-border: #dce6ee;--color-divider: #e4ecf2}[data-palette=confident][data-theme=dark]{--color-bg-chat: #08110f;--color-bg-bubble-in: linear-gradient(180deg, #1c2e2c 0%, #142420 100%);--color-bg-bubble-out: linear-gradient(160deg, #2db4a7 0%, #1e8fa8 100%);--chat-wallpaper: url(/patterns/palette/confident-dark.svg), linear-gradient(180deg, #08110f 0%, #0a1614 100%);--color-accent: #3dccc0;--color-accent-hover: #5dd9cf;--color-link: #5dd9cf;--color-unread-badge: #2db4a7;--color-hover: rgb(61 204 192 / .12);--color-active-chat: rgb(61 204 192 / .18);--color-bg-app: #050b0a;--color-bg-panel: #0c1412;--color-border: #182622;--color-divider: #182622}[data-palette=confident][data-theme=light]{--color-bg-chat: #d8ece4;--color-bg-bubble-in: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 6%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 10%, #f5fbf9) 100% );--color-bg-bubble-out: linear-gradient( 160deg, color-mix(in srgb, var(--color-accent) 32%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 42%, #f2fbf8) 100% );--chat-wallpaper: url(/patterns/palette/confident-light.svg), linear-gradient(145deg, #c8ece8 0%, #d4f0dc 55%, #e0f0c8 100%);--color-accent: #2a9d8f;--color-accent-hover: #238276;--color-link: #238276;--color-unread-badge: #2a9d8f;--color-hover: rgb(42 157 143 / .1);--color-active-chat: rgb(42 157 143 / .14);--color-bg-app: #ecf6f2;--color-bg-panel: #fbfefd;--color-border: #dce8e4;--color-divider: #e4eeea}[data-palette=elegant][data-theme=dark]{--color-bg-chat: #0c0810;--color-bg-bubble-in: linear-gradient(180deg, #261c28 0%, #1a121c 100%);--color-bg-bubble-out: linear-gradient(160deg, #e07a9a 0%, #d45d8a 100%);--chat-wallpaper: url(/patterns/palette/elegant-dark.svg), linear-gradient(180deg, #0c0810 0%, #100a14 100%);--color-accent: #e889a8;--color-accent-hover: #f0a0bc;--color-link: #f0a0bc;--color-unread-badge: #d45d8a;--color-hover: rgb(232 137 168 / .12);--color-active-chat: rgb(232 137 168 / .18);--color-bg-app: #08060c;--color-bg-panel: #110b14;--color-border: #1f1622;--color-divider: #1f1622}[data-palette=elegant][data-theme=light]{--color-bg-chat: #fce8ec;--color-bg-bubble-in: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 6%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 10%, #fff8fa) 100% );--color-bg-bubble-out: linear-gradient( 160deg, color-mix(in srgb, var(--color-accent) 32%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 42%, #fff6f8) 100% );--chat-wallpaper: url(/patterns/palette/elegant-light.svg), linear-gradient(145deg, #fce4ec 0%, #ffe0d4 55%, #fff0d8 100%);--color-accent: #d4567f;--color-accent-hover: #c04468;--color-link: #c04468;--color-unread-badge: #d4567f;--color-hover: rgb(212 86 127 / .1);--color-active-chat: rgb(212 86 127 / .13);--color-bg-app: #faf0f4;--color-bg-panel: #fffafb;--color-border: #eedee4;--color-divider: #f2e4e8}[data-palette=forest][data-theme=dark]{--color-bg-chat: #080e0a;--color-bg-bubble-in: linear-gradient(180deg, #1c2820 0%, #141e16 100%);--color-bg-bubble-out: linear-gradient(160deg, #6ab04c 0%, #3d8b5a 100%);--chat-wallpaper: url(/patterns/palette/forest-dark.svg), linear-gradient(180deg, #080e0a 0%, #0a120c 100%);--color-accent: #72b85e;--color-accent-hover: #88cc74;--color-link: #88cc74;--color-unread-badge: #6ab04c;--color-hover: rgb(114 184 94 / .12);--color-active-chat: rgb(114 184 94 / .18);--color-bg-app: #050a06;--color-bg-panel: #0c140e;--color-border: #182218;--color-divider: #182218}[data-palette=forest][data-theme=light]{--color-bg-chat: #e4eed8;--color-bg-bubble-in: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 6%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 10%, #f8fbf4) 100% );--color-bg-bubble-out: linear-gradient( 160deg, color-mix(in srgb, var(--color-accent) 32%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 42%, #f6fbf2) 100% );--chat-wallpaper: url(/patterns/palette/forest-light.svg), linear-gradient(145deg, #dce8d0 0%, #e8f0c8 55%, #f0f0b8 100%);--color-accent: #5a9e48;--color-accent-hover: #4a8640;--color-link: #4a8640;--color-unread-badge: #5a9e48;--color-hover: rgb(90 158 72 / .1);--color-active-chat: rgb(90 158 72 / .14);--color-bg-app: #f0f4ea;--color-bg-panel: #fcfdf8;--color-border: #e2e8dc;--color-divider: #e8ece4}[data-palette=sloth][data-theme=dark]{--color-bg-chat: #0a1418;--color-bg-bubble-in: linear-gradient(180deg, #1a2e28 0%, #142420 100%);--color-bg-bubble-out: linear-gradient(160deg, #3d9a88 0%, #2a7a6e 100%);--chat-wallpaper: url(/patterns/palette/sloth-dark.svg), linear-gradient(180deg, #081210 0%, #0a1a1e 55%, #0c1814 100%);--color-accent: #5ec4a8;--color-accent-hover: #78d4bc;--color-link: #78d4bc;--color-unread-badge: #3d9a88;--color-hover: rgb(94 196 168 / .12);--color-active-chat: rgb(94 196 168 / .18);--color-bg-app: #060e10;--color-bg-panel: #0c1618;--color-border: #182628;--color-divider: #182628}[data-palette=sloth][data-theme=light]{--color-bg-chat: #d0f0e6;--color-bg-bubble-in: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 6%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 10%, #f4fbf8) 100% );--color-bg-bubble-out: linear-gradient( 160deg, color-mix(in srgb, var(--color-accent) 32%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 42%, #f0faf6) 100% );--chat-wallpaper: url(/patterns/palette/sloth-light.svg), linear-gradient(145deg, #fff6d8 0%, #b8e8e0 48%, #c5e8b8 100%);--color-accent: #1e9b8a;--color-accent-hover: #178a7a;--color-link: #178a7a;--color-unread-badge: #1e9b8a;--color-hover: rgb(30 155 138 / .1);--color-active-chat: rgb(30 155 138 / .14);--color-bg-app: #e8f6f0;--color-bg-panel: #fbfffe;--color-border: #d8ece4;--color-divider: #e0f0ea}[data-palette=neon][data-theme=dark]{--color-bg-chat: #08071a;--color-bg-bubble-in: linear-gradient(180deg, #1f1a3a 0%, #160f28 100%);--color-bg-bubble-out: linear-gradient(160deg, #00d2ff 0%, #9d50bb 100%);--chat-wallpaper: url(/patterns/palette/neon-dark.svg), linear-gradient(180deg, #08071a 0%, #0c0a22 100%);--color-accent: #b47aff;--color-accent-hover: #c99aff;--color-link: #7dd3fc;--color-unread-badge: #9d50bb;--color-hover: rgb(180 122 255 / .14);--color-active-chat: rgb(180 122 255 / .2);--color-bg-app: #04030e;--color-bg-panel: #0d0a18;--color-border: #1c1632;--color-divider: #1c1632}[data-palette=neon][data-theme=light]{--color-bg-chat: #f0e4ff;--color-bg-bubble-in: linear-gradient( 180deg, color-mix(in srgb, var(--color-accent) 6%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 10%, #faf8ff) 100% );--color-bg-bubble-out: linear-gradient( 160deg, color-mix(in srgb, var(--color-accent) 32%, #ffffff) 0%, color-mix(in srgb, var(--color-accent) 42%, #f9f6ff) 100% );--chat-wallpaper: url(/patterns/palette/neon-light.svg), linear-gradient(145deg, #e8d4ff 0%, #d4e8ff 38%, #ffd8c8 100%);--color-accent: #7c3aed;--color-accent-hover: #6d28d9;--color-link: #6d28d9;--color-unread-badge: #7c3aed;--color-hover: rgb(124 58 237 / .1);--color-active-chat: rgb(124 58 237 / .14);--color-bg-app: #f4f0fa;--color-bg-panel: #fdfbff;--color-border: #e8e0f4;--color-divider: #eee8f6}.message-mine{color:#fff}.message-theirs{color:var(--color-text-primary)}[data-theme=dark] .message-theirs{box-shadow:0 1px 3px #0000004d,inset 0 1px #ffffff14;border:1px solid color-mix(in srgb,var(--color-accent) 16%,rgb(255 255 255 / .06))}[data-theme=dark] .message-mine{border:1px solid color-mix(in srgb,var(--color-accent) 14%,transparent);box-shadow:0 1px 3px #00000038}[data-theme=light] .message-theirs{box-shadow:0 1px 2px #0f172a0d;border:1px solid color-mix(in srgb,var(--color-accent) 10%,rgb(255 255 255 / .8))}[data-theme=light] .message-mine{color:#0f172a;border:1px solid color-mix(in srgb,var(--color-accent) 18%,rgb(255 255 255 / .7));box-shadow:0 1px 2px #0f172a0d}[data-palette][data-theme=light]{--photo-preview-chrome-bg: color-mix(in srgb, var(--color-accent) 5%, rgb(255 255 255 / .9));--photo-preview-chrome-btn-bg: color-mix(in srgb, var(--color-accent) 10%, rgb(255 255 255 / .95))}[data-palette][data-theme=dark]{--photo-preview-chrome-bg: color-mix(in srgb, var(--color-accent) 10%, rgb(18 22 28 / .76));--photo-preview-chrome-btn-bg: color-mix(in srgb, var(--color-accent) 16%, rgb(255 255 255 / .12))}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-size:var(--font-size-base)}a{color:var(--color-link)}.app{min-height:100vh;background:var(--color-bg-app)}.auth-restoring{min-height:100vh;display:grid;place-items:center;color:var(--color-text-muted);font-size:.95rem}.messenger-shell{display:flex;height:100vh;max-height:100dvh;overflow:hidden;position:relative}.messenger-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--color-bg-panel);box-shadow:inset -1px 0 color-mix(in srgb,var(--color-accent) 6%,transparent);position:relative;transition:width .18s ease,min-width .18s ease}.messenger-sidebar.is-settings-mode{transition:width .28s cubic-bezier(.22,1,.36,1),min-width .28s cubic-bezier(.22,1,.36,1)}.messenger-sidebar.is-collapsed{--sidebar-width: 10.5rem}.messenger-sidebar-resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:5;background:transparent;transition:background .15s ease}.messenger-sidebar-resize-handle:hover,.messenger-sidebar-resize-handle:active{background:color-mix(in srgb,var(--color-accent) 28%,transparent)}.messenger-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-panel)}@media(max-width:767px){.messenger-shell{flex-direction:column;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom)}.messenger-sidebar{width:100%;min-width:0;flex:1;border-right:none}.chats-sidebar{flex-direction:column}.sidebar-filters{flex-direction:row;justify-content:flex-start;width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--color-border);overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-inline:var(--space-2)}.sidebar-filters-list,.sidebar-filters-footer{flex-direction:row;align-items:center;flex:0 0 auto;width:auto;border-top:none;padding-top:0;gap:var(--space-1)}.sidebar-filters-footer{margin-left:auto;padding-left:var(--space-2);border-left:1px solid var(--color-border)}.sidebar-filter-btn .sidebar-filter-label{display:none}.chat-header,.panel-mobile-header{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.panel-mobile-header{display:flex;align-items:center;padding-top:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.sidebar-settings-panel .settings-nav-embedded{padding:0 max(var(--space-3),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left))}.settings-content-body{padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.settings-content-header{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.media-scroll-lens{display:none}.media-tiles-scroll{padding-right:max(var(--space-4),env(safe-area-inset-right))}.media-page-body{padding:var(--space-3) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.media-list-row{grid-template-columns:4.25rem 1fr}.media-list-preview{width:4.25rem;height:4.25rem}.appearance-page{padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-6),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.appearance-title{margin-top:var(--space-2)}.message-item{max-width:min(88%,var(--message-bubble-max-width))}.compose-form{padding:0 max(var(--space-3),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--space-3),env(safe-area-inset-left))}.compose-form input[type=text]{font-size:max(1rem,var(--font-size-base))}.login-shell{padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}}.chats-sidebar{display:flex;flex-direction:row;height:100%;min-height:0;min-width:0}.sidebar-filters{width:var(--sidebar-filter-width);min-width:var(--sidebar-filter-width);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-1);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-app)) 0%,var(--color-bg-app) 100%);border-right:1px solid var(--color-border)}.sidebar-filters-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;flex:1 1 auto}.sidebar-filters-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%;flex-shrink:0;padding-top:var(--space-2);border-top:1px solid var(--color-border)}.sidebar-filters-quick{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%}.sidebar-quick-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-2) var(--space-1);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease;--sfi-fill: color-mix(in srgb, var(--color-accent) 14%, var(--color-bg-panel));--sfi-fill-strong: color-mix(in srgb, var(--color-accent) 24%, var(--color-bg-panel));--sfi-stroke: color-mix(in srgb, var(--color-accent) 55%, var(--color-text-muted));--sfi-accent: var(--color-accent)}.sidebar-quick-btn:hover{background:var(--color-hover);color:var(--color-accent);--sfi-fill: color-mix(in srgb, var(--color-accent) 22%, var(--color-bg-panel));--sfi-stroke: var(--color-accent)}.sidebar-quick-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-quick-logout:hover{color:#d4567f}.sidebar-filter{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-1);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);--sfi-fill: color-mix(in srgb, var(--color-accent) 16%, var(--color-bg-panel));--sfi-fill-strong: color-mix(in srgb, var(--color-accent) 28%, var(--color-bg-panel));--sfi-stroke: color-mix(in srgb, var(--color-accent) 62%, var(--color-text-secondary));--sfi-accent: var(--color-accent)}.sidebar-filter:hover,.sidebar-filter.active{--sfi-fill: color-mix(in srgb, var(--color-accent) 24%, var(--color-bg-panel));--sfi-fill-strong: color-mix(in srgb, var(--color-accent) 38%, var(--color-bg-panel));--sfi-stroke: var(--color-accent)}.sidebar-filter:hover{background:var(--color-hover)}.sidebar-filter.active{color:var(--color-accent);background:var(--color-active-chat);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 22%,transparent)}.sidebar-filter-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;color:inherit}.sidebar-filter-svg{display:block;width:1.5rem;height:1.5rem;overflow:visible;transform-origin:center;transition:transform .18s ease}.sidebar-filter:hover .sidebar-filter-svg,.sidebar-filter.active .sidebar-filter-svg{transform:scale(1.1)}.sidebar-filter-add-folder .sidebar-filter-svg{width:1.375rem;height:1.375rem}.sidebar-quick-btn .sidebar-filter-svg{width:1.5rem;height:1.5rem}.sidebar-quick-btn:hover .sidebar-filter-svg{transform:scale(1.1)}@media(prefers-reduced-motion:reduce){.sidebar-filter-svg{transition:none}.sidebar-filter:hover .sidebar-filter-svg,.sidebar-filter.active .sidebar-filter-svg,.sidebar-quick-btn:hover .sidebar-filter-svg{transform:none}}.sidebar-filter-badge{position:absolute;top:-.35rem;right:-.55rem}.sidebar-filter-label{text-align:center;line-height:var(--line-height-tight)}.sidebar-chats-panel{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;background:var(--color-bg-panel)}.sidebar-settings-panel{overflow:hidden;min-width:14rem;background-image:radial-gradient(ellipse 120% 80% at 0% 0%,color-mix(in srgb,var(--color-accent) 8%,transparent),transparent 60%)}.chats-sidebar.is-settings-mode .sidebar-settings-panel{opacity:1;transition:opacity .22s ease .06s}.sidebar-settings-panel .settings-nav-embedded{flex:1;min-height:0;overflow-y:auto;padding:0 var(--space-3) var(--space-4)}.sidebar-panel-footer{flex-shrink:0;margin-top:auto;padding:var(--space-2) var(--space-3);background:var(--color-bg-panel);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-panel-footer.is-collapsed{padding:var(--space-2) var(--space-1);align-items:center}.sidebar-footer-actions{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-panel-footer.is-collapsed .sidebar-footer-actions{align-items:center}.sidebar-footer-btn{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-panel-footer.is-collapsed .sidebar-footer-btn{justify-content:center;width:2.25rem;padding:var(--space-1)}.sidebar-footer-btn:hover{background:var(--color-hover);color:var(--color-accent)}.sidebar-footer-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-footer-logout:hover{color:#d4567f}.sidebar-footer-icon{font-size:1rem;line-height:1;flex-shrink:0}.sidebar-collapse-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-collapse-btn,.sidebar-collapse-btn:active,.sidebar-collapse-btn:focus,.sidebar-collapse-btn:focus-visible{outline:none;box-shadow:none}.sidebar-collapse-btn:hover{background:var(--color-hover);color:var(--color-accent)}.sidebar-collapse-icon{font-size:1.1rem;line-height:1}.sidebar-collapse-label{font-weight:var(--font-weight-medium)}.sidebar-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);flex-shrink:0}.sidebar-new-chat{background:var(--color-accent)!important;color:#fff!important;border-radius:var(--radius-full);width:2.25rem;height:2.25rem;font-size:1.35rem;font-weight:var(--font-weight-semibold);line-height:1}.sidebar-new-chat:hover{background:var(--color-accent-hover)!important}.sidebar-menu{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-3) var(--space-2);border-bottom:1px solid var(--color-border)}.sidebar-menu button{text-align:left;padding:var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-primary);cursor:pointer}.sidebar-menu button:hover{background:var(--color-hover)}.sidebar-menu-link{display:block;text-align:left;padding:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-primary);text-decoration:none}.sidebar-menu-link:hover{background:var(--color-hover)}.sidebar-search{display:block;padding:var(--space-2) var(--space-3);flex-shrink:0}.sidebar-search input{width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-bg-app);color:var(--color-text-primary);transition:box-shadow var(--transition-fast)}.sidebar-search input:focus{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 28%,transparent)}.sidebar-search input::placeholder{color:var(--color-text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .25rem;border-radius:var(--radius-full);background:var(--color-unread-badge);color:#fff;font-size:.625rem;font-weight:var(--font-weight-semibold);line-height:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:var(--color-overlay);padding:var(--space-4)}.modal-panel{width:min(100%,22rem);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-panel);box-shadow:var(--shadow-md)}.modal-panel-picker{width:min(100%,26rem);max-height:min(80vh,32rem);display:flex;flex-direction:column}.modal-search{display:block;margin-bottom:var(--space-3)}.modal-search input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-app);color:var(--color-text-primary)}.modal-picker-list{list-style:none;margin:0 0 var(--space-3);padding:0;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--space-2)}.modal-picker-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:2px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.modal-picker-item:hover,.modal-picker-item:focus-visible{background:var(--color-bg-hover);outline:none}.modal-picker-item.is-selected{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-app));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 25%,transparent)}.modal-picker-item.is-selected:hover,.modal-picker-item.is-selected:focus-visible{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-bg-app))}.modal-picker-item-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.modal-picker-item-main strong{font-size:var(--font-size-sm)}.modal-picker-item-main .dialog-preview{font-size:var(--font-size-xs)}.modal-panel h3{margin:0 0 var(--space-2)}.modal-hint{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-form{display:flex;flex-direction:column;gap:var(--space-3)}.modal-form label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.modal-form input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-app);color:var(--color-text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.modal-button-primary,.modal-button-secondary{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer}.modal-button-primary{border:none;background:var(--color-accent);color:#fff}.modal-button-secondary{border:1px solid var(--color-border);background:transparent;color:var(--color-text-primary)}.modal-button-secondary:disabled,.modal-button-primary:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog-destructive,.modal-button-destructive{border:none;background:var(--color-danger, #c0392b);color:#fff}.modal-button-destructive:disabled{opacity:.6;cursor:not-allowed}.folder-chats-picker{width:min(100%,28rem)}.sidebar-filter-add-folder{margin-top:var(--space-1)}.dialog-context-menu-create{border-top:1px solid var(--color-border);margin-top:var(--space-1);padding-top:var(--space-2)}.empty-chat{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;color:var(--color-text-secondary)}.empty-chat-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-chat-title{margin:0 0 var(--space-2)}.empty-chat-text{margin:0}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 60%,#9c27b0));color:#fff;font-weight:var(--font-weight-semibold);flex-shrink:0}.avatar-sm{width:2.25rem;height:2.25rem;font-size:var(--font-size-xs)}.avatar-md{width:2.75rem;height:2.75rem;font-size:var(--font-size-sm)}.avatar-lg{width:3.25rem;height:3.25rem;font-size:var(--font-size-base)}.avatar-xl{width:4rem;height:4rem;font-size:var(--font-size-lg)}.avatar-sidebar-compact{width:3.5rem;height:3.5rem;min-width:3.5rem;min-height:3.5rem;font-size:var(--font-size-base)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:var(--radius-full);background:transparent;cursor:pointer;color:var(--color-text-secondary)}.icon-button:focus-visible{outline:2px solid var(--color-accent)}.dialog-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.sidebar-title{flex:1;margin:0;font-size:var(--font-size-lg)}.dialog-item{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-3);padding:var(--space-3);text-decoration:none;color:inherit;border-bottom:none}.dialog-list-item{border-bottom:1px solid var(--color-divider)}.dialog-list-row{position:relative;display:flex;align-items:stretch;transition:background-color var(--transition-fast)}.dialog-list-row:hover{background:var(--color-hover)}.dialog-list-row--pinned{background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.dialog-list-row--pinned:after{content:"";position:absolute;inset:3px var(--space-2);border:1.5px solid color-mix(in srgb,var(--color-accent) 50%,var(--color-border));border-radius:var(--radius-md);pointer-events:none}.dialog-list-row--pinned:has(.dialog-item.active){background:color-mix(in srgb,var(--color-accent) 8%,var(--color-active-chat))}.dialog-list-row--pinned:has(.dialog-item.active):after{border-color:color-mix(in srgb,var(--color-accent) 75%,var(--color-border));border-width:2px}.dialog-list-row:has(.dialog-item.active){background:var(--color-active-chat);box-shadow:inset 3px 0 0 var(--color-accent)}.dialog-list-row:hover .dialog-item-more,.dialog-list-row:focus-within .dialog-item-more,.dialog-item-more[aria-expanded=true]{flex:0 0 var(--dialog-item-more-size);width:var(--dialog-item-more-size);min-width:var(--dialog-item-more-size);margin-right:var(--space-1);opacity:1;pointer-events:auto;transform:translate(0)}.dialog-item-more{flex:0 0 0;align-self:center;width:0;min-width:0;height:var(--dialog-item-more-size);margin-right:0;padding:0;overflow:hidden;opacity:0;pointer-events:none;color:var(--color-text-secondary);font-size:1.25rem;line-height:1;transform:translate(.5rem);transition:flex-basis var(--transition-fast),width var(--transition-fast),min-width var(--transition-fast),margin-right var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.dialog-item-more:hover,.dialog-item-more:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.dialog-context-menu{position:fixed;z-index:100;min-width:14.5rem;padding:var(--space-1);display:flex;flex-direction:column;gap:2px;background:var(--color-bg-panel);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:12px;box-shadow:0 12px 32px -12px #00000073,0 2px 8px -4px #0000004d;animation:attach-menu-in .16s ease-out}.dialog-context-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.dialog-context-menu-item:hover:not(:disabled),.dialog-context-menu-item:focus-visible:not(:disabled){background:color-mix(in srgb,var(--color-accent) 12%,transparent);outline:none}.dialog-context-menu-item:disabled{opacity:.55;cursor:not-allowed}.dialog-context-menu-item.is-destructive,.dialog-context-menu-item.is-destructive .dialog-context-menu-icon{color:var(--color-danger)}.dialog-context-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--dialog-context-menu-icon-size);height:var(--dialog-context-menu-icon-size);color:var(--color-accent);flex-shrink:0}.dialog-context-menu-icon svg{width:100%;height:100%;display:block}.dialog-context-menu-label{flex:1}.dialog-context-menu-chevron{margin-left:auto;color:var(--color-text-secondary);font-size:1.1rem;line-height:1}.dialog-context-menu-item.is-submenu-open{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.dialog-context-submenu{position:fixed;z-index:101;min-width:12rem;padding:var(--space-1);display:flex;flex-direction:column;gap:2px;background:var(--color-bg-panel);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:12px;box-shadow:0 12px 32px -12px #00000073,0 2px 8px -4px #0000004d;animation:attach-menu-in .16s ease-out}[data-theme=dark] .dialog-context-submenu{border-color:color-mix(in srgb,var(--color-accent) 22%,var(--color-border));box-shadow:0 16px 40px -16px #000000b3,0 2px 8px -4px #00000080}@media(prefers-reduced-motion:reduce){.dialog-context-submenu{animation:none}}.dialog-context-submenu-empty{margin:0;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.dialog-context-menu-checkitem{gap:var(--space-2)}.dialog-context-menu-check{width:1rem;display:inline-flex;justify-content:center;color:var(--color-accent);flex-shrink:0}.dialog-context-menu-create{border-top:1px solid var(--color-border);margin-top:2px;padding-top:calc(var(--space-2) + 2px)}[data-theme=dark] .dialog-context-menu{border-color:color-mix(in srgb,var(--color-accent) 22%,var(--color-border));box-shadow:0 16px 40px -16px #000000b3,0 2px 8px -4px #00000080}@media(prefers-reduced-motion:reduce){.dialog-context-menu{animation:none}.dialog-item-more{transform:none;transition:opacity var(--transition-fast)}}.chats-sidebar.is-collapsed .dialog-list-item{border-bottom:none}.chats-sidebar.is-collapsed .dialog-list-row{justify-content:center;width:100%}.dialog-avatar-wrap{position:relative;display:inline-flex;flex:0 0 auto}.dialog-unread-badge{position:absolute;top:-.35rem;right:-.5rem;min-width:1.1rem;height:1.1rem;padding:0 .3rem;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.sidebar-collapsible-top{flex-shrink:0;max-height:220px;opacity:1;overflow:hidden;transition:max-height .22s ease,opacity .18s ease}.sidebar-collapsible-top.is-collapsed{max-height:0;opacity:0}.chats-sidebar.is-collapsed .sidebar-chats-panel{min-width:0}.chats-sidebar.is-collapsed .chats-status,.chats-sidebar.is-collapsed .chats-empty{display:none}.chats-sidebar.is-collapsed .dialog-list{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-1)}.chats-sidebar.is-collapsed .dialog-item{justify-content:center;align-items:center;gap:0;width:100%;padding:var(--space-1);border-bottom:none;border-radius:var(--radius-md)}.chats-sidebar.is-collapsed .dialog-avatar-wrap{display:flex;align-items:center;justify-content:center}.chats-sidebar.is-collapsed .dialog-avatar-wrap .avatar-sidebar-compact{width:3.5rem;height:3.5rem;min-width:3.5rem;min-height:3.5rem}.chats-sidebar.is-collapsed .sidebar-panel-footer{padding:var(--space-2) var(--space-1);align-items:center}.dialog-item,.dialog-item:active,.dialog-item:focus,.dialog-item:focus-visible,.dialog-avatar-wrap,.dialog-avatar-wrap:active,.dialog-avatar-wrap:focus,.dialog-avatar-wrap:focus-visible{outline:none}.dialog-item.active{background:transparent;box-shadow:none}.chats-sidebar.is-collapsed .dialog-list-row:has(.dialog-item.active){background:transparent;box-shadow:none}.chats-sidebar.is-collapsed .dialog-item.active{background:transparent;box-shadow:none}.chats-sidebar.is-collapsed .dialog-item.active .avatar-sidebar-compact{box-shadow:0 0 0 2px var(--color-accent)}.chats-sidebar.is-collapsed .dialog-list-row--pinned{background:transparent}.chats-sidebar.is-collapsed .dialog-list-row--pinned:after{content:none}.chats-sidebar.is-collapsed .dialog-list-row--pinned:not(:has(.dialog-item.active)) .avatar-sidebar-compact{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 38%,transparent)}.chats-sidebar.is-collapsed .dialog-list-row--pinned:has(.dialog-item.active) .avatar-sidebar-compact{box-shadow:0 0 0 2px var(--color-accent)}.dialog-item:hover{background:transparent}.dialog-item-main{display:flex;flex:1;flex-direction:column;gap:var(--space-1);min-width:0}.dialog-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-preview--typing{color:var(--color-accent);font-style:italic}.dialog-preview--draft{color:var(--color-accent)}.dialog-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);flex-shrink:0}.dialog-item-meta-icons{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-1);min-height:var(--dialog-status-icon-size)}.dialog-pin-icon,.dialog-mute-icon,.chat-header-status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary);opacity:.9}.dialog-pin-icon svg,.dialog-mute-icon svg,.chat-header-status-icon svg{width:var(--dialog-status-icon-size);height:var(--dialog-status-icon-size);display:block}.dialog-pin-icon{color:var(--color-accent)}.dialog-mute-icon{color:var(--color-text-secondary)}.dialog-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dialog-unread{min-width:1.25rem;padding:.125rem .375rem;border-radius:var(--radius-full);background:var(--color-unread-badge);color:#fff;font-size:var(--font-size-xs);text-align:center}.chats-empty,.chats-status{color:var(--color-text-muted);font-size:var(--font-size-sm);padding:var(--space-4)}.chat-page{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;overflow:hidden;position:relative;background-color:var(--color-bg-chat)}.chat-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;position:relative;background-color:var(--color-bg-chat);background-image:var(--chat-wallpaper, var(--chat-pattern));background-repeat:repeat,no-repeat;background-size:var(--chat-pattern-size),cover}.message-scroll{flex:1;min-height:0;min-width:0;overflow-x:clip;overflow-y:auto;overscroll-behavior-y:contain;background:transparent}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in srgb,var(--color-accent) 16%,var(--color-border));flex-shrink:0;background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 4%,var(--color-bg-panel)) 0%,var(--color-bg-panel) 100%)}.chat-header--pinned{box-shadow:inset 0 -2px color-mix(in srgb,var(--color-accent) 45%,var(--color-border)),inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 22%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-panel)) 0%,var(--color-bg-panel) 100%)}.chat-header-title-wrap{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.chat-header h2,.chat-header-title-wrap h2{margin:0;flex:1;min-width:0;font-size:var(--font-size-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-status{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0}.chat-back{font-size:var(--font-size-sm);color:var(--color-link);text-decoration:none}.appearance-preview{flex:none;min-height:0;min-width:0;overflow:hidden;background-color:var(--color-bg-chat);background-image:var(--chat-wallpaper, var(--chat-pattern));background-repeat:repeat,no-repeat;background-size:var(--chat-pattern-size),cover;background-attachment:local,local;border-radius:var(--radius-lg);padding:var(--space-4);min-height:16rem;display:flex;flex-direction:column;gap:.25rem;margin-bottom:var(--space-4)}@media(prefers-reduced-motion:reduce){.appearance-preview{background-attachment:scroll,scroll}}.appearance-preview-bubble{max-width:72%;padding:.35rem .6rem;border-radius:var(--radius-bubble);font-size:var(--font-size-chat);line-height:1.35;display:flex;flex-direction:column;gap:.15rem}.appearance-preview-meta{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;font-size:.65rem;line-height:1}.appearance-preview-bubble-out .appearance-preview-meta{color:#ffffffb8}.appearance-preview-receipt{font-size:.7rem}[data-theme=light] .appearance-preview-bubble-out .appearance-preview-meta{color:#0f172a85}[data-theme=light] .appearance-preview-bubble-out .appearance-preview-receipt{color:#2563a8}.message-column{width:100%;max-width:var(--message-column-max-width);margin-inline:auto;min-height:min-content;min-width:0}.message-scroll-anchor{height:1px;width:100%;flex-shrink:0}.message-list{list-style:none;margin:0;padding:var(--space-3) var(--space-4) var(--space-2);width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.message-item{position:relative;width:max-content;max-width:min(var(--message-bubble-max-percent),var(--message-bubble-max-width));min-width:0;padding:.3rem .55rem;border-radius:var(--radius-bubble);overflow:visible;word-break:break-word}.message-item--media{padding:0;overflow:visible}.message-item--media-bare,.message-item--media-captioned{max-width:min(var(--message-bubble-max-percent),var(--message-photo-bare-max-width));background:transparent!important;border:none!important;padding:0!important}.message-mine.message-item--media-captioned .message-media-caption-row{background:var(--color-bg-bubble-out);border:1px solid color-mix(in srgb,var(--color-accent) 22%,transparent);border-top:none}.message-theirs.message-item--media-captioned .message-media-caption-row{background:var(--color-bg-bubble-in);border:1px solid color-mix(in srgb,var(--color-accent) 14%,transparent);border-top:none}.message-item:has(.message-photo-button),.message-item:has(.message-photo-album){padding:var(--space-1)}.message-item--media:has(.message-photo-button),.message-item--media:has(.message-photo-album){padding:0}.message-item:has(.message-photo-button) .message-text,.message-item:has(.message-photo-album) .message-text{padding:var(--space-1) var(--space-2) 0}.message-mine{align-self:flex-end;background:var(--color-bg-bubble-out);border:1px solid transparent}.message-theirs{align-self:flex-start;background:var(--color-bg-bubble-in);border:1px solid transparent}.message-item.message-emoji-only{background:transparent!important;border:none;padding:.1rem .2rem;max-width:min(90%,22rem)}.message-emoji-stack{display:inline-flex;flex-direction:column;min-width:0}.message-mine.message-emoji-only .message-emoji-stack{align-items:flex-end}.message-theirs.message-emoji-only .message-emoji-stack{align-items:flex-start}.message-emoji-only .message-text{line-height:1.05;letter-spacing:.02em}.message-emoji-only--1 .message-text{font-size:var(--font-size-emoji-1)}.message-emoji-only--2 .message-text{font-size:var(--font-size-emoji-2)}.message-emoji-only--3 .message-text{font-size:var(--font-size-emoji-3)}.message-emoji-only--4 .message-text{font-size:var(--font-size-emoji-4)}.message-emoji-only .message-footer{margin-top:.15rem;padding:0}.message-emoji-only .message-footer:has(.message-reactions-wrap){margin-top:.25rem}.message-emoji-only .message-meta{opacity:.72}.message-mine.message-emoji-only .message-time,.message-mine.message-emoji-only .message-receipt,.message-theirs.message-emoji-only .message-time{color:var(--color-text-muted)}.message-text{margin:0;font-size:var(--font-size-chat);line-height:1.35}.message-text+.message-photo-button,.message-photo-button+.message-text{margin-top:var(--space-1)}.message-media-stack{display:flex;flex-direction:column;min-width:0;max-width:100%}.message-media-stage{position:relative;line-height:0;overflow:hidden;border-radius:var(--radius-media);box-shadow:inset 0 0 0 1px #0000001a,0 0 0 1px color-mix(in srgb,var(--color-accent) 18%,transparent)}.message-item--media-captioned .message-media-stage{border-radius:var(--radius-media) var(--radius-media) 0 0}.message-item--media-captioned .message-media-caption-row{border-radius:0 0 var(--radius-media) var(--radius-media)}.message-media-meta--overlay{position:absolute;right:.35rem;bottom:.3rem;z-index:1;padding:.1rem .4rem;border-radius:var(--radius-full);background:#0000006b;color:#fff;font-size:var(--font-size-xs);line-height:1.2;pointer-events:none;box-shadow:0 1px 2px #0000002e}.message-media-meta--overlay .message-time,.message-media-meta--overlay .message-receipt,.message-media-meta--overlay .message-pending{color:#fff}.message-mine .message-media-meta--overlay .message-receipt{color:color-mix(in srgb,#8fd4ff 88%,#fff)}.message-media-caption-row{display:flex;align-items:flex-end;gap:var(--space-2);padding:.4rem .65rem .5rem;min-width:0}.message-item--media-bare .message-footer--media-only{padding:.2rem 0 0;justify-content:flex-end}.message-media-caption{flex:1 1 auto;min-width:0;margin:0}.message-footer--media-only{margin-top:0;padding:0 .35rem .35rem}.message-footer--media-only:has(.message-reactions-wrap){margin-top:.15rem}.message-photo-wrap{display:block;width:100%;max-width:var(--message-photo-max-width);line-height:0}.message-photo-button{display:block;padding:0;margin:0;border:none;background:transparent;cursor:pointer;line-height:0;border-radius:0}.message-item--media .message-photo-button{width:100%}.message-item--media .message-photo-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.message-photo-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.message-photo{display:block;width:100%;height:auto;max-width:var(--message-photo-bare-max-width);max-height:var(--message-photo-max-height);object-fit:cover;vertical-align:bottom;border-radius:0}.message-item--media .message-photo{border-radius:0}.message-photo-placeholder{display:inline-flex;align-items:center;justify-content:center;min-width:8rem;min-height:6rem;max-width:100%;max-height:var(--message-photo-max-height);padding:var(--space-3);border-radius:calc(var(--radius-bubble) - var(--space-1));background:var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.message-photo-album{display:grid;gap:1px;width:min(100%,var(--message-photo-max-width));max-width:var(--message-photo-max-width);overflow:hidden;border-radius:0;background:#00000014}.message-photo-album--full-width{width:min(100%,var(--message-photo-bare-max-width));max-width:var(--message-photo-bare-max-width)}.message-photo-album--dynamic .message-photo-album-tile{min-width:0;width:100%}.message-photo-album-tile{min-width:0;min-height:0}.message-photo-button--album-tile,.message-photo-button--album-tile .message-photo-wrap{width:100%;height:100%;max-width:none}.message-photo-button--album-tile{border-radius:0}.message-photo--album-tile{width:100%;height:100%;min-height:0;max-width:none;max-height:none;object-fit:cover;border-radius:0}.message-text+.message-photo-album,.message-photo-album+.message-text{margin-top:0}.message-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-1);padding:0 var(--space-1);min-width:0}.message-footer:has(.message-reactions-wrap){justify-content:space-between;margin-top:var(--space-2);gap:var(--space-3)}.message-meta{display:inline-flex;align-items:center;gap:var(--space-1);flex-shrink:0;margin-left:auto}.message-footer:has(.message-reactions-wrap) .message-meta{margin-left:0}.message-reactions-wrap{display:flex;flex:1 1 auto;min-width:0;align-items:flex-end}.message-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.message-reaction-chip{display:inline-flex;align-items:center;gap:.25rem;min-height:1.7rem;padding:.16rem .55rem .14rem;border:none;border-radius:999px;font-size:var(--font-size-sm);line-height:1;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.message-theirs .message-reaction-chip{background:color-mix(in srgb,var(--color-accent) 14%,#fff);color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 10%,transparent)}.message-mine .message-reaction-chip{background:#0000001a;color:inherit;box-shadow:inset 0 0 0 1px #0000000f}[data-theme=dark] .message-theirs .message-reaction-chip{background:color-mix(in srgb,var(--color-accent) 42%,var(--color-bg-elevated));color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 24%,transparent)}[data-theme=dark] .message-mine .message-reaction-chip{background:#ffffff29;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.message-reaction-chip.is-chosen{box-shadow:inset 0 0 0 1.5px var(--color-accent),0 0 0 1px color-mix(in srgb,var(--color-accent) 35%,transparent)}.message-theirs .message-reaction-chip.is-chosen{background:color-mix(in srgb,var(--color-accent) 22%,#fff)}.message-mine .message-reaction-chip.is-chosen{background:#00000029}[data-theme=dark] .message-theirs .message-reaction-chip.is-chosen{background:color-mix(in srgb,var(--color-accent) 55%,var(--color-bg-elevated))}[data-theme=dark] .message-mine .message-reaction-chip.is-chosen{background:#ffffff3d}.message-reaction-chip:disabled{opacity:.55;cursor:not-allowed}.message-reaction-emoji{font-size:1.2rem;line-height:1}.message-reaction-count{font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600;opacity:.82}.message-theirs .message-reaction-count{color:var(--color-text-muted)}.message-mine .message-reaction-count{color:inherit}[data-theme=dark] .message-reaction-count{color:inherit;opacity:.9}.message-context-menu{position:fixed;z-index:120;min-width:13.5rem;padding:0;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-bg-panel);box-shadow:var(--shadow-popover, 0 8px 28px rgb(0 0 0 / .22));overflow:hidden}.message-context-menu-reactions{display:flex;align-items:center;gap:.1rem;padding:.35rem .4rem;border-bottom:1px solid var(--color-border)}.message-context-menu-emoji{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:999px;background:transparent;font-size:1.2rem;line-height:1;cursor:pointer}.message-context-menu-emoji:hover,.message-context-menu-emoji:focus-visible{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-border))}.message-context-menu-more{font-size:1rem;font-weight:700;color:var(--color-text-muted)}.message-context-menu-picker{border-bottom:1px solid var(--color-border)}.message-context-menu-picker .emoji-picker-popover{position:static;box-shadow:none;border:none;border-radius:0}.message-context-menu .dialog-context-menu-item{border-radius:0}.message-time{font-size:var(--font-size-xs)}.message-mine .message-time,.message-mine .message-pending{color:var(--color-bubble-meta-mine)}.message-theirs .message-time{color:var(--color-bubble-meta-theirs)}.message-receipt{font-size:var(--font-size-xs)}.message-mine .message-receipt{color:var(--color-bubble-receipt)}.message-pending{font-size:var(--font-size-xs);color:var(--color-bubble-meta-mine)}.chat-typing{margin:0;padding:0 var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.chat-blocked-banner{margin:0;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger, #c0392b);background:color-mix(in srgb,var(--color-danger, #c0392b) 8%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-danger, #c0392b) 20%,transparent)}.compose-form.is-disabled{opacity:.55;pointer-events:none}.compose-form{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 var(--space-3) var(--space-3);width:min(100%,calc(var(--message-column-max-width) + 2rem));margin-inline:auto;box-sizing:border-box;flex-shrink:0;min-width:0;background:transparent;pointer-events:none}.compose-form>*{pointer-events:auto}.compose-form input[type=text]{flex:1;min-width:0;padding:var(--space-2) var(--space-1);border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-base)}.compose-form input[type=text]:focus{outline:none}.compose-input-wrap{position:relative;flex:1;min-width:0;width:100%;display:flex;flex-direction:column;align-items:stretch;min-height:3rem;padding:0 .25rem;background:var(--color-bg-panel);border:1px solid color-mix(in srgb,var(--color-accent) 10%,var(--color-border));border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.compose-input-wrap.has-photo-attachments{border-radius:1.1rem;padding-top:.45rem}.compose-emoji-popover{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:35;width:min(20rem,calc(100vw - 2rem));opacity:0;transform:translateY(.35rem) scale(.98);transform-origin:bottom right;pointer-events:none;transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.compose-emoji-popover.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.m7-emoji-picker--compose{display:block;width:100%;height:13.25rem;--background: var(--color-bg-panel);--border-color: color-mix(in srgb, var(--color-accent) 12%, var(--color-border));--border-size: 1px;--border-radius: var(--radius-lg);--num-columns: 9;--emoji-size: 1.35rem;--emoji-padding: .25rem;--category-emoji-size: 1.15rem;--category-emoji-padding: .2rem;--indicator-height: 2px;--input-border-color: color-mix(in srgb, var(--color-accent) 10%, var(--color-border));--input-border-size: 1px;--input-border-radius: var(--radius-md);--button-active-background: color-mix(in srgb, var(--color-accent) 14%, transparent);--button-hover-background: color-mix(in srgb, var(--color-accent) 6%, var(--color-bg-panel));--category-font-color: var(--color-text-muted);--indicator-color: var(--color-accent);border:1px solid color-mix(in srgb,var(--color-accent) 12%,var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}@media(max-width:767px){.m7-emoji-picker--compose{height:min(34vh,13.25rem)}}@media(prefers-reduced-motion:reduce){.compose-emoji-popover{transition:none;transform:none}}.compose-input-row{display:flex;align-items:center;min-height:3rem;width:100%}.compose-photo-attachments{display:flex;flex-wrap:wrap;gap:.35rem;padding:.15rem .55rem .35rem}.compose-photo-item{position:relative;width:4.5rem;height:4.5rem;flex-shrink:0}.compose-photo-thumb{display:block;width:100%;height:100%;object-fit:cover;border-radius:.65rem;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.compose-photo-remove{position:absolute;top:-.3rem;right:-.3rem;width:1.25rem;height:1.25rem;padding:0;border:none;border-radius:999px;background:#0f172ab8;color:#fff;font-size:.95rem;line-height:1;cursor:pointer}.compose-photo-remove:hover{background:#0f172ae6}.compose-input-wrap:focus-within{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent),var(--shadow-md)}[data-theme=dark] .compose-input-wrap{background:color-mix(in srgb,var(--color-bg-panel) 92%,#000);border-color:color-mix(in srgb,var(--color-accent) 14%,var(--color-border));box-shadow:0 4px 16px -6px #00000080}[data-theme=dark] .compose-input-wrap:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 14%,transparent),0 4px 16px -6px #00000080}.compose-input-wrap .send-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-left:.125rem;padding:0;border:none;border-radius:50%;background:var(--color-accent);color:#fff;flex-shrink:0;cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast),transform var(--transition-fast)}.compose-input-wrap .send-button:not(:disabled):hover{background:var(--color-accent-hover)}.compose-input-wrap .send-button:not(:disabled):active{transform:scale(.94)}[data-theme=dark] .compose-input-wrap .send-button{background:var(--color-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-accent) 30%,transparent)}[data-theme=dark] .compose-input-wrap .send-button:not(:disabled):hover{background:var(--color-accent-hover);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 45%,transparent)}.compose-input-wrap .send-button:disabled{opacity:1;cursor:not-allowed;background:color-mix(in srgb,var(--color-accent) 50%,var(--color-bg-panel));color:#fff}[data-theme=dark] .compose-input-wrap .send-button:disabled{background:color-mix(in srgb,var(--color-accent) 42%,var(--color-bg-panel))}.attach-wrap{position:relative;display:inline-flex;align-items:center}.attach-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;color:var(--color-text-secondary);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.attach-trigger:hover:not(:disabled),.attach-trigger:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);outline:none}.attach-trigger:disabled{opacity:.55;cursor:not-allowed}.attach-trigger[aria-expanded=true]{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.emoji-picker-wrap{position:relative;flex-shrink:0}.emoji-trigger{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:transparent;color:var(--color-text-secondary);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:color var(--transition-fast),background-color var(--transition-fast)}.emoji-trigger:hover:not(:disabled),.emoji-trigger:focus-visible{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);outline:none}.emoji-trigger:disabled{opacity:.55;cursor:not-allowed}.emoji-trigger[aria-expanded=true]{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.emoji-picker-popover{position:absolute;bottom:calc(100% + var(--space-2));right:0;z-index:35}.m7-emoji-picker{width:min(22rem,calc(100vw - 2rem));height:21rem;--background: var(--color-bg-panel);--border-color: color-mix(in srgb, var(--color-accent) 18%, var(--color-border));--input-border-color: color-mix(in srgb, var(--color-accent) 12%, var(--color-border));--input-font-color: var(--color-text-primary);--input-placeholder-color: var(--color-text-muted);--outline-color: var(--color-accent);--category-font-color: var(--color-text-muted);--button-active-background: color-mix(in srgb, var(--color-accent) 16%, transparent);--button-hover-background: var(--color-hover);--indicator-color: var(--color-accent);--num-columns: 8;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.message-context-menu-picker .m7-emoji-picker{width:100%;height:18rem;border-radius:0;box-shadow:none}.attach-menu{position:absolute;bottom:calc(100% + var(--space-2));left:0;z-index:30;min-width:13rem;padding:var(--space-1);display:flex;flex-direction:column;gap:2px;background:var(--color-bg-panel);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--color-border));border-radius:var(--radius-md);box-shadow:0 12px 32px -12px #00000073,0 2px 8px -4px #0000004d;animation:attach-menu-in .16s ease-out}@keyframes attach-menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.attach-menu-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.attach-menu-item:hover,.attach-menu-item:focus-visible{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-text-primary);outline:none}.attach-menu-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--color-accent);flex-shrink:0}.attach-menu-label{flex:1}[data-theme=dark] .attach-menu{background:var(--color-bg-panel);border-color:color-mix(in srgb,var(--color-accent) 22%,var(--color-border));box-shadow:0 16px 40px -16px #000000b3,0 2px 8px -4px #00000080}@media(prefers-reduced-motion:reduce){.attach-menu{animation:none}}.login-error{color:var(--color-danger);font-size:var(--font-size-sm);margin:var(--space-3) 0 0}.login-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:radial-gradient(ellipse 80% 60% at 50% -10%,color-mix(in srgb,var(--color-accent) 14%,transparent),transparent),var(--color-bg-app)}.login-card{width:100%;max-width:24rem;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-bg-panel);border:1px solid var(--color-border);box-shadow:0 1px 2px color-mix(in srgb,var(--color-text-primary) 6%,transparent),0 12px 40px -16px color-mix(in srgb,var(--color-accent) 22%,transparent)}[data-theme=dark] .login-card{box-shadow:0 1px color-mix(in srgb,var(--color-text-primary) 8%,transparent),0 16px 48px -20px color-mix(in srgb,#000 55%,transparent)}.login-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.login-brand-logo{flex-shrink:0;border-radius:var(--radius-md)}.login-brand-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.2}.login-brand-subtitle{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.login-segmented{display:flex;width:100%;padding:var(--space-1);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-app);gap:var(--space-1)}.login-segment{flex:1;border:none;background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.login-segment.active{background:var(--color-bg-panel);color:var(--color-accent);box-shadow:var(--shadow-sm)}.login-form{display:flex;flex-direction:column;gap:var(--space-3)}.login-field{display:flex;flex-direction:column;gap:var(--space-1)}.login-field-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.login-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-app);color:var(--color-text-primary);font-size:max(1rem,var(--font-size-base))}.login-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 22%,transparent)}.login-input-code{font-variant-numeric:tabular-nums;letter-spacing:.15em}.login-submit{margin-top:var(--space-1);padding:var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.login-submit:hover:not(:disabled){background:var(--color-accent-hover)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-link-button{background:none;border:none;color:var(--color-link);cursor:pointer;padding:0;text-align:center;font-size:var(--font-size-sm)}.link-button{background:none;border:none;color:var(--color-link);cursor:pointer;padding:0;text-align:left}.login-email-sent{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.login-email-sent strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.login-dev-hint{margin:var(--space-4) 0 0;padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-muted);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-app));border:1px dashed color-mix(in srgb,var(--color-accent) 24%,var(--color-border))}.login-dev-hint a{font-weight:var(--font-weight-medium)}.login-legal{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.login-legal-link{border:none;background:none;padding:0;font-size:var(--font-size-xs);color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.login-legal-link:hover{color:var(--color-text-secondary)}.login-legal-sep{color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings-content-pane{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-app)}.settings-nav-pane-inner{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-4)}.settings-nav-title{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em}.settings-profile-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.settings-profile-row:hover{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-panel))}.settings-profile-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-profile-text strong{font-size:var(--font-size-base);color:var(--color-text-primary)}.settings-profile-text span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-nav-section{display:flex;flex-direction:column;gap:var(--space-1)}.settings-nav-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border-left:3px solid transparent;text-decoration:none;color:inherit;transition:background var(--transition-fast),border-color var(--transition-fast)}.settings-nav-row:hover{background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg-panel))}.settings-nav-row.active{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-panel));border-left-color:var(--color-accent)}.settings-nav-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-app));color:var(--color-accent)}.settings-nav-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.settings-nav-row-text strong{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.settings-nav-row-text span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-nav-chevron{flex-shrink:0;color:var(--color-text-muted);font-size:1.25rem;line-height:1}.settings-content-header{flex-shrink:0;padding:var(--space-4) var(--space-6);text-align:center;border-bottom:1px solid var(--color-border);background:var(--color-bg-panel)}.settings-content-header h1{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.settings-content-body{flex:1;min-height:0;overflow-y:auto;width:100%;max-width:42rem;margin-inline:auto;padding:var(--space-5) var(--space-6)}.settings-content-body.m7-scroll-elegant,.settings-nav-embedded.m7-scroll-elegant,.palette-list.m7-scroll-elegant{scrollbar-gutter:auto}.settings-content-card{margin-bottom:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg-panel);box-shadow:var(--shadow-sm)}.settings-content-card:last-child{margin-bottom:0}.settings-content-card.profile-card{margin-bottom:var(--space-4)}.settings-title,.appearance-title{margin:0 0 var(--space-6);font-size:var(--font-size-xl)}.profile-card{display:flex;align-items:center;gap:var(--space-4)}.profile-card-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.profile-name{font-size:var(--font-size-lg);color:var(--color-text-primary)}.profile-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-details{margin:0;display:grid;gap:var(--space-3)}.profile-detail-row{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.profile-detail-row:last-child{padding-bottom:0;border-bottom:none}.profile-detail-row dt{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.profile-detail-row dd{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word}.profile-logout-btn{width:100%;margin-top:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-danger) 35%,var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 8%,var(--color-bg-panel));color:var(--color-danger);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}.profile-logout-btn:hover{background:color-mix(in srgb,var(--color-danger) 14%,var(--color-bg-panel))}.appearance-section{margin-bottom:0}.appearance-section.settings-content-card{margin-bottom:var(--space-4)}.appearance-section-label{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.theme-segmented{display:inline-flex;padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-bg-app);gap:var(--space-1)}.theme-segment{border:none;background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer}.theme-segment.active{background:var(--color-bg-panel);color:var(--color-accent);box-shadow:var(--shadow-sm)}.appearance-preview-bubble-in{align-self:flex-start;background:var(--color-bg-bubble-in)}.appearance-preview-bubble-out{align-self:flex-end;background:var(--color-bg-bubble-out);color:#fff}[data-theme=light] .appearance-preview-bubble-out{color:#0f172a}.palette-carousel{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-2) var(--space-3)}.appearance-theme-layout{display:grid;grid-template-columns:minmax(7.5rem,9.5rem) minmax(0,1fr);gap:var(--space-4);align-items:stretch;min-height:0}.appearance-theme-layout .appearance-preview{margin-bottom:0;min-height:18rem;height:100%}.palette-list{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;min-height:0;max-height:24rem;overflow-y:auto;padding-right:var(--space-1)}.palette-card-row{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) - 3px);border:none;border-left:3px solid transparent;border-radius:var(--radius-md);text-align:left;outline:none;transition:background var(--transition-fast),border-color var(--transition-fast)}.palette-card-row:hover{background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-panel))}.palette-card-row.active{background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-panel));border-left-color:var(--color-accent)}.palette-card-row.active .palette-label{color:var(--color-accent);font-weight:var(--font-weight-medium)}.palette-card-row.active .palette-thumb{box-shadow:none}.palette-card-row:focus-visible{outline:none;background:color-mix(in srgb,var(--color-accent) 8%,var(--color-bg-panel));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent) 45%,transparent)}.palette-card-row .palette-thumb{width:3.25rem;height:2.75rem;flex-shrink:0;margin-bottom:0;padding:.35rem .4rem;gap:.15rem}.palette-card-row .palette-label{flex:1;min-width:0;text-align:left;font-size:var(--font-size-sm);line-height:1.25}@media(max-width:767px){.appearance-theme-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.appearance-theme-layout .appearance-preview{min-height:14rem;order:-1}.palette-list{max-height:none;overflow-y:visible;padding-right:0}}.palette-card.palette-card-row{width:100%;text-align:left}.palette-card{flex:0 0 auto;width:5.5rem;border:none;background:transparent;cursor:pointer;padding:0;text-align:center;outline:none}.palette-card:not(.palette-card-row).active .palette-thumb{box-shadow:0 0 0 2px var(--color-accent)}.palette-card.active .palette-label{color:var(--color-accent)}.palette-thumb{display:flex;flex-direction:column;justify-content:center;gap:.3rem;width:100%;height:6rem;border-radius:var(--radius-md);padding:.6rem .5rem;margin-bottom:var(--space-2);overflow:hidden;background-repeat:repeat,no-repeat;background-size:2.5rem,cover}.palette-thumb-plain{background-size:cover}.palette-thumb-bubble{display:block;height:.55rem;border-radius:var(--radius-full);box-shadow:0 0 0 1px #00000014}.palette-thumb-bubble.in{width:70%;align-self:flex-start}.palette-thumb-bubble.out{width:70%;align-self:flex-end}.palette-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.appearance-note{margin:var(--space-3) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.appearance-note-top{margin:0 0 var(--space-3)}.media-page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-app)}.media-page-header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-panel)}.media-page-header h1{margin:0;flex:1;min-width:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.media-view-toggle{display:inline-flex;flex-shrink:0;padding:2px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-app);gap:2px}.media-view-btn{border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.media-view-btn:hover{color:var(--color-text-primary)}.media-view-btn.active{background:var(--color-bg-panel);color:var(--color-accent);box-shadow:var(--shadow-sm)}.media-page-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-3) var(--space-5)}.media-page-body-tiles{overflow:hidden;padding:0;display:flex;flex-direction:column}.media-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4);max-width:42rem}.media-list-item{display:flex;flex-direction:column;gap:var(--space-2)}.media-list-datetime{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted)}.media-list-row{display:grid;grid-template-columns:5.5rem 1fr;gap:var(--space-3);width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-panel);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.media-list-row:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.media-list-preview{width:5.5rem;height:5.5rem;border-radius:var(--radius-md);overflow:hidden;padding:0;border:none;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-panel))}.media-list-preview img,.media-list-preview .media-gallery-thumb-placeholder{width:100%;height:100%;object-fit:cover;display:block}.media-list-body{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.media-list-caption{margin:0;font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-normal);word-break:break-word}.media-item-meta{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.media-item-meta-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-item-meta-tech{letter-spacing:.02em}.media-tiles-shell{flex:1;min-height:0;display:flex;align-items:stretch}.media-tiles-scroll{flex:1;min-width:0;overflow-y:auto;padding:var(--space-4) var(--space-4) var(--space-4) var(--space-5)}.media-tiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:var(--space-3);align-content:start}.media-tile-item{display:flex;flex-direction:column;gap:var(--space-2)}.media-tile-thumb{width:100%;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;padding:0;border:none;cursor:pointer;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-panel));transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.media-tile-thumb:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.media-tile-thumb img,.media-tile-thumb .media-gallery-thumb-placeholder{width:100%;height:100%;object-fit:cover;display:block}.media-tile-datetime{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center}.media-scroll-lens{flex-shrink:0;width:4.25rem;padding:var(--space-4) var(--space-3) var(--space-4) 0;border-left:1px solid var(--color-border);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-accent) 4%,var(--color-bg-panel)))}.media-scroll-lens-rail{position:relative;height:100%;min-height:12rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.media-scroll-lens-track{position:absolute;inset:.75rem .35rem .75rem auto;width:2px;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 22%,var(--color-border))}.media-scroll-lens-tick{position:absolute;right:.65rem;transform:translateY(-50%);font-size:.625rem;line-height:1.1;color:var(--color-text-muted);white-space:nowrap;pointer-events:none}.media-scroll-lens-bubble{position:absolute;right:0;transform:translateY(-50%);min-width:3.4rem;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-accent) 35%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-panel));box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 10%,transparent),var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:2px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-accent);pointer-events:none;z-index:2}.media-scroll-lens-bubble:before{content:"";position:absolute;left:-.35rem;top:50%;width:.55rem;height:.55rem;border-radius:999px;transform:translate(-50%,-50%);background:var(--color-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent) 18%,transparent)}.media-gallery-filters{flex-shrink:0;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);overflow-x:auto;border-bottom:1px solid var(--color-border);background:var(--color-bg-panel)}.media-gallery-filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-app);color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.media-gallery-filter:hover{border-color:color-mix(in srgb,var(--color-accent) 35%,var(--color-border));color:var(--color-text-primary)}.media-gallery-filter.active{border-color:color-mix(in srgb,var(--color-accent) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-panel));color:var(--color-accent)}.media-gallery-filter-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.media-gallery-filter.active .media-gallery-filter-count{color:color-mix(in srgb,var(--color-accent) 80%,var(--color-text-muted))}.media-gallery-grid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:var(--space-2);padding:var(--space-4) var(--space-5);align-content:start}.media-gallery-thumb{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border:none;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-panel));transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.media-gallery-thumb:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.media-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-gallery-thumb-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 12%,var(--color-bg-panel)),color-mix(in srgb,var(--color-accent) 4%,var(--color-bg-app)))}.media-gallery-empty{flex:1;margin:0;padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.chat-media-link{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:var(--dialog-item-more-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-app);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.chat-media-link:hover{border-color:color-mix(in srgb,var(--color-accent) 40%,var(--color-border));color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 6%,var(--color-bg-panel))}.photo-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:3.75rem var(--space-4) var(--space-3);background:var(--photo-preview-overlay-bg);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow:hidden}.photo-preview-layout{display:flex;align-items:stretch;justify-content:center;gap:var(--space-3);width:100%;flex:1 1 auto;min-height:0}.photo-preview-nav-spacer{flex:0 0 2.5rem;width:2.5rem}.photo-preview-content{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);overflow:visible}.photo-preview-chrome{flex:0 0 auto;width:min(100%,44rem);max-width:min(100%,44rem);border-radius:var(--radius-md);background:var(--photo-preview-chrome-bg);backdrop-filter:var(--photo-preview-chrome-blur);-webkit-backdrop-filter:var(--photo-preview-chrome-blur);border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--photo-preview-chrome-border));box-shadow:0 4px 18px var(--photo-preview-chrome-shadow);overflow:hidden}.photo-preview-close{position:absolute;top:var(--space-5);right:var(--space-4);z-index:2;width:2.5rem;height:2.5rem;border:1px solid var(--photo-preview-chrome-border);border-radius:var(--radius-full);background:var(--photo-preview-control-bg);backdrop-filter:var(--photo-preview-chrome-blur);-webkit-backdrop-filter:var(--photo-preview-chrome-blur);color:var(--photo-preview-control-text);font-size:1.75rem;line-height:1;cursor:pointer}.photo-preview-close:hover{background:var(--photo-preview-chrome-btn-hover)}.photo-preview-nav{flex:0 0 2.5rem;align-self:center;width:2.5rem;height:2.5rem;border:1px solid var(--photo-preview-chrome-border);border-radius:var(--radius-full);background:var(--photo-preview-control-bg);backdrop-filter:var(--photo-preview-chrome-blur);-webkit-backdrop-filter:var(--photo-preview-chrome-blur);color:var(--photo-preview-control-text);font-size:1.75rem;line-height:1;cursor:pointer}.photo-preview-nav:hover{background:var(--photo-preview-chrome-btn-hover)}.photo-preview-stage{display:flex;align-items:stretch;justify-content:center;flex:1 1 auto;width:100%;max-width:min(calc(100vw - 7rem),56rem);min-width:0;min-height:0;overflow:visible}.photo-preview-stage-viewport{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 auto;width:100%;min-height:0;overflow:visible;contain:layout paint}.photo-preview-stage-viewport.is-animating{overflow:hidden}.photo-preview-slide-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.photo-preview-stage-viewport.is-animating .photo-preview-slide-frame{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.photo-preview-slide-frame.at-rest{position:relative}.photo-preview-slide-frame.is-incoming{z-index:2}.photo-preview-slide-frame.is-outgoing{z-index:1}.photo-preview-stage-viewport.slide-mode-smear .photo-preview-slide-frame{filter:blur(5px)}.photo-preview-stage-viewport.slide-mode-smear .photo-preview-slide-frame.is-incoming{filter:blur(4px)}.photo-preview-stage-viewport.slide-mode-land .photo-preview-slide-frame{filter:none}@media(prefers-reduced-motion:reduce){.photo-preview-slide-frame{transition:none!important}}.photo-preview-image{display:block;max-width:min(calc(100vw - 7rem),56rem);max-height:min(calc(100vh - 14rem),72vh);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md)}.photo-preview-stage-viewport.is-animating .photo-preview-image{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.photo-preview-loading{min-width:8rem;min-height:6rem}.photo-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:0;box-shadow:none}.photo-preview-sender{display:flex;align-items:center;gap:var(--space-2);min-width:0;flex:1}.photo-preview-avatar{flex-shrink:0}.photo-preview-details{display:flex;flex-direction:column;justify-content:center;gap:.15rem;min-width:0;flex:1}.photo-preview-sender-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--photo-preview-chrome-text);line-height:var(--line-height-tight)}.photo-preview-meta-line{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;font-size:var(--font-size-sm);color:var(--photo-preview-chrome-muted);line-height:var(--line-height-tight)}.photo-preview-sent-at{color:inherit}.photo-preview-caption{font-size:var(--font-size-sm);color:var(--photo-preview-chrome-text);line-height:var(--line-height-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-preview-file-meta{color:var(--photo-preview-chrome-faint);letter-spacing:.01em}.photo-preview-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--space-2);flex-shrink:0}.photo-preview-goto,.photo-preview-download{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem .75rem;border:1px solid color-mix(in srgb,var(--color-accent) 18%,var(--photo-preview-chrome-border));border-radius:var(--radius-full);background:var(--photo-preview-chrome-btn-bg);color:var(--photo-preview-chrome-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.photo-preview-goto:hover,.photo-preview-download:hover:not(:disabled){background:var(--photo-preview-chrome-btn-hover)}.photo-preview-download:disabled{opacity:.5;cursor:not-allowed}.photo-preview-goto-icon,.photo-preview-download-icon{font-size:.95rem;line-height:1;color:var(--color-accent)}.message-item.message-highlight{animation:message-highlight 1.6s ease}@keyframes message-highlight{0%,15%{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 70%,white)}to{box-shadow:var(--shadow-sm)}}.photo-preview-filmstrip{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-accent) 12%,var(--photo-preview-chrome-border));background:transparent;border-radius:0;box-shadow:none;overflow-x:auto;scrollbar-width:thin}.photo-preview-filmstrip-item{flex:0 0 auto;width:2.5rem;height:2.5rem;padding:0;border:2px solid transparent;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-accent) 6%,rgb(255 255 255 / .08));cursor:pointer;overflow:hidden;opacity:.72;transition:opacity var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.photo-preview-filmstrip-item img{display:block;width:100%;height:100%;object-fit:cover}.photo-preview-filmstrip-placeholder{display:block;width:100%;height:100%;background:color-mix(in srgb,var(--color-accent) 8%,rgb(255 255 255 / .12))}.photo-preview-filmstrip-item:hover{opacity:.92}.photo-preview-filmstrip-item.active{opacity:1;border-color:color-mix(in srgb,var(--color-accent) 55%,white);box-shadow:none}.message-scroll,.dialog-list,.appearance-page,.photo-preview-filmstrip,.sidebar-filters-list,.chats-search-results,.m7-scroll-elegant{scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;transition:scrollbar-color .35s ease}.message-scroll:hover,.dialog-list:hover,.appearance-page:hover,.photo-preview-filmstrip:hover,.sidebar-filters-list:hover,.chats-search-results:hover,.m7-scroll-elegant:hover{scrollbar-color:color-mix(in srgb,var(--color-accent) 32%,transparent) transparent}.message-scroll.is-scrolling,.dialog-list.is-scrolling,.appearance-page.is-scrolling,.photo-preview-filmstrip.is-scrolling,.sidebar-filters-list.is-scrolling,.chats-search-results.is-scrolling,.m7-scroll-elegant.is-scrolling{scrollbar-color:color-mix(in srgb,var(--color-accent) 48%,transparent) transparent}.message-scroll::-webkit-scrollbar,.dialog-list::-webkit-scrollbar,.appearance-page::-webkit-scrollbar,.photo-preview-filmstrip::-webkit-scrollbar,.sidebar-filters-list::-webkit-scrollbar,.chats-search-results::-webkit-scrollbar,.m7-scroll-elegant::-webkit-scrollbar{width:8px;height:8px}.message-scroll::-webkit-scrollbar-track,.dialog-list::-webkit-scrollbar-track,.appearance-page::-webkit-scrollbar-track,.photo-preview-filmstrip::-webkit-scrollbar-track,.sidebar-filters-list::-webkit-scrollbar-track,.chats-search-results::-webkit-scrollbar-track,.m7-scroll-elegant::-webkit-scrollbar-track{background:transparent}.message-scroll::-webkit-scrollbar-thumb,.dialog-list::-webkit-scrollbar-thumb,.appearance-page::-webkit-scrollbar-thumb,.photo-preview-filmstrip::-webkit-scrollbar-thumb,.sidebar-filters-list::-webkit-scrollbar-thumb,.chats-search-results::-webkit-scrollbar-thumb,.m7-scroll-elegant::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .35s ease}.message-scroll:hover::-webkit-scrollbar-thumb,.dialog-list:hover::-webkit-scrollbar-thumb,.appearance-page:hover::-webkit-scrollbar-thumb,.photo-preview-filmstrip:hover::-webkit-scrollbar-thumb,.sidebar-filters-list:hover::-webkit-scrollbar-thumb,.chats-search-results:hover::-webkit-scrollbar-thumb,.m7-scroll-elegant:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 32%,transparent);background-clip:padding-box}.message-scroll.is-scrolling::-webkit-scrollbar-thumb,.dialog-list.is-scrolling::-webkit-scrollbar-thumb,.appearance-page.is-scrolling::-webkit-scrollbar-thumb,.photo-preview-filmstrip.is-scrolling::-webkit-scrollbar-thumb,.sidebar-filters-list.is-scrolling::-webkit-scrollbar-thumb,.chats-search-results.is-scrolling::-webkit-scrollbar-thumb,.m7-scroll-elegant.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 48%,transparent);background-clip:padding-box}.message-scroll::-webkit-scrollbar-thumb:hover,.dialog-list::-webkit-scrollbar-thumb:hover,.appearance-page::-webkit-scrollbar-thumb:hover,.photo-preview-filmstrip::-webkit-scrollbar-thumb:hover,.sidebar-filters-list::-webkit-scrollbar-thumb:hover,.chats-search-results::-webkit-scrollbar-thumb:hover,.m7-scroll-elegant::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-accent) 58%,transparent);background-clip:padding-box}[data-theme=dark] .message-scroll:hover,[data-theme=dark] .dialog-list:hover,[data-theme=dark] .appearance-page:hover,[data-theme=dark] .photo-preview-filmstrip:hover,[data-theme=dark] .sidebar-filters-list:hover,[data-theme=dark] .chats-search-results:hover,[data-theme=dark] .m7-scroll-elegant:hover{scrollbar-color:color-mix(in srgb,var(--color-accent) 24%,transparent) transparent}[data-theme=dark] .message-scroll.is-scrolling,[data-theme=dark] .dialog-list.is-scrolling,[data-theme=dark] .appearance-page.is-scrolling,[data-theme=dark] .photo-preview-filmstrip.is-scrolling,[data-theme=dark] .sidebar-filters-list.is-scrolling,[data-theme=dark] .chats-search-results.is-scrolling,[data-theme=dark] .m7-scroll-elegant.is-scrolling{scrollbar-color:color-mix(in srgb,var(--color-accent) 38%,transparent) transparent}[data-theme=dark] .message-scroll:hover::-webkit-scrollbar-thumb,[data-theme=dark] .dialog-list:hover::-webkit-scrollbar-thumb,[data-theme=dark] .appearance-page:hover::-webkit-scrollbar-thumb,[data-theme=dark] .photo-preview-filmstrip:hover::-webkit-scrollbar-thumb,[data-theme=dark] .sidebar-filters-list:hover::-webkit-scrollbar-thumb,[data-theme=dark] .chats-search-results:hover::-webkit-scrollbar-thumb,[data-theme=dark] .m7-scroll-elegant:hover::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 24%,transparent);background-clip:padding-box}[data-theme=dark] .message-scroll.is-scrolling::-webkit-scrollbar-thumb,[data-theme=dark] .dialog-list.is-scrolling::-webkit-scrollbar-thumb,[data-theme=dark] .appearance-page.is-scrolling::-webkit-scrollbar-thumb,[data-theme=dark] .photo-preview-filmstrip.is-scrolling::-webkit-scrollbar-thumb,[data-theme=dark] .sidebar-filters-list.is-scrolling::-webkit-scrollbar-thumb,[data-theme=dark] .chats-search-results.is-scrolling::-webkit-scrollbar-thumb,[data-theme=dark] .m7-scroll-elegant.is-scrolling::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-accent) 38%,transparent);background-clip:padding-box}@media(prefers-reduced-motion:reduce){.message-scroll,.dialog-list,.appearance-page,.photo-preview-filmstrip,.sidebar-filters-list,.chats-search-results,.m7-scroll-elegant{transition:none}.message-scroll::-webkit-scrollbar-thumb,.dialog-list::-webkit-scrollbar-thumb,.appearance-page::-webkit-scrollbar-thumb,.photo-preview-filmstrip::-webkit-scrollbar-thumb,.sidebar-filters-list::-webkit-scrollbar-thumb,.chats-search-results::-webkit-scrollbar-thumb,.m7-scroll-elegant::-webkit-scrollbar-thumb{transition:none}}