.chat-route-gesture-layer,.chat-page{min-width:0;min-height:0}.chat-route-gesture-layer{background:var(--color-canvas);height:100dvh;overflow:hidden}.chat-page{--chat-navy:var(--section-primary-strong);--chat-border:var(--section-border);--chat-muted:var(--color-muted);--chat-mint:var(--section-primary);background:#f8fafa;width:100%;max-width:none;height:100%;padding:0;overflow:hidden}.chat-layout{background:var(--color-surface);grid-template-columns:minmax(300px,350px) minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.chat-sidebar,.chat-panel{min-width:0;min-height:0;overflow:hidden}.chat-sidebar{border-right:1px solid var(--chat-border);background:var(--color-surface);flex-direction:column;height:100%;display:flex}.chat-mobile-list-head,.chat-room-title{z-index:10;grid-template-columns:var(--tap-size) minmax(0, 1fr) var(--tap-size);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--chat-border);background:color-mix(in srgb, var(--color-surface) 94%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);flex:none;min-height:64px;padding:8px 12px;display:grid;position:relative;box-shadow:0 1px #111a2406}.chat-mobile-list-head h1{color:var(--color-heading);font-size:calc(23px * var(--display-scale));letter-spacing:-.035em;text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:760;line-height:1.1;overflow:hidden}.chat-header-balance{width:var(--tap-size);height:var(--tap-size)}.chat-mobile-list-head button,.chat-back-button,.chat-room-info-button,.chat-room-edit-button{width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--chat-navy);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-new-button{background:var(--color-accent-soft)}.chat-new-button .composer-icon-svg{width:20px;height:20px}.chat-room-search{border-bottom:1px solid var(--chat-border);background:var(--color-surface);flex:none;padding:10px 12px 11px;display:block;position:relative}.chat-search-icon{z-index:1;color:var(--color-muted);width:calc(19px * var(--display-scale));height:calc(19px * var(--display-scale));pointer-events:none;line-height:1;position:absolute;top:50%;left:25px;transform:translateY(-50%)}.chat-room-search input{width:100%;min-height:var(--tap-size);border-radius:var(--radius-md);background:var(--color-surface-strong);color:var(--color-text);box-shadow:none;font-size:calc(15px * var(--display-scale));border:1px solid #0000;outline:none;padding:0 38px}.chat-room-search input:focus-visible{border-color:color-mix(in srgb, var(--color-focus) 35%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 12%, transparent)}.chat-room-list{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;overflow-y:auto}.chat-room-item{border-bottom:1px solid var(--chat-border);background:var(--color-surface);transition:background-color var(--duration-fast) var(--ease-standard);position:relative}.chat-room-item-active{background:color-mix(in srgb, var(--color-mint-soft) 76%, var(--color-surface))}.chat-room-main{width:100%;min-height:76px;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:0;padding:10px 50px 10px 14px}.chat-room-main:hover,.chat-room-main:focus-visible{background:var(--color-surface-subtle)}.chat-room-main:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 24%, transparent);outline-offset:-3px}.chat-room-row{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.chat-room-copy,.chat-room-meta{min-width:0}.chat-room-copy strong,.chat-room-copy>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-room-copy strong{color:var(--color-heading);font-size:calc(15px * var(--display-scale));letter-spacing:-.01em;font-weight:720}.chat-room-copy>span{color:var(--chat-muted);font-size:calc(12px * var(--display-scale));margin-top:3px;line-height:1.25}.chat-room-meta{color:var(--chat-muted);justify-items:end;gap:5px;display:grid}.chat-room-meta time{font-size:calc(10px * var(--display-scale))}.chat-room-edit-button{color:var(--color-muted);font-size:calc(11px * var(--display-scale));letter-spacing:.08em;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.chat-room-edit-button:hover,.chat-room-edit-button:focus-visible,.chat-room-info-button:hover,.chat-room-info-button:focus-visible{background:var(--color-surface-strong);color:var(--chat-navy)}.chat-unread-badge{border-radius:var(--radius-pill);background:var(--chat-navy);color:#fff;min-width:20px;height:20px;font-size:calc(10px * var(--display-scale));place-items:center;padding:0 6px;font-weight:760;display:grid}.avatar{border:1px solid color-mix(in srgb, var(--color-border) 72%, transparent);background:var(--color-surface-strong);object-fit:cover;border-radius:50%;width:48px;height:48px;box-shadow:0 1px 3px #111a2414}.avatar-small{width:38px;height:38px}.avatar-fallback{background:linear-gradient(145deg, var(--color-accent-soft), color-mix(in srgb, var(--color-accent-soft) 55%, var(--color-surface)));color:var(--chat-navy);place-items:center;font-weight:760;display:grid}.chat-panel{background:var(--color-canvas);flex-direction:column;height:100%;display:flex}.chat-room-title{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:14px}.chat-mobile-list-head.page-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;margin:0}.chat-mobile-list-head .page-header-copy,.chat-room-title .page-header-copy{min-width:0}.chat-mobile-list-head .page-header-actions,.chat-room-title .page-header-actions{flex-wrap:nowrap}.chat-room-title.page-header{align-items:center;margin:0}.chat-room-title .page-header-subtitle{font-size:calc(11px * var(--display-scale));margin-top:1px}.chat-back-button{display:none}.chat-room-identity{min-width:0;min-height:var(--tap-size);border-radius:var(--radius-md);color:var(--color-heading);text-align:left;background:0 0;border:0;grid-template-columns:38px minmax(0,1fr);justify-self:center;align-items:center;gap:10px;padding:3px 8px;display:inline-grid}.chat-room-identity:hover,.chat-room-identity:focus-visible{background:var(--color-surface-strong)}.chat-room-heading{min-width:0;display:block}.chat-room-heading strong,.chat-room-heading span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-room-heading strong{color:var(--color-heading);font-size:calc(15px * var(--display-scale));letter-spacing:-.015em;font-weight:740}.chat-room-heading span{color:var(--chat-muted);font-size:calc(11px * var(--display-scale));margin-top:2px;font-weight:570}.chat-room-info-button{font-size:calc(11px * var(--display-scale));letter-spacing:.08em;justify-self:end}.chat-room-header-actions{justify-self:end;align-items:center;gap:2px;display:inline-flex}.chat-call-button{width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--chat-navy);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-call-button svg{width:21px;height:21px}.chat-call-button:hover,.chat-call-button:focus-visible{background:var(--color-accent-soft)}.chat-room-search-empty,.chat-empty-state{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 88%, transparent);width:min(100% - 2rem,25rem);color:var(--chat-muted);text-align:center;margin:32px auto;padding:26px 18px}.chat-room-search-empty strong,.chat-empty-state h3{color:var(--color-heading);font-size:calc(17px * var(--display-scale));margin:0;font-weight:720}.chat-room-search-empty p,.chat-empty-state p{font-size:calc(13px * var(--display-scale));margin:6px 0 0;line-height:1.4}.chat-status,.recording-indicator{border-top:1px solid color-mix(in srgb, var(--color-warning) 18%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface));color:var(--color-warning);font-size:calc(12px * var(--display-scale));flex:none;margin:0;padding:8px 12px;line-height:1.35}@media (width<=767px){.chat-route-gesture-layer{width:100%;height:calc(var(--visual-viewport-height) - var(--mobile-tabbar-height) - var(--safe-bottom));min-height:0;position:fixed;inset:0 0 auto;overflow:hidden}.chat-route-gesture-layer>.chat-page,.chat-page .chat-layout,.chat-page .chat-sidebar,.chat-page .chat-panel{width:100%;height:100%;min-height:0}.chat-layout{display:block}.chat-mobile-room-open .chat-sidebar,.chat-mobile-list-open .chat-panel{display:none}.chat-mobile-list-head,.chat-room-title{min-height:calc(58px + var(--safe-top));padding-top:max(8px, var(--safe-top))}.chat-room-title{grid-template-columns:var(--tap-size) minmax(0, 1fr) auto;gap:4px;padding-left:8px;padding-right:8px}.chat-room-title .page-header-actions,.chat-room-title .ui-page-actions{gap:2px}.chat-back-button{border-radius:var(--radius-md);width:auto;min-width:64px;color:var(--chat-navy);justify-content:flex-start;gap:2px;padding:0 7px 0 2px;display:inline-flex}.chat-back-chevron{font-size:calc(31px * var(--display-scale));font-weight:380;line-height:.8}.chat-back-label{font-size:calc(13px * var(--display-scale));font-weight:690}.chat-room-identity{grid-template-columns:34px minmax(0,1fr);gap:8px;padding-inline:4px}.chat-room-identity .avatar-small{width:34px;height:34px}.chat-room-heading strong{font-size:calc(14px * var(--display-scale))}.chat-room-heading span{font-size:calc(10px * var(--display-scale))}.chat-room-main{min-height:78px}}@media (width<=359px){.chat-room-title{grid-template-columns:52px minmax(0,1fr) auto}.chat-call-button,.chat-room-header-actions .chat-room-info-button{width:40px;min-width:40px}.chat-back-button{min-width:52px;padding-right:2px}.chat-back-label{display:none}}@media (prefers-reduced-motion:reduce){.chat-room-item,.chat-sidebar,.chat-panel{transition:none}}.chat-message-list{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background:#f8fafa;flex:auto;min-height:0;padding:18px clamp(16px,5vw,64px) 22px;scroll-padding-block:18px;overflow:hidden auto}.chat-day-separator{border-radius:var(--radius-pill);color:#6e787b;width:max-content;box-shadow:none;font-size:calc(10px * var(--display-scale));background:#fff;border:1px solid #e9ebec;margin:12px auto 11px;padding:5px 11px;font-weight:690;position:static}.chat-message-day{min-width:0;display:flow-root}.chat-call-history-event{border:1px solid var(--section-border);background:color-mix(in srgb, var(--color-surface) 94%, var(--section-highlight));width:min(78%,300px);max-width:100%;color:var(--color-text);border-radius:16px;grid-template-columns:34px minmax(0,auto) auto;align-items:center;gap:9px;margin-block:8px;padding:8px 10px;display:grid;box-shadow:0 2px 8px #111a240a}.chat-call-history-event.is-own{border-color:color-mix(in srgb, var(--section-primary) 38%, var(--section-border));background:var(--section-highlight);margin-left:auto}.chat-call-history-event.is-received{background:var(--color-surface);margin-right:auto}.chat-call-history-event.is-missed,.chat-call-history-event.is-failed{color:var(--color-danger)}.chat-call-history-icon{background:var(--section-highlight);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.chat-call-history-icon :where(svg,.ui-icon){width:18px;height:18px}.chat-call-history-copy{gap:1px;min-width:0;display:grid}.chat-call-history-copy strong,.chat-call-history-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-call-history-copy strong{font-size:calc(13px * var(--display-scale))}.chat-call-history-copy small,.chat-call-history-event time{color:var(--color-text-muted);font-size:calc(10px * var(--display-scale))}.chat-message-sender{color:var(--color-family);font-size:calc(11px * var(--display-scale));margin-bottom:3px;font-weight:760;display:block}.chat-message-swipe-shell{touch-action:pan-y;width:100%;margin:5px 0;display:flex}.chat-message-swipe-shell-own{justify-content:flex-end}.chat-message-swipe-shell-received{justify-content:flex-start}.chat-message{border:1px solid var(--section-border);background:var(--color-surface);width:fit-content;min-width:66px;max-width:min(72%,610px);color:var(--color-text);border-radius:18px 18px 18px 6px;padding:9px 11px 7px;box-shadow:0 2px 8px #111a240b}.chat-message-own{border-color:color-mix(in srgb, var(--section-primary) 38%, var(--section-border));background:var(--section-highlight);color:var(--color-text);border-radius:18px 18px 6px;box-shadow:0 3px 10px #1f2a2c0d}.chat-message p,.chat-message a,.chat-message strong,.chat-message span{color:inherit}.chat-message p{overflow-wrap:break-word;font-size:calc(14px * var(--display-scale));white-space:pre-wrap;margin:0;line-height:1.43}.chat-message p a,.chat-message a{overflow-wrap:anywhere;word-break:break-word}.chat-message-meta{font-size:calc(9px * var(--display-scale));opacity:.6;justify-content:flex-end;gap:4px;margin-top:4px;line-height:1;display:flex}.chat-message-actions{flex-wrap:wrap;gap:2px;margin:3px -5px -4px;display:flex}.chat-message-actions button{min-height:var(--tap-size);border-radius:var(--radius-pill);color:inherit;font-size:calc(10px * var(--display-scale));opacity:.66;background:0 0;border:0;padding:0 7px;font-weight:690}.chat-message-actions button:focus-visible,.chat-message-actions button:hover{background:color-mix(in srgb, currentColor 9%, transparent);opacity:1}.reply-preview{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb, currentColor 8%, transparent);opacity:.82;width:100%;color:inherit;text-align:left;border:0;border-left:3px solid;gap:2px;margin-bottom:7px;padding:6px 8px;display:grid}.reply-preview strong{font-size:calc(11px * var(--display-scale));font-weight:760}.reply-preview span{font-size:calc(11px * var(--display-scale));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-preview.is-unavailable{cursor:default;opacity:.68}.deleted-message{opacity:.68;font-style:italic}.chat-image-link,.chat-file-link{border-radius:12px;display:block}.chat-image{object-fit:cover;border-radius:12px;max-width:100%;max-height:340px;display:block}.chat-file-link,.voice-message{gap:6px;display:grid}.chat-file-link{min-height:var(--tap-size);border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);align-content:center;padding:8px 10px}.chat-file-link strong{overflow-wrap:anywhere}.voice-message audio{width:min(270px,100%);max-width:100%}.voice-message>span{font-size:calc(10px * var(--display-scale));opacity:.72}@media (width<=767px){.chat-message-list{scrollbar-gutter:auto;padding:13px 10px 14px}.chat-message{border-radius:17px 17px 17px 5px;max-width:86%}.chat-message-own{border-radius:17px 17px 5px}.chat-message-actions button{min-height:var(--tap-size)}}@media (width<=359px){.chat-message{max-width:90%}}@media (prefers-reduced-motion:reduce){.chat-message-list{scroll-behavior:auto}}.chat-status{border:1px solid color-mix(in srgb, var(--color-warning) 24%, transparent);background:color-mix(in srgb, var(--color-surface) 90%, var(--color-warning) 10%);color:var(--color-warning)}.chat-panel-status{display:none}@media (width<=767px){.chat-mobile-room-open .chat-panel-status{top:calc(56px + var(--safe-top) + var(--space-2));right:var(--space-3);left:var(--space-3);z-index:var(--z-dropdown);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:block;position:absolute}}.chat-sheet-backdrop{-webkit-backdrop-filter:blur(7px);background:#111a243d;place-items:center;padding:20px;display:grid}.chat-sheet{width:min(100%,540px);max-height:calc(var(--overlay-available-height) - var(--safe-top) - var(--safe-bottom) - 1rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-float);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.chat-sheet-header{z-index:2;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 96%, transparent);-webkit-backdrop-filter:blur(16px);grid-template-columns:minmax(80px,auto) minmax(0,1fr) minmax(80px,auto);min-height:60px;padding:8px 14px;display:grid;position:sticky;top:0}.chat-sheet-header h2{text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.08rem;font-weight:740;overflow:hidden}.chat-sheet-header button{width:fit-content;min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--color-accent-strong);font-size:calc(12px * var(--display-scale));background:0 0;border:0;justify-self:start;padding:0 8px;font-weight:700}.chat-sheet-body{min-width:0;padding:16px}.chat-new-chat-form,.chat-edit-form,.chat-contact-list,.chat-presence-list,.chat-delete-confirm{gap:9px;display:grid}.chat-new-chat-form label,.chat-edit-form label{color:var(--color-muted-strong);font-size:calc(12px * var(--display-scale));gap:6px;font-weight:690;display:grid}.chat-new-chat-form input,.chat-edit-form input,.chat-edit-form textarea{width:100%;min-height:var(--tap-size);background:var(--color-surface-subtle);padding:10px 12px}.chat-contact-list,.chat-presence-list{border:1px solid var(--chat-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.chat-contact-row{grid-template-columns:38px minmax(0, 1fr) var(--tap-size);border:0;border-bottom:1px solid var(--chat-border);background:var(--color-surface);min-height:58px;color:var(--color-text);text-align:left;border-radius:0;align-items:center;gap:10px;padding:7px 8px 7px 10px;display:grid}.chat-contact-row:last-child,.chat-presence-row:last-child{border-bottom:0}.chat-contact-row.selected{background:var(--color-accent-soft)}.chat-contact-row>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.chat-contact-row i{width:var(--tap-size);height:var(--tap-size);border-radius:var(--radius-pill);color:var(--color-accent-strong);font-size:calc(18px * var(--display-scale));place-items:center;font-style:normal;font-weight:720;display:grid}.chat-info-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.chat-avatar-upload{width:fit-content;min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-accent-strong);cursor:pointer;justify-content:center;align-items:center;padding:0 14px;display:inline-flex}.chat-avatar-upload input{display:none}.chat-new-chat-footer,.chat-edit-form footer,.chat-delete-confirm footer{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.chat-new-chat-footer button,.chat-edit-form footer button,.chat-delete-confirm footer button{min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-subtle);color:var(--color-heading);padding:0 14px;font-weight:700}.chat-new-chat-footer button.primary,.chat-edit-form footer button.primary{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.chat-edit-form footer button.danger,.chat-delete-confirm footer button.danger{border-color:color-mix(in srgb, var(--color-danger) 24%, var(--color-border));color:var(--color-danger)}.chat-presence-row{border:0;border-bottom:1px solid var(--chat-border);background:var(--color-surface);min-height:58px;color:var(--color-text);border-radius:0;grid-template-columns:10px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.chat-presence-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-presence-row small{color:var(--chat-muted)}.chat-presence-dot{border-radius:var(--radius-pill);background:var(--color-border-strong);width:10px;height:10px}.chat-presence-dot.is-online{background:var(--color-success);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-success) 13%, transparent)}.chat-delete-confirm p{color:var(--color-muted-strong);margin-bottom:0}@media (width<=767px){.chat-sheet-backdrop{align-items:end;padding:0}.chat-sheet{width:100%;max-height:90dvh;padding-bottom:var(--safe-bottom);border-bottom:0;border-left:0;border-right:0;border-radius:22px 22px 0 0;position:relative}.chat-sheet:before{z-index:4;border-radius:var(--radius-pill);background:var(--color-border-strong);content:"";width:38px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.chat-sheet-header{padding-top:18px}.chat-new-chat-footer,.chat-edit-form footer,.chat-delete-confirm footer{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.chat-new-chat-footer button,.chat-edit-form footer button,.chat-delete-confirm footer button{width:100%}.chat-edit-form footer button:nth-child(3){grid-column:1/-1}}@media (width<=359px){.chat-new-chat-footer,.chat-edit-form footer,.chat-delete-confirm footer{grid-template-columns:1fr}.chat-edit-form footer button:nth-child(3){grid-column:auto}}.chat-edit-form .chat-notification-settings{border:1px solid var(--color-border);border-radius:var(--radius-control);gap:.35rem;margin:0;padding:.75rem;display:grid}.chat-notification-settings legend{padding:0 .25rem;font-weight:800}.chat-notification-settings label{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;display:flex}.chat-edit-form .chat-notification-settings input[type=checkbox]{width:1.5rem;height:1.5rem;min-height:auto;accent-color:var(--color-accent)}.chat-message-list{background:#f8fafa}.chat-day-separator{border-color:color-mix(in srgb, var(--chat-border) 76%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:none;color:var(--color-muted-strong);font-size:calc(10px * var(--display-scale));letter-spacing:.015em;padding:6px 12px}.chat-message{border-color:color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:19px 19px 19px 7px;max-width:min(76%,620px);padding:10px 12px 8px;box-shadow:0 5px 16px #1f2a2c0d}.chat-message-own{border-color:color-mix(in srgb, var(--section-primary) 38%, var(--section-border));background:var(--section-highlight);border-radius:19px 19px 7px;box-shadow:0 5px 16px #1f2a2c0d}.chat-message p{font-size:calc(14px * var(--display-scale));line-height:1.48}.chat-message-meta{font-size:calc(10px * var(--display-scale));opacity:.68;margin-top:5px}.chat-message-meta .ui-icon{width:.95rem;height:.95rem}.chat-message-actions{gap:3px;margin:4px -5px -5px}.chat-message-actions button{min-width:var(--tap-size);min-height:var(--tap-size);font-size:calc(10px * var(--display-scale));opacity:.72;padding:0 9px}.reply-preview{background:color-mix(in srgb, currentColor 7%, transparent);opacity:.88;border-left-width:3px;margin-bottom:8px;padding:7px 9px}.chat-file-link{border-radius:var(--radius-md);padding:10px 11px}@media (width<=767px){.chat-message-list{padding-inline:9px}.chat-message{border-radius:18px 18px 18px 6px;max-width:88%}.chat-message-own{border-radius:18px 18px 6px}}@media (width<=359px){.chat-message{max-width:91%}}.chat-room-tools{z-index:3;border-bottom:1px solid var(--color-border);background:var(--color-surface);position:relative}.chat-room-tools-actions{scrollbar-width:none;gap:4px;padding:6px clamp(10px,3vw,22px);display:flex;overflow-x:auto}.chat-room-tools-actions button,.chat-message-search button{min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--color-muted-strong);font:inherit;font-size:calc(12px * var(--display-scale));background:0 0;border:0;flex:none;padding:0 12px;font-weight:700}.chat-room-tools-actions button[aria-expanded=true],.chat-room-tools-actions button:hover{background:var(--color-accent-soft);color:var(--color-text)}.chat-room-tool-panel{border-top:1px solid var(--color-border);background:var(--color-surface);max-height:min(38vh,360px);padding:10px clamp(12px,3vw,22px);overflow-y:auto}.chat-message-search{grid-template-columns:1fr auto;gap:8px;display:grid}.chat-message-search input,.chat-message-edit textarea{width:100%;min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-canvas);color:var(--color-text);font:inherit;padding:9px 11px}.chat-message-search button{background:var(--color-accent-soft);color:var(--color-text)}.chat-tool-status,.chat-tool-empty{color:var(--color-muted-strong);font-size:calc(12px * var(--display-scale));margin:7px 0}.chat-tool-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.chat-tool-list li{align-items:center;gap:8px;display:flex}.chat-tool-list li>button{min-height:var(--tap-size);border-radius:var(--radius-md);color:var(--color-text);text-align:left;background:0 0;border:0;flex:1;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 10px;display:grid}.chat-tool-list li>button:hover{background:var(--color-accent-soft)}.chat-tool-list strong,.chat-tool-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-tool-list span{font-size:calc(12px * var(--display-scale));grid-column:1/-1}.chat-tool-list time{color:var(--color-muted-strong);font-size:calc(10px * var(--display-scale))}.chat-tool-list a{min-height:var(--tap-size);align-items:center;display:inline-flex}.chat-message-highlight .chat-message{outline:3px solid var(--color-focus);outline-offset:3px}.chat-message-edit{gap:6px;min-width:min(330px,70vw);display:grid}.chat-message-edit>span,.chat-message-reactions,.chat-reaction-picker{flex-wrap:wrap;gap:4px;display:flex}.chat-message-edit button,.chat-message-reactions button,.chat-reaction-picker button{min-width:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 10%, transparent);color:inherit;border:0}.chat-message-reactions{margin-top:5px}.chat-message-reactions button[aria-pressed=true]{outline-offset:-2px;outline:2px solid}.chat-reaction-picker{margin-top:5px}.chat-reaction-picker button{font-size:20px}.chat-mention-suggestions{border-top:1px solid var(--color-border);background:var(--color-surface);gap:6px;padding:6px 10px;display:flex;overflow-x:auto}.chat-mention-suggestions button{min-height:var(--tap-size);border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-text);font:inherit;border:0;flex:none;padding:0 12px}@media (prefers-reduced-motion:reduce){.chat-message-highlight .chat-message{transition:none}}.chat-message{position:relative}.chat-message:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 38%, transparent);outline-offset:3px}.chat-message-swipe-shell-reacted{margin-bottom:27px}.reaction-bar{z-index:2;display:block;position:absolute;bottom:-34px;left:5px}.chat-message-own .reaction-bar{left:auto;right:5px}.reaction-bar>button{min-width:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:6px;display:inline-flex}.reaction-summary-visual{border-radius:var(--radius-pill);min-height:28px;color:var(--color-heading);background:#fff;border:1px solid #e2e6e7;justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:17px;line-height:1;display:inline-flex;box-shadow:0 2px 5px #1f2a2c24}.reaction-bar>button[aria-pressed=true] .reaction-summary-visual{border-color:color-mix(in srgb, var(--section-primary) 54%, #e2e6e7)}.reaction-summary-emojis{align-items:center;display:inline-flex}.reaction-summary-emojis>span+span{margin-left:-3px}.reaction-summary-visual strong{color:var(--color-muted);font-size:calc(11px * var(--display-scale));font-weight:720}.reaction-picker{z-index:var(--z-dropdown);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:max-content;max-width:min(19rem,100vw - 24px);box-shadow:var(--shadow-float);color:var(--color-heading);flex-wrap:wrap;gap:3px;padding:5px;display:flex;position:absolute;bottom:calc(100% + 7px);right:0}.chat-message-swipe-shell-received .reaction-picker{left:0;right:auto}.reaction-picker button{width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);background:0 0;border:0;border-radius:50%;padding:0;font-size:21px}.reaction-picker button:hover,.reaction-picker button:focus-visible,.reaction-picker button[aria-pressed=true]{background:var(--section-highlight)}.chat-message-actions{display:none}.reaction-details-backdrop{padding:var(--space-3) var(--space-3) max(var(--safe-bottom), var(--space-3));background:#1f2a2c57;justify-content:center;align-items:flex-end;display:flex}.reaction-details-sheet{width:min(100%,30rem);max-height:min(calc(var(--overlay-available-height) - var(--safe-top) - var(--safe-bottom) - 1.5rem), 34rem);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-float);overflow-y:auto}.reaction-details-sheet header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.reaction-details-sheet h2{font-size:calc(20px * var(--display-scale));margin:0}.reaction-details-sheet header button{width:var(--tap-size);min-height:var(--tap-size);background:var(--color-surface-strong);color:var(--color-heading);border:0;border-radius:50%;font-size:24px}.reaction-details-sheet ul{margin:var(--space-3) 0 0;gap:0;padding:0;list-style:none;display:grid}.reaction-details-sheet li{min-height:var(--tap-size);border-top:1px solid var(--color-border);color:var(--color-text);align-items:center;gap:10px;padding:11px 4px;display:flex}.reaction-details-sheet li>span:first-child{font-size:20px}@media (hover:hover) and (pointer:fine){.chat-message:hover>.chat-message-actions,.chat-message:focus-within>.chat-message-actions{display:flex}}@media (width>=768px){.reaction-details-backdrop{padding:var(--space-5);align-items:center}}.chat-page .chat-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.chat-page .chat-room-title,.chat-page .chat-panel-status,.chat-page .composer-reply-bar,.chat-page .recording-indicator{flex:none}.chat-page .chat-message-list{flex:auto;min-height:0}.chat-page .composer-reply-bar{grid-template-columns:minmax(0, 1fr) var(--tap-size);border-top:1px solid var(--chat-border);background:color-mix(in srgb, var(--color-surface) 97%, transparent);color:var(--chat-muted);font-size:calc(11px * var(--display-scale));-webkit-backdrop-filter:blur(16px);align-items:center;gap:8px;padding:7px 11px 7px 14px;display:grid}.chat-page .composer-reply-bar>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-page .composer-reply-bar strong{color:var(--chat-navy);font-weight:740}.chat-page .composer-reply-bar button{width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--chat-navy);font-size:calc(22px * var(--display-scale));background:0 0;border:0;place-items:center;padding:0;display:grid}.chat-page .composer-reply-bar button:hover,.chat-page .composer-reply-bar button:focus-visible{background:var(--color-surface-strong)}.chat-page .messenger-composer{z-index:var(--z-sticky);grid-template-columns:var(--tap-size) minmax(0, 1fr) var(--tap-size);border-top:1px solid var(--chat-border);background:color-mix(in srgb, var(--color-surface) 97%, transparent);visibility:visible;opacity:1;-webkit-backdrop-filter:blur(20px)saturate(1.08);flex:none;align-items:end;gap:8px;width:100%;min-width:0;padding:9px 12px 10px;display:grid;position:relative;box-shadow:0 -8px 24px #111a240b}.chat-page .composer-file-input{clip-path:inset(50%);opacity:0;pointer-events:none;width:1px;height:1px;margin:-1px;position:absolute;overflow:clip}.chat-page .composer-icon-button,.chat-page .composer-action-button{width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);background:var(--color-surface-strong);color:var(--chat-navy);box-shadow:none;transition:transform var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.chat-page .composer-icon-button:hover,.chat-page .composer-icon-button:focus-visible{background:var(--section-highlight)}.chat-page .composer-action-button{background:var(--chat-navy);color:#fff;box-shadow:0 3px 9px color-mix(in srgb, var(--chat-navy) 20%, transparent)}.chat-page .composer-action-button:active,.chat-page .composer-icon-button:active{transform:scale(.95)}.chat-page .composer-action-button:disabled,.chat-page .composer-icon-button:disabled{cursor:not-allowed;opacity:.48}.chat-page .composer-action-button.is-recording{background:var(--color-danger);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-danger) 13%, transparent)}.chat-page .composer-icon-svg{width:19px;height:19px}.chat-page .composer-input-pill{border:1px solid var(--chat-border);background:var(--color-surface-subtle);min-width:0;transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:23px}.chat-page .composer-input-pill:focus-within{border-color:color-mix(in srgb, var(--color-focus) 38%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 11%, transparent)}.chat-page .composer-textarea{width:100%;min-height:var(--tap-size);resize:none;border-radius:inherit;max-height:112px;color:var(--color-text);box-shadow:none;font-size:calc(16px * var(--display-scale));background:0 0;border:0;outline:0;padding:10px 14px;line-height:1.42;display:block;overflow-y:auto}.chat-page .composer-textarea::placeholder{color:color-mix(in srgb, var(--color-muted) 82%, transparent)}.chat-page .recording-indicator{border-top:1px solid color-mix(in srgb, var(--color-danger) 20%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 7%, var(--color-surface));color:var(--color-danger);text-align:center;padding:7px 12px}.chat-image-preview-backdrop{z-index:var(--z-modal,1000);padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);background:#12161be0;place-items:center;display:grid;position:fixed;inset:0}.chat-image-preview{color:#fff;background:#171b20;border:1px solid #ffffff24;border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(860px,100%);display:grid;overflow:hidden;box-shadow:0 28px 90px #00000061}.chat-image-preview-header{background:#14181df0;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.chat-image-preview-header>div{gap:2px;min-width:0;display:grid}.chat-image-preview-header strong{color:#fff;font-size:15px}.chat-image-preview-header span{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-image-preview-close{color:#fff;background:#ffffff17;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:30px;line-height:1;display:grid}.chat-image-preview-stage{background:#0e1115;place-items:center;min-height:220px;display:grid;overflow:hidden}.chat-image-preview-stage img{object-fit:contain;max-width:100%;max-height:68vh;display:block}.chat-image-preview-footer{background:#14181df5;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.chat-image-caption-field{min-width:0}.chat-image-caption-field textarea{resize:vertical;color:#fff;width:100%;min-height:48px;max-height:132px;box-shadow:none;background:#ffffff14;border:1px solid #ffffff1f;border-radius:22px;padding:12px 15px;font-size:16px;line-height:1.4;display:block}.chat-image-caption-field textarea::placeholder{color:#ffffff8c}.chat-image-preview-send{background:var(--chat-navy);color:#fff;border:0;border-radius:24px;min-width:88px;min-height:48px;padding:0 18px;font-weight:760}.chat-image-preview-send:disabled,.chat-image-preview-close:disabled{cursor:not-allowed;opacity:.55}.chat-image-message{gap:7px;display:grid}.chat-media-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:0 2px 2px}@media (width<=767px){.chat-route-gesture-layer>.chat-page{width:100%;height:100%;min-height:0;overflow:hidden}.chat-page .chat-layout,.chat-page .chat-panel{width:100%;height:100%;min-height:0}.chat-page .messenger-composer{gap:7px;padding:8px 10px;bottom:auto}.chat-image-preview-backdrop{padding:0}.chat-image-preview{border:0;border-radius:0;width:100%;height:100%;max-height:none}.chat-image-preview-stage img{max-height:none}.chat-image-preview-footer{padding-bottom:max(12px, env(safe-area-inset-bottom))}}@media (width<=359px){.chat-page .messenger-composer{gap:6px;padding-inline:7px}.chat-image-preview-footer{grid-template-columns:minmax(0,1fr)}.chat-image-preview-send{width:100%}}@media (prefers-reduced-motion:reduce){.chat-page .composer-icon-button,.chat-page .composer-action-button,.chat-page .composer-input-pill{transition:none}}.chat-panel{position:relative}.chat-room-preview.is-unread{color:var(--color-heading);font-weight:680}.chat-room-meta.is-unread time{color:var(--chat-navy);font-weight:720}.chat-room-header-identity{min-width:0;color:inherit;font:inherit;text-align:left;vertical-align:middle;background:0 0;border:0;align-items:center;gap:8px;width:100%;max-width:100%;padding:0;display:inline-flex}.chat-room-header-identity>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-room-title .page-header-copy h1{min-width:0;font-size:calc(17px * var(--display-scale));letter-spacing:-.018em;white-space:nowrap;font-weight:760;line-height:1.12}.chat-room-header-identity .avatar-small{flex:none}.chat-typing-label{color:var(--chat-navy);font-weight:680}.chat-message-swipe-shell{margin-block:1px}.chat-message-swipe-shell.chat-message-cluster-start{margin-top:7px}.chat-message-swipe-shell.chat-message-cluster-end{margin-bottom:7px}.chat-message:not(.chat-message-cluster-start):not(.chat-message-own){border-top-left-radius:8px}.chat-message:not(.chat-message-cluster-end):not(.chat-message-own){border-bottom-left-radius:8px}.chat-message-own:not(.chat-message-cluster-start){border-top-right-radius:8px}.chat-message-own:not(.chat-message-cluster-end){border-bottom-right-radius:8px}.chat-message-sender{margin-bottom:4px}.chat-delivery-read{color:var(--chat-navy);opacity:1}.chat-delivery-details-button{min-width:24px;min-height:24px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.chat-delivery-details-button:focus-visible{outline-offset:1px;outline:2px solid}.chat-message-actions{z-index:var(--z-dropdown);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:max-content;max-width:min(31rem,100vw - 24px);box-shadow:var(--shadow-float);color:var(--color-heading);overscroll-behavior-x:contain;flex-wrap:nowrap;gap:2px;margin:0;padding:4px;display:none;position:absolute;top:calc(100% + 7px);bottom:auto;overflow-x:auto}.chat-message:not(.chat-message-own) .chat-message-actions{left:0}.chat-message-own .chat-message-actions{right:0}.chat-message.is-actions-open>.chat-message-actions{display:flex}.chat-message-actions button{opacity:1;flex:none;min-width:auto;min-height:40px;padding-inline:11px}.chat-message-actions .chat-message-action-danger{color:var(--color-danger)}@media (hover:hover) and (pointer:fine){.chat-message:hover>.chat-message-actions,.chat-message:focus-within>.chat-message-actions{display:none}.chat-message.is-actions-open>.chat-message-actions{display:flex}}.chat-scroll-bottom-button{z-index:var(--z-sticky);border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:42px;height:42px;color:var(--chat-navy);-webkit-backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:78px;right:16px;box-shadow:0 7px 24px #1f2a2c2e}.chat-scroll-bottom-button>span{font-size:23px;line-height:1;transform:translateY(-1px)}.chat-scroll-bottom-button strong{border-radius:var(--radius-pill);background:var(--chat-navy);color:#fff;place-items:center;min-width:20px;height:20px;padding-inline:5px;font-size:10px;display:grid;position:absolute;top:-7px;right:-5px}.composer-attachment-wrap{position:relative}.composer-attachment-menu{z-index:var(--z-dropdown);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:min(260px,100vw - 24px);box-shadow:var(--shadow-float);padding:5px;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;overflow:hidden}.composer-attachment-menu button{border-radius:var(--radius-md);min-height:54px;color:var(--color-text);text-align:left;background:0 0;border:0;gap:2px;padding:8px 12px;display:grid}.composer-attachment-menu button:hover,.composer-attachment-menu button:focus-visible{background:var(--section-highlight)}.composer-attachment-menu strong{color:var(--color-heading);font-size:14px;font-weight:720}.composer-attachment-menu span{color:var(--color-muted);font-size:11px}.chat-page .composer-textarea{height:auto;min-height:var(--tap-size);max-height:120px}.chat-recording-composer{align-items:center}.chat-recording-state{min-width:0;color:var(--color-text);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.chat-recording-state strong{color:var(--color-heading);font-variant-numeric:tabular-nums;font-size:15px}.chat-recording-state>span:last-child{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.chat-recording-dot{background:var(--color-danger);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-danger) 12%, transparent);border-radius:50%;animation:1.25s ease-in-out infinite chat-recording-pulse}.chat-recording-cancel{color:var(--color-danger)}@keyframes chat-recording-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.52;transform:scale(.82)}}@media (width<=767px){.chat-room-main{min-height:72px}.chat-room-row{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.chat-room-row .avatar{width:46px;height:46px}.chat-room-copy>span{font-size:calc(12px * var(--display-scale));margin-top:2px}.chat-message-list{padding-top:8px}.chat-message{max-width:86%;padding:8px 10px 6px}.chat-message p{font-size:calc(14.5px * var(--display-scale));line-height:1.42}.chat-message-actions{max-width:calc(100vw - 18px)}.chat-scroll-bottom-button{bottom:72px;right:12px}.composer-attachment-menu{right:10px;bottom:calc(var(--mobile-tabbar-height) + var(--safe-bottom) + 66px);width:auto;position:fixed;left:10px}}@media (prefers-reduced-motion:reduce){.chat-recording-dot{animation:none}}.chat-load-older{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) 94%, transparent);width:max-content;max-width:calc(100% - 24px);min-height:34px;color:var(--color-muted-strong);font-size:calc(11px * var(--display-scale));margin:4px auto 10px;padding:5px 12px;display:block;box-shadow:0 3px 12px #1f2a2c0d}.chat-load-older:disabled{opacity:.62}.chat-archive-row{border:0;border-bottom:1px solid var(--color-border);width:100%;min-height:48px;color:var(--color-heading);text-align:left;background:0 0;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:7px 13px 7px 17px;display:grid}.chat-archive-row:hover,.chat-archive-row:focus-visible{background:var(--section-highlight)}.chat-archive-row>span{font-size:calc(13px * var(--display-scale));font-weight:700}.chat-archive-row>strong{min-width:22px;color:var(--color-muted);font-size:calc(11px * var(--display-scale));text-align:right}.chat-archive-row .ui-icon{width:17px;height:17px;color:var(--color-muted)}.chat-room-item.is-pinned .chat-room-copy>strong{font-weight:760}.chat-room-indicators{justify-content:flex-end;align-items:center;gap:5px;min-height:22px;display:inline-flex}.chat-room-pin{color:var(--color-muted);display:inline-flex}.chat-room-pin .ui-icon{width:14px;height:14px}.chat-list-settings,.chat-notification-settings{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:0;margin:0;padding:0;display:grid;overflow:hidden}.chat-list-settings legend,.chat-notification-settings legend{color:var(--color-muted);font-size:calc(10px * var(--display-scale));letter-spacing:.04em;text-transform:uppercase;margin-left:10px;padding-inline:5px;font-weight:720}.chat-list-settings label,.chat-notification-settings label{justify-content:space-between;align-items:center;gap:14px;min-height:50px;padding:9px 12px;display:flex}.chat-list-settings label+label,.chat-notification-settings label+label{border-top:1px solid var(--color-border)}.chat-list-settings input,.chat-notification-settings input{flex:none}.chat-forwarded-label{color:var(--color-muted);font-size:calc(9.5px * var(--display-scale));margin-bottom:3px;font-style:italic;display:block}.chat-link-preview{border:1px solid color-mix(in srgb, currentColor 12%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, currentColor 5%, transparent);color:inherit;gap:2px;margin-top:7px;padding:8px 9px;text-decoration:none;display:grid;overflow:hidden}.chat-link-preview>span{color:var(--color-muted-strong);font-size:calc(9.5px * var(--display-scale));text-transform:lowercase;font-weight:720}.chat-link-preview>strong,.chat-link-preview>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-link-preview>strong{font-size:calc(12px * var(--display-scale))}.chat-link-preview>small{color:var(--color-muted);font-size:calc(9.5px * var(--display-scale))}.chat-image-link{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.chat-media-viewer{gap:12px;margin:0;display:grid}.chat-media-viewer>img{border-radius:var(--radius-lg);object-fit:contain;background:#111;width:100%;max-height:min(70vh,760px)}.chat-media-viewer figcaption{gap:5px;display:grid}.chat-media-viewer figcaption p{white-space:pre-wrap;margin:0}.chat-media-viewer figcaption a{width:max-content;color:var(--chat-navy);font-size:calc(11px * var(--display-scale));font-weight:700}.chat-forward-preview{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--section-highlight);gap:3px;padding:10px 12px;display:grid}.chat-forward-preview small,.chat-forward-preview span{color:var(--color-muted);font-size:calc(10px * var(--display-scale))}.chat-forward-preview span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-forward-room-list{gap:2px;margin-top:10px;display:grid}.chat-forward-room{border-radius:var(--radius-lg);min-height:58px;color:var(--color-text);text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:7px 9px;display:grid}.chat-forward-room:hover,.chat-forward-room:focus-visible,.chat-forward-room.selected{border-color:var(--section-border);background:var(--section-highlight)}.chat-forward-room>span{gap:2px;min-width:0;display:grid}.chat-forward-room strong,.chat-forward-room small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-forward-room small,.chat-forward-empty{color:var(--color-muted);font-size:calc(10px * var(--display-scale))}.chat-forward-footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.chat-forward-footer button{min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);padding:8px 14px}.chat-forward-footer button.primary{border-color:var(--chat-navy);background:var(--chat-navy);color:#fff}@media (width<=767px){.chat-archive-row{min-height:50px}.chat-media-viewer>img{max-height:64vh}.chat-forward-footer{background:var(--color-surface);padding-top:8px;position:sticky;bottom:0}}.chat-message-info-summary{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--section-highlight);gap:3px;padding:10px 12px;display:grid}.chat-message-info-summary strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-message-info-summary span,.chat-message-info-state{color:var(--color-muted);font-size:calc(10px * var(--display-scale))}.chat-message-info-list{gap:2px;margin-top:10px;display:grid}.chat-message-info-row{border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:9px 2px;display:grid}.chat-message-info-row:last-child{border-bottom:0}.chat-message-info-row>div{gap:2px;min-width:0;display:grid}.chat-message-info-row strong{color:var(--color-heading);font-size:calc(12px * var(--display-scale))}.chat-message-info-row span{color:var(--color-muted);font-size:calc(10px * var(--display-scale))}.chat-message-info-row span.is-complete{color:var(--color-muted-strong)}.chat-history-more{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);width:max-content;max-width:100%;min-height:36px;color:var(--color-muted-strong);font-size:calc(10.5px * var(--display-scale));margin:10px auto 2px;padding:7px 13px;font-weight:680;display:block}.chat-history-more:hover,.chat-history-more:focus-visible{background:var(--section-highlight)}.chat-history-more:disabled{opacity:.58}.chat-tool-list small{color:var(--color-muted);font-size:calc(9px * var(--display-scale));font-weight:650}.chat-group-members{border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:8px;margin:0;padding:8px 10px 10px;display:grid}.chat-group-members legend{color:var(--color-muted);font-size:calc(10px * var(--display-scale));letter-spacing:.04em;text-transform:uppercase;padding-inline:5px;font-weight:720}.chat-group-members>p{color:var(--color-muted);font-size:calc(10px * var(--display-scale));margin:0 2px 4px;line-height:1.4}.chat-group-member-list{gap:2px;display:grid}.chat-group-member{border-radius:var(--radius-md);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:6px 7px;display:grid}.chat-group-member.selected{background:var(--section-highlight)}.chat-group-member>span{gap:1px;min-width:0;display:grid}.chat-group-member strong,.chat-group-member small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-group-member strong{color:var(--color-heading);font-size:calc(12px * var(--display-scale))}.chat-group-member small{color:var(--color-muted);font-size:calc(9.5px * var(--display-scale))}.chat-group-member input{flex:none}.chat-unread-marker{background:var(--color-accent);border-radius:50%;width:9px;height:9px;display:inline-block}.chat-room-item.is-marked-unread .chat-room-copy>strong{font-weight:760}.chat-unread-boundary{color:var(--color-accent);font-size:calc(10px * var(--display-scale));letter-spacing:.02em;grid-template-columns:minmax(12px,1fr) auto minmax(12px,1fr);align-items:center;gap:8px;margin:8px 2px 10px;font-weight:760;display:grid}.chat-unread-boundary:before,.chat-unread-boundary:after{background:color-mix(in srgb, var(--color-accent) 34%, transparent);content:"";height:1px}.chat-unread-boundary>span{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-accent) 9%, var(--color-surface));padding:3px 8px}.chat-mute-status{justify-content:space-between;align-items:center;gap:12px;padding:3px 1px 6px;display:flex}.chat-mute-status span{color:var(--color-heading);font-size:calc(11px * var(--display-scale))}.chat-mute-status strong{color:var(--color-muted);font-size:calc(9.5px * var(--display-scale));text-align:right;font-weight:650}.chat-mute-options{flex-wrap:wrap;gap:6px;padding-bottom:4px;display:flex}.chat-mute-options button{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);min-height:34px;color:var(--color-heading);font-size:calc(9.5px * var(--display-scale));padding:6px 11px;font-weight:680}.chat-mute-options button:hover,.chat-mute-options button:focus-visible{background:var(--section-highlight)}.chat-room-preview.has-draft{color:var(--color-accent);font-weight:700}.chat-image-preview-stage video{object-fit:contain;background:#080a0c;width:100%;max-width:100%;max-height:68vh;display:block}.chat-video-message{gap:7px;min-width:0;display:grid}.chat-video-message>video{border-radius:var(--radius-md);object-fit:contain;background:#080a0c;width:min(100%,420px);max-height:52vh;display:block}.chat-video-open{border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 7%, transparent);width:max-content;min-height:32px;color:inherit;font-size:calc(10px * var(--display-scale));border:0;padding:5px 10px;font-weight:720}.chat-video-open:hover,.chat-video-open:focus-visible{background:color-mix(in srgb, currentColor 12%, transparent)}.chat-media-viewer>video{border-radius:var(--radius-lg);object-fit:contain;background:#080a0c;width:100%;max-height:min(70vh,760px);display:block}@media (width<=767px){.chat-image-preview-stage video{max-height:none}.chat-video-message>video{max-height:46vh}.chat-media-viewer>video{max-height:64vh}}.chat-voice-message{grid-template-columns:38px minmax(120px,1fr) auto;align-items:center;gap:9px;min-width:min(290px,70vw);display:grid}.chat-voice-message audio{display:none}.chat-voice-play,.chat-voice-rate{border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 9%, transparent);min-width:38px;min-height:38px;color:inherit;border:0;place-items:center;display:grid}.chat-voice-play svg{width:19px;height:19px}.chat-voice-rate{min-width:42px;font-size:calc(10px * var(--display-scale));padding-inline:8px;font-weight:760}.chat-voice-play:hover,.chat-voice-play:focus-visible,.chat-voice-rate:hover,.chat-voice-rate:focus-visible{background:color-mix(in srgb, currentColor 15%, transparent)}.chat-voice-progress{gap:3px;min-width:0;display:grid}.chat-voice-progress input[type=range]{accent-color:currentColor;width:100%;min-width:0}.chat-voice-progress span{font-size:calc(9px * var(--display-scale));opacity:.68;font-variant-numeric:tabular-nums}@media (width<=359px){.chat-voice-message{grid-template-columns:36px minmax(96px,1fr) 40px;gap:7px;min-width:min(250px,74vw)}}.chat-room-item{position:relative}.chat-room-quick-menu{z-index:calc(var(--z-sticky) + 1);border:1px solid var(--chat-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 97%, transparent);-webkit-backdrop-filter:blur(18px);min-width:190px;display:grid;position:absolute;top:calc(100% - 8px);right:10px;overflow:hidden;box-shadow:0 16px 40px #111a2429}.chat-room-quick-menu button{border:0;border-bottom:1px solid var(--chat-border);min-height:42px;color:var(--color-text);text-align:left;font:inherit;background:0 0;padding:9px 13px}.chat-room-quick-menu button:last-child{border-bottom:0}.chat-room-quick-menu button:hover,.chat-room-quick-menu button:focus-visible{background:var(--color-surface-strong)}@media (width<=767px){.chat-room-quick-menu{min-width:min(220px,100vw - 36px);right:8px}}.chat-message-star{color:var(--color-accent);font-size:calc(10px * var(--display-scale));line-height:1}.chat-message.is-starred .chat-message-meta{gap:5px}.chat-page .composer-input-pill{grid-template-columns:38px minmax(0,1fr);align-items:end;display:grid;position:relative}.chat-emoji-wrap{align-self:end;position:relative}.chat-emoji-trigger{width:38px;min-width:38px;height:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--color-muted);font-size:calc(22px * var(--display-scale));background:0 0;border:0;place-items:center;display:grid}.chat-emoji-trigger:hover,.chat-emoji-trigger:focus-visible{background:var(--color-surface-strong);color:var(--color-text)}.chat-emoji-picker{z-index:calc(var(--z-sticky) + 2);border:1px solid var(--chat-border);background:color-mix(in srgb, var(--color-surface) 98%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:18px;width:min(300px,100vw - 40px);padding:10px;position:absolute;bottom:calc(100% + 8px);left:-4px;box-shadow:0 18px 46px #111a242b}.chat-emoji-dialog-backdrop{padding:12px 12px calc(12px + var(--safe-bottom));background:#111a243d;place-items:end center;display:grid}.chat-emoji-dialog-backdrop .chat-emoji-picker{position:relative;inset:auto}@media (width>=521px){.chat-emoji-dialog-backdrop{align-items:center}}.chat-emoji-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.chat-emoji-grid button{background:0 0;border:0;border-radius:9px;place-items:center;min-width:0;min-height:36px;padding:0;font-size:22px;display:grid}.chat-emoji-grid button:hover,.chat-emoji-grid button:focus-visible{background:var(--color-surface-strong)}@media (width<=359px){.chat-emoji-picker{width:min(276px,100vw - 24px)}.chat-emoji-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}.chat-selection-bar{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 97%, transparent);flex:none;align-items:center;gap:10px;min-height:52px;padding:7px 12px;display:flex;box-shadow:0 4px 16px #111a240d}.chat-selection-bar>strong{min-width:0;color:var(--color-heading);font-size:calc(13px * var(--display-scale));flex:auto}.chat-selection-close,.chat-selection-actions button{border-radius:var(--radius-pill);min-height:38px;color:var(--color-text);background:0 0;border:0;font-weight:720}.chat-selection-close{width:38px;padding:0;font-size:24px;line-height:1}.chat-selection-actions{align-items:center;gap:4px;display:flex}.chat-selection-actions button{padding-inline:10px}.chat-selection-actions button:hover,.chat-selection-actions button:focus-visible,.chat-selection-close:hover,.chat-selection-close:focus-visible{background:var(--section-highlight)}.chat-selection-actions .danger{color:var(--color-danger)}.chat-message-swipe-shell{position:relative}.chat-message-list.is-selecting .chat-message-swipe-shell{border-radius:var(--radius-md)}.chat-message-list.is-selecting .chat-message-swipe-shell.is-selected{background:color-mix(in srgb, var(--chat-navy) 9%, transparent)}.chat-message-selection-hit-area{z-index:4;border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:absolute;inset:-1px 0}.chat-message-selection-check{border:2px solid color-mix(in srgb, var(--chat-navy) 45%, var(--color-border));background:var(--color-surface);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.chat-message-swipe-shell-received .chat-message-selection-check{right:5px}.chat-message-swipe-shell-own .chat-message-selection-check{left:5px}.chat-message-selection-hit-area[aria-pressed=true] .chat-message-selection-check{border-color:var(--chat-navy);background:var(--chat-navy)}@media (width<=767px){.chat-selection-bar{gap:6px;padding-inline:8px}.chat-selection-actions{gap:1px}.chat-selection-actions button{min-height:40px;font-size:calc(11px * var(--display-scale));padding-inline:7px}.chat-selection-bar>strong{font-size:calc(12px * var(--display-scale))}}.chat-connectivity-banner{border-bottom:1px solid color-mix(in srgb, var(--color-warning) 26%, var(--chat-border));background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface));color:var(--color-text);font-size:calc(11px * var(--display-scale));flex:none;align-items:center;gap:8px;padding:7px 12px;display:flex}.chat-connectivity-banner strong{color:var(--color-warning-strong,var(--color-text));font-weight:780}.chat-connectivity-banner span{min-width:0;color:var(--color-muted)}@media (width<=520px){.chat-connectivity-banner{flex-direction:column;align-items:flex-start;gap:2px}}.chat-file-message{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:color-mix(in srgb, currentColor 6%, transparent);border-radius:12px;gap:8px;min-width:min(270px,68vw);padding:9px 10px;display:grid}.chat-file-copy{gap:2px;min-width:0;display:grid}.chat-file-copy strong{overflow-wrap:anywhere}.chat-file-copy small{font-size:calc(10px * var(--display-scale));opacity:.68}.chat-attachment-actions{flex-wrap:wrap;gap:6px;display:flex}.chat-attachment-actions a,.chat-attachment-actions button{border-radius:var(--radius-pill);background:color-mix(in srgb, currentColor 8%, transparent);min-height:34px;color:inherit;font:inherit;font-size:calc(10px * var(--display-scale));border:0;padding:7px 10px;font-weight:730;line-height:20px;text-decoration:none}.chat-attachment-actions a:hover,.chat-attachment-actions a:focus-visible,.chat-attachment-actions button:hover,.chat-attachment-actions button:focus-visible{background:color-mix(in srgb, currentColor 14%, transparent)}.chat-attachment-actions button:disabled{cursor:wait;opacity:.6}.chat-media-viewer .chat-attachment-actions{justify-content:center}.chat-message-swipe-shell.is-local-pending{opacity:.9}.chat-message.is-local-pending{border-style:dashed}.chat-local-send-state{font-size:calc(10px * var(--display-scale));color:var(--color-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:2px;display:flex}.chat-local-send-state.is-failed,.chat-delivery-failed{color:var(--color-danger)}.chat-local-send-state button{min-height:40px;color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-weight:700;text-decoration:underline}.chat-local-send-state button:focus-visible{outline-offset:2px;border-radius:5px;outline:2px solid}.chat-delivery-failed{border:1px solid;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-weight:800;line-height:1;display:inline-grid}.chat-encryption-info{border-top:1px solid var(--color-border);gap:12px;margin-top:14px;padding-top:14px;display:grid}.chat-encryption-info>header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.chat-encryption-info>header>div:last-child{gap:3px;display:grid}.chat-encryption-info p,.chat-encryption-info small{color:var(--color-muted);font-size:calc(10px * var(--display-scale));margin:0;line-height:1.45}.chat-encryption-lock{background:var(--section-highlight);width:32px;height:32px;color:var(--color-heading);font-size:calc(18px * var(--display-scale));border-radius:50%;place-items:center;display:grid}.chat-safety-code,.chat-encryption-devices{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--section-highlight);gap:7px;padding:11px 12px;display:grid}.chat-encryption-info .chat-safety-warning{border:1px solid color-mix(in srgb, var(--color-warning) 36%, var(--color-border));border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));color:var(--color-warning-strong,var(--color-text));padding:9px 10px}.chat-safety-code>span{color:var(--color-muted);font-size:calc(10px * var(--display-scale))}.chat-safety-verified{color:var(--color-muted-strong)}.chat-safety-code code{overflow-wrap:anywhere;color:var(--color-heading);font-size:calc(11px * var(--display-scale));letter-spacing:.04em;line-height:1.6}.chat-safety-actions{flex-wrap:wrap;gap:7px;display:flex}.chat-safety-code button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-height:38px;color:var(--color-heading);padding:7px 10px}.chat-encryption-devices{gap:3px}.chat-encryption-device{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;display:grid}.chat-encryption-device:first-of-type{margin-top:4px}.chat-encryption-device span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:calc(11px * var(--display-scale));overflow:hidden}.chat-encryption-device code{color:var(--color-muted-strong);font-size:calc(9px * var(--display-scale))}.chat-encryption-error{color:var(--color-danger)}@media (width<=520px){.chat-encryption-device{grid-template-columns:1fr}.chat-encryption-device code{overflow-wrap:anywhere}}.chat-mention{color:var(--color-heading);background:color-mix(in srgb, currentColor 8%, transparent);border-radius:4px;padding-inline:2px;font-weight:760}.chat-message-own .chat-mention{color:inherit;background:color-mix(in srgb, currentColor 12%, transparent)}.chat-overview-message-results{border-bottom:1px solid var(--chat-border);gap:6px;padding:8px 10px 10px;display:grid}.chat-overview-message-results>header{color:var(--color-muted);font-size:calc(11px * var(--display-scale));justify-content:space-between;align-items:center;gap:8px;padding-inline:4px;display:flex}.chat-overview-message-results>header strong{color:var(--color-text);font-size:calc(12px * var(--display-scale))}.chat-overview-message-results>p{color:var(--color-muted);font-size:calc(11px * var(--display-scale));margin:0;padding:6px 4px}.chat-overview-message-result-list{overscroll-behavior:contain;max-height:min(42vh,360px);display:grid;overflow-y:auto}.chat-overview-message-result-list>button{color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:8px 9px;display:grid}.chat-overview-message-result-list>button:hover,.chat-overview-message-result-list>button:focus-visible{background:var(--color-surface-strong)}.chat-overview-message-result-list>button>span:first-child{align-items:baseline;gap:6px;min-width:0;display:flex}.chat-overview-message-result-list strong,.chat-overview-message-result-list small,.chat-overview-message-result-list time,.chat-overview-message-result-list>button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-overview-message-result-list strong{font-size:calc(12px * var(--display-scale))}.chat-overview-message-result-list small,.chat-overview-message-result-list time{color:var(--color-muted);font-size:calc(10px * var(--display-scale))}.chat-overview-message-result-list time{font-variant-numeric:tabular-nums;grid-area:1/2;align-self:baseline}.chat-overview-message-result-list>button>span:nth-child(2){color:var(--color-muted);font-size:calc(11px * var(--display-scale));grid-column:1/-1}@media (width<=767px){.chat-route-gesture-layer{top:0;right:0;bottom:calc(var(--mobile-tabbar-height) + var(--safe-bottom));width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;position:fixed;left:0;overflow:hidden}.chat-route-gesture-layer>.chat-page.page-shell{width:100%;max-width:none;height:100%;min-height:0;max-height:none;margin:0;padding:0;overflow:hidden}.chat-page .chat-layout,.chat-page .chat-panel,.chat-layout-single-room,.chat-layout-single-room .chat-panel{width:100%;height:100%;min-height:0;max-height:none;margin:0}.chat-page .chat-panel,.chat-layout-single-room .chat-panel{flex-direction:column;display:flex;overflow:hidden}.chat-page .chat-message-list,.chat-layout-single-room .chat-message-list{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1 1 0;min-height:0;overflow-y:auto}.chat-page .messenger-composer{flex:none;margin:0}}:root{--display-scale:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--color-app-bg:#fff;--color-canvas:var(--color-app-bg);--color-canvas-subtle:#f6f6f5;--color-surface:#fff;--color-surface-subtle:#fafaf9;--color-surface-strong:#f2f3f3;--color-text:#1f2a2c;--color-heading:#1f2a2c;--color-muted:#6e787b;--color-muted-strong:#4f5d60;--color-border:#e9ebec;--color-border-strong:#d9dddf;--color-accent:#84a8af;--color-accent-strong:#557b82;--color-accent-soft:#eff4f5;--color-family:#70758e;--color-mint:#8eae9c;--color-mint-soft:#eff4f0;--color-sky:#8ba9b6;--color-sky-soft:#eef3f7;--color-blue:#5d7f8e;--color-coral:#dab0b0;--color-coral-soft:#f8eeee;--color-sun:#e5cba3;--color-sun-soft:#faf5ea;--color-lavender:#a5a9bc;--color-lavender-soft:#f1f2f7;--color-status-success:#9fc4ae;--color-status-info:#9fbfd2;--color-status-warning:#e5cba3;--color-status-danger:#dab0b0;--color-status-neutral:#c7ccce;--color-success:#5f806e;--color-warning:#856b43;--color-danger:#925f5f;--color-focus:#4f777b;--color-on-accent:#fff;--space-1:calc(4px * var(--display-scale));--space-2:calc(8px * var(--display-scale));--space-3:calc(12px * var(--display-scale));--space-4:calc(16px * var(--display-scale));--space-5:calc(20px * var(--display-scale));--space-6:calc(24px * var(--display-scale));--space-7:calc(28px * var(--display-scale));--space-8:calc(32px * var(--display-scale));--space-10:calc(40px * var(--display-scale));--space-12:calc(48px * var(--display-scale));--radius-xs:10px;--radius-sm:14px;--radius-md:17px;--radius-lg:22px;--radius-xl:28px;--radius-hero:32px;--radius-pill:999px;--shadow-sm:0 1px 2px #1f2a2c08, 0 8px 24px #1f2a2c0d;--shadow-md:0 16px 40px #1f2a2c17;--shadow-float:0 24px 64px #1f2a2c29;--duration-fast:.12s;--duration-standard:.2s;--duration-sheet:.22s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.22, 1, .36, 1);--z-navigation:100;--z-sticky:200;--z-dropdown:300;--z-popover:400;--z-overlay-backdrop:500;--z-modal:510;--z-nested-modal:560;--z-toast:700;--z-call-overlay:800;--z-overlay:var(--z-overlay-backdrop);--visual-viewport-height:100dvh;--visual-viewport-offset-top:0px;--keyboard-inset:0px;--overlay-available-height:var(--visual-viewport-height);--tap-size:calc(44px * var(--display-scale));--header-action-size:var(--tap-size);--mobile-page-pad-x:clamp(16px, 4.5vw, 22px);--mobile-page-pad-top:16px;--mobile-tabbar-height:72px;--mobile-bottom-nav-height:var(--mobile-tabbar-height);--app-content-bottom-padding:calc(var(--mobile-bottom-nav-height) + var(--safe-bottom) + var(--space-5));--page-gutter:var(--mobile-page-pad-x);--ui-sidebar-width:228px;--content-max-width:1240px;--ui-bg:var(--color-canvas);--ui-surface:var(--color-surface);--ui-surface-soft:var(--color-surface-strong);--ui-text:var(--color-text);--ui-primary:var(--color-heading);--ui-primary-hover:var(--color-accent-strong);--ui-muted:var(--color-muted);--ui-border:var(--color-border);--ui-danger:var(--color-danger);--ui-success:var(--color-success);--ui-accent:var(--color-family);--ui-radius-sm:var(--radius-sm);--ui-radius-md:var(--radius-md);--ui-radius-lg:var(--radius-lg);--ui-shadow:var(--shadow-sm);--ui-shadow-float:var(--shadow-float);--app-bg:var(--color-canvas);--app-bg-deep:var(--color-canvas-subtle);--app-card:var(--color-surface);--app-card-solid:var(--color-surface);--app-ink:var(--color-text);--app-muted:var(--color-muted);--app-line:#1f2a2c1a;--app-primary:var(--color-heading);--app-primary-pressed:var(--color-accent-strong);--app-accent:var(--color-family);--app-danger:var(--color-danger);--app-radius-xs:var(--radius-xs);--app-radius-sm:var(--radius-sm);--app-radius-md:var(--radius-md);--app-radius-lg:var(--radius-lg);--app-radius-xl:var(--radius-xl);--app-shadow-soft:var(--shadow-sm);--app-shadow-card:var(--shadow-md);--app-shadow-float:var(--shadow-float);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}:root[data-display-size=large]{--display-scale:1.125;font-size:112.5%}:root[data-display-size=extra-large]{--display-scale:1.25;font-size:125%}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}html{background:var(--color-canvas);scroll-behavior:smooth;-webkit-text-size-adjust:100%;min-height:100%;overflow-x:clip}body{background:var(--color-canvas);min-height:100dvh;color:var(--color-text);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;font-size:1rem;line-height:1.52;overflow-x:clip}button,input,textarea,select{max-width:100%;font:inherit}button,a,[role=button]{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}input,textarea,select{min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-standard) var(--ease-standard), box-shadow var(--duration-standard) var(--ease-standard), background-color var(--duration-standard) var(--ease-standard);outline:none;font-size:1rem}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:2px}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--color-focus) 52%, var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus) 11%, transparent)}img,svg,video,canvas{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{overflow-wrap:anywhere;margin-top:0}h1,h2,h3{color:var(--color-heading);letter-spacing:-.025em}h1{font-size:clamp(32px,9vw,38px);line-height:1.04}h2{font-size:clamp(21px,5vw,26px);line-height:1.15}p{line-height:1.5}.skip-link{z-index:var(--z-toast);min-height:var(--tap-size);border-radius:var(--radius-sm);background:var(--color-accent-strong);color:var(--color-on-accent);transition:transform var(--duration-fast) var(--ease-standard);padding:10px 14px;font-weight:700;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell,.app-main-content{min-width:0;min-height:100dvh}.page-shell{width:min(100%, var(--content-max-width));padding:calc(var(--mobile-page-pad-top) + var(--safe-top)) max(var(--mobile-page-pad-x), var(--safe-right)) var(--app-content-bottom-padding) max(var(--mobile-page-pad-x), var(--safe-left));scroll-padding-bottom:var(--app-content-bottom-padding);margin:0 auto}.eyebrow{color:var(--color-family);font-size:calc(13px * var(--display-scale));letter-spacing:.01em;margin:0 0 5px;font-weight:720}.hero-card,.content-card,.auth-card,.module-card,.task-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:17px}.primary-link,.secondary-link,.nav-button{min-height:var(--tap-size);border-radius:var(--radius-sm);justify-content:center;align-items:center;padding:0 14px;font-weight:700;display:inline-flex}.primary-link{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.secondary-link,.nav-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-heading)}.auth-card form,.content-card form,.settings-form,.event-form,.shopping-form,.email-compose-form{gap:12px;display:grid}@media (width>=768px){.page-shell{padding:24px clamp(20px,3vw,34px) 48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ui-icon{flex:none;width:1.25rem;height:1.25rem}@media (prefers-contrast:more){:root{--color-muted:var(--color-muted-strong);--color-border:var(--color-border-strong)}:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline-width:4px}}@media (forced-colors:active){:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid highlight}}:root,.app-shell[data-active-area],[data-area],.app-shell[data-active-area=home],[data-area=home]{--section-primary:#72987f;--section-primary-strong:#4f705d;--section-primary-soft:#dbe8df;--section-highlight:#f7f3ee;--section-border:#ded5cb;--section-on-primary:#fff}.app-shell[data-active-area=chat],[data-area=chat]{--section-primary:#6f8f88;--section-primary-strong:#4b6d66;--section-primary-soft:#d9e6e3;--section-highlight:#f1f5f2;--section-border:#d9e4dc;--section-on-primary:#fff}.app-shell[data-active-area=calendar],[data-area=calendar]{--section-primary:#bf806f;--section-primary-strong:#8e584a;--section-primary-soft:#f0dcd5;--section-highlight:#fbf1ed;--section-border:#ead9d2;--section-on-primary:#fff}.app-shell[data-active-area=mail],[data-area=mail]{--section-primary:#8d83a7;--section-primary-strong:#655b7d;--section-primary-soft:#e3dfeb;--section-highlight:#f4f2f7;--section-border:#e2dde9;--section-on-primary:#fff}.app-shell[data-active-area=shopping],[data-area=shopping]{--section-primary:#b88949;--section-primary-strong:#815d2e;--section-primary-soft:#ebdfcb;--section-highlight:#faf5ec;--section-border:#e9ddc9;--section-on-primary:#fff}.app-shell[data-active-area]{--color-accent:var(--section-primary);--color-accent-strong:var(--section-primary-strong);--color-accent-soft:var(--section-highlight);--color-focus:var(--section-primary-strong);--color-on-accent:var(--section-on-primary)}.app-shell{background:var(--color-canvas);min-height:100dvh}.app-shell-mobile-first{min-height:100dvh;padding-bottom:calc(var(--mobile-tabbar-height) + var(--safe-bottom))}.app-main-content{min-width:0;min-height:100dvh}.app-shell-mobile-first .app-main-content{min-height:calc(100dvh - var(--mobile-tabbar-height) - var(--safe-bottom))}.app-main-content:focus{outline:none}.app-main-content:focus-visible{outline-offset:0;outline:3px solid #0000}.app-main-content>:first-child{animation:app-route-enter var(--duration-standard) var(--ease-spring) both}@keyframes app-route-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-sidebar{display:none}.bottom-tabbar{z-index:var(--z-navigation);min-height:calc(var(--mobile-tabbar-height) + var(--safe-bottom));padding:6px max(8px, var(--safe-right)) calc(6px + var(--safe-bottom)) max(8px, var(--safe-left));border-top:1px solid color-mix(in srgb, var(--color-border) 90%, transparent);background:color-mix(in srgb, var(--color-surface) 93%, transparent);-webkit-backdrop-filter:saturate(125%)blur(20px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #111a240b}.bottom-tabbar-link{border-radius:var(--radius-lg);min-width:0;min-height:58px;color:var(--color-muted);font-size:calc(11px * var(--display-scale));text-align:center;transition:color var(--duration-standard) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-weight:680;line-height:1;display:flex}.bottom-tabbar-link:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:-2px}.bottom-tabbar-link:active{transform:scale(.97)}.bottom-tabbar-link .nav-icon{border-radius:var(--radius-pill);width:42px;height:30px;transition:background-color var(--duration-standard) var(--ease-standard), color var(--duration-standard) var(--ease-standard), transform var(--duration-standard) var(--ease-spring);place-items:center;display:grid}.bottom-tabbar-link svg{width:22px;height:22px}.bottom-tabbar-link .nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (width<=359px){.bottom-tabbar{padding-right:max(4px, var(--safe-right));padding-left:max(4px, var(--safe-left))}.bottom-tabbar-link{font-size:calc(9px * var(--display-scale))}}@media (width>=1024px){.app-shell-mobile-first{padding-bottom:0}.app-main-content,.app-shell-mobile-first .app-main-content{min-height:100dvh;margin-left:var(--ui-sidebar-width)}.app-sidebar{z-index:var(--z-navigation);width:var(--ui-sidebar-width);border-right:1px solid var(--color-border);background:var(--color-surface);color:var(--color-muted-strong);flex-direction:column;padding:22px 14px 18px;display:flex;position:fixed;inset:0 auto 0 0}.app-brand{min-height:52px;color:var(--color-heading);align-items:center;gap:12px;padding:0 8px 22px;display:flex}.app-brand:focus-visible,.app-desktop-nav .nav-link:focus-visible,.app-sidebar-session button:focus-visible,.app-sidebar-session a:focus-visible{outline:3px solid color-mix(in srgb, var(--color-focus) 28%, transparent);outline-offset:2px}.app-brand .brand-logo{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle);object-fit:contain;width:36px;height:36px;box-shadow:0 10px 28px #00000029}.app-brand strong,.app-brand small{display:block}.app-brand strong{font-size:calc(15px * var(--display-scale));letter-spacing:-.02em}.app-brand small{color:var(--color-muted);font-size:calc(12px * var(--display-scale));margin-top:2px}.app-desktop-nav{gap:5px;margin-top:4px;display:grid}.app-desktop-nav .nav-link{border-radius:var(--radius-sm);min-height:46px;color:var(--color-muted-strong);font-size:calc(14px * var(--display-scale));transition:background-color var(--duration-standard) var(--ease-standard), color var(--duration-standard) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);align-items:center;gap:12px;padding:0 12px;font-weight:650;display:flex}.app-desktop-nav .nav-link:hover{background:var(--color-surface-strong);color:var(--color-heading)}.app-desktop-nav .nav-link-active{background:var(--section-highlight,var(--color-accent-soft));color:var(--section-primary-strong,var(--color-accent-strong));font-weight:730}.app-desktop-nav .nav-link:active{transform:translateY(1px)}.app-desktop-nav .nav-icon{flex:none;place-items:center;width:24px;height:24px;display:grid}.app-desktop-nav svg{width:20px;height:20px}.app-sidebar-session{border-top:1px solid var(--color-border);margin-top:auto;padding-top:16px}.app-sidebar-session *{color:inherit}.bottom-tabbar,.app-topbar{display:none}}@media (prefers-reduced-motion:reduce){.app-main-content>:first-child{animation:none}.bottom-tabbar-link,.bottom-tabbar-link .nav-icon,.app-desktop-nav .nav-link{transition:none}.bottom-tabbar-link:active,.app-desktop-nav .nav-link:active{transform:none}}@media (width>=1024px){.app-brand-mark-only{justify-content:center;padding-inline:0}.app-brand-mark-only .brand-logo{width:46px;height:46px;box-shadow:none;object-fit:contain;background:0 0;border:0;border-radius:0}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior-y:none}.app-main-content{overscroll-behavior-y:contain;min-height:100dvh}@media (pointer:coarse){button,[role=button],input[type=button],input[type=submit],input[type=reset]{min-width:44px;min-height:44px}input,select,textarea{font-size:max(16px,1rem)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.page-header{align-items:start;gap:var(--space-3) var(--space-4);margin-bottom:var(--space-5);grid-template-columns:minmax(0,1fr) auto;display:grid}.page-header-with-leading{grid-template-columns:auto minmax(0,1fr) auto}.page-header-leading{min-height:var(--tap-size);align-items:center;display:flex}.page-header-back{width:var(--tap-size);height:var(--tap-size);min-width:var(--tap-size);min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) 96%, transparent);color:var(--color-heading);place-items:center;display:inline-grid;box-shadow:0 5px 18px #111a2409}.page-header-back .ui-icon{width:21px;height:21px}.page-header-copy{min-width:0;padding-top:1px}.page-header-eyebrow{margin:0 0 var(--space-1);color:var(--color-family);font-size:calc(13px * var(--display-scale));letter-spacing:.01em;font-weight:720}.page-header h1{letter-spacing:-.048em;margin:0;font-size:clamp(27px,7vw,32px);font-weight:800;line-height:1.03}.page-header-subtitle{max-width:46rem;color:var(--color-muted);font-size:calc(16px * var(--display-scale));margin-top:7px;line-height:1.48}.page-header-subtitle>:last-child{margin-bottom:0}.page-header-subtitle-wide,.page-header-search{grid-column:1/-1}.page-header-with-leading .page-header-subtitle-wide{grid-column:2/-1}.page-header-search{width:100%;max-width:34rem;margin-top:0;display:block;position:relative}.page-header-search .ui-search-input input{border-color:color-mix(in srgb, var(--color-border) 68%, transparent);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-strong) 88%, var(--color-surface));width:100%;padding:0 15px 0 44px;box-shadow:inset 0 1px #ffffff7a}.page-header-compact{margin-bottom:var(--space-3)}.page-header-compact h1{font-size:clamp(22px,6vw,26px);font-weight:780}.page-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.page-header-actions>:where(a,button),.page-header-action{min-width:var(--header-action-size);min-height:var(--header-action-size);border-radius:var(--radius-pill);font-size:calc(12px * var(--display-scale));white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-weight:740;display:inline-flex}.page-header-action-primary{border:1px solid var(--section-primary-strong,var(--color-accent));background:var(--section-primary-strong,var(--color-accent-strong));color:var(--section-on-primary,var(--color-on-accent));box-shadow:0 7px 20px color-mix(in srgb, var(--section-primary,var(--color-accent)) 12%, transparent)}.page-header-action-secondary{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 96%, transparent);color:var(--color-heading);box-shadow:0 4px 16px #111a2407}.page-header-action-danger{border:1px solid color-mix(in srgb, var(--color-danger) 28%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 4%, var(--color-surface));color:var(--color-danger)}@media (hover:hover) and (pointer:fine){.page-header-back:hover,.page-header-action-secondary:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}.page-header-action-primary:hover{border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.page-header-action-danger:hover{border-color:color-mix(in srgb, var(--color-danger) 46%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface))}}@media (width<=479px){.page-header{gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.page-header-with-leading{grid-template-columns:auto minmax(0,1fr) auto}.page-header-actions{flex-wrap:nowrap;min-width:0}.page-header h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(25px,7vw,29px);display:-webkit-box;overflow:hidden}.page-header-subtitle{font-size:calc(13px * var(--display-scale))}.page-header-with-leading .page-header-subtitle-wide{grid-column:1/-1}}@media (width<=359px){.page-header h1{font-size:calc(24px * var(--display-scale))}.page-header-actions>:where(a,button),.page-header-action{font-size:calc(11px * var(--display-scale));padding-inline:11px}}.page-content{min-width:0}.ui-page-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-width:0;display:flex}.ui-search-input{min-width:0;display:block;position:relative}.ui-search-input .ui-icon{z-index:1;width:19px;height:19px;color:var(--color-muted-strong);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ui-search-input input{width:100%;min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-strong);color:var(--color-text);padding:0 14px 0 43px}.ui-icon-button,.ui-primary-action{min-width:var(--header-action-size);min-height:var(--header-action-size);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-heading);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;display:inline-flex}.ui-icon-button{width:var(--header-action-size);height:var(--header-action-size);padding:0}.ui-icon-button .ui-icon,.ui-primary-action .ui-icon{width:20px;height:20px}.ui-icon-button.is-primary,.ui-primary-action{border-color:var(--section-primary,var(--color-accent));background:var(--section-primary-strong,var(--color-accent-strong));color:var(--section-on-primary,var(--color-on-accent));box-shadow:0 8px 20px color-mix(in srgb, var(--section-primary,var(--color-accent)) 18%, transparent)}.ui-icon-button.is-danger{border-color:color-mix(in srgb, var(--color-danger) 35%, var(--color-border));color:var(--color-danger)}.ui-primary-action{font-size:calc(13px * var(--display-scale));gap:7px;padding:0 15px;font-weight:740}.ui-primary-action-compact{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:0 5px 14px color-mix(in srgb, var(--section-primary,var(--color-accent)) 14%, transparent);padding:0}.ui-primary-action-compact span{display:none}.ui-icon-button:active,.ui-primary-action:active,.ui-segmented-control button:active,.ui-filter-chip:active{transform:scale(.97)}.ui-segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface-strong);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;min-width:0;padding:3px;display:grid}.ui-segmented-control button,.ui-filter-chip{min-width:0;min-height:var(--tap-size);border-radius:var(--radius-pill);color:var(--color-muted-strong);font-size:calc(13px * var(--display-scale));background:0 0;border:0;font-weight:710}.ui-segmented-control button[aria-pressed=true]{background:var(--section-highlight,var(--color-surface));color:var(--section-primary-strong,var(--color-accent-strong));box-shadow:inset 0 0 0 1px var(--section-border,var(--color-border)), var(--shadow-sm);font-weight:760}.ui-segmented-control-compact{gap:2px;padding:2px}.ui-segmented-control-compact button{min-height:44px;font-size:calc(12px * var(--display-scale))}.ui-filter-chip{border:1px solid var(--color-border);background:var(--color-surface);flex:none;padding:0 14px}.ui-filter-chip[aria-pressed=true]{border-color:var(--section-primary-strong,var(--color-accent));background:var(--section-primary-strong,var(--color-accent));color:var(--section-on-primary,var(--color-on-accent));font-weight:760}.ui-avatar{border:1px solid var(--color-border);background:var(--color-surface-strong);object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.ui-avatar.is-small{width:36px;height:36px}.ui-avatar.is-large{width:56px;height:56px}.ui-avatar-fallback{background:var(--color-accent-soft);color:var(--color-accent);place-items:center;font-weight:780;display:grid}.ui-list-row{border-bottom:1px solid var(--color-border);min-width:0;position:relative}.ui-list-row-main{width:100%;min-height:72px;color:var(--color-text);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 52px 10px 4px;display:grid}.ui-list-row-copy{min-width:0}.ui-list-row-copy>*{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ui-list-row-copy>span,.ui-list-row-meta{color:var(--color-muted-strong);font-size:calc(12px * var(--display-scale))}@media (hover:hover) and (pointer:fine){.ui-icon-button:hover,.ui-primary-action:hover{border-color:var(--section-primary-strong,var(--color-accent-strong));background:var(--section-primary-strong,var(--color-accent-strong));color:var(--section-on-primary,var(--color-on-accent))}}@media (width<=430px){.ui-primary-action span{display:none}.ui-primary-action{width:var(--header-action-size);padding:0}}.app-confirm-sheet-backdrop{-webkit-backdrop-filter:blur(10px);animation:app-sheet-backdrop var(--duration-sheet) var(--ease-standard) both;background:#111a2447;justify-content:center;align-items:flex-end;display:flex}.app-confirm-sheet{width:min(100% - 1rem,28rem);max-height:calc(var(--overlay-available-height,100dvh) - var(--safe-top) - var(--safe-bottom) - 1rem);margin:0 auto max(.5rem, var(--safe-bottom));border:1px solid color-mix(in srgb, var(--color-border) 90%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-surface) 98%, transparent);box-shadow:var(--shadow-float);animation:app-sheet-enter var(--duration-sheet) var(--ease-spring) both;grid-template-rows:auto auto minmax(0,auto) auto;padding:1.45rem 1.1rem 1.05rem;display:grid;position:relative}.app-confirm-sheet:before{border-radius:var(--radius-pill);background:var(--color-border-strong);content:"";width:40px;height:4px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.app-confirm-sheet-eyebrow{color:var(--section-primary-strong,var(--color-family));letter-spacing:.13em;text-transform:uppercase;margin:0 0 .34rem;font-size:.68rem;font-weight:790}.app-confirm-sheet h2{color:var(--color-heading);letter-spacing:-.03em;margin:0;font-size:1.18rem;font-weight:790;line-height:1.18}.app-confirm-sheet-body{min-height:0;color:var(--color-muted-strong);margin-top:.62rem;font-size:.91rem;line-height:1.48;overflow-y:auto}.app-confirm-sheet-body p{margin:0}.app-confirm-sheet-actions{grid-template-columns:1fr 1fr;gap:.62rem;margin-top:1.1rem;display:grid}.app-confirm-sheet-actions button{min-height:var(--tap-size);border-radius:var(--radius-pill);font:inherit;font-size:.87rem;font-weight:750}.app-confirm-sheet-cancel{border:1px solid var(--color-border);background:var(--color-surface-subtle);color:var(--color-heading)}.app-confirm-sheet-confirm{border:1px solid var(--section-primary-strong,var(--color-accent));background:var(--section-primary-strong,var(--color-accent));color:var(--section-on-primary,var(--color-on-accent));box-shadow:0 8px 22px color-mix(in srgb, var(--section-primary,var(--color-accent)) 12%, transparent)}.app-confirm-sheet-confirm-danger{border-color:var(--color-danger);background:var(--color-danger);box-shadow:0 8px 22px color-mix(in srgb, var(--color-danger) 12%, transparent)}.page-feedback{gap:var(--space-2);width:min(100%,35rem);margin:var(--space-5) auto 0;border-radius:var(--radius-hero);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-mint) 16%, transparent), transparent 14rem), var(--color-surface);box-shadow:none;text-align:left;border:0;grid-column:1/-1;padding:clamp(24px,6vw,34px);display:grid}.page-feedback h2,.page-feedback p{margin:0}.page-feedback h2{letter-spacing:-.03em;font-size:clamp(20px,5vw,25px);font-weight:780}.page-feedback p:not(.eyebrow){color:var(--color-muted)}.page-feedback[aria-busy=true]:before{width:30px;height:30px;margin-bottom:var(--space-2);border:3px solid color-mix(in srgb, var(--color-accent) 14%, transparent);border-top-color:var(--color-accent);content:"";border-radius:50%;animation:.8s linear infinite page-feedback-spin}.page-feedback .secondary-link{width:fit-content;margin-top:var(--space-2);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-accent-strong)}.form-status{left:50%;top:calc(env(safe-area-inset-top) + .72rem);z-index:var(--z-toast);border:1px solid color-mix(in srgb, var(--color-border) 92%, transparent);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) 97%, transparent);width:max-content;max-width:min(25rem,100vw - 2rem);min-height:0;color:var(--color-heading);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(16px)saturate(1.15);justify-content:center;align-items:center;margin:0;padding:.64rem .94rem;font-size:.84rem;font-weight:720;line-height:1.22;animation:1.65s forwards app-feedback-toast;display:inline-flex;position:fixed;transform:translate(-50%)translateY(-.35rem)scale(.98);box-shadow:0 14px 36px #111a241c}.form-status:empty{display:none}@keyframes page-feedback-spin{to{transform:rotate(1turn)}}@keyframes app-sheet-backdrop{0%{opacity:0}}@keyframes app-sheet-enter{0%{opacity:0;transform:translateY(24px)scale(.98)}}@keyframes app-feedback-toast{0%{opacity:0;transform:translate(-50%)translateY(-.5rem)scale(.98)}10%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}68%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-.25rem)scale(.985)}}@media (hover:hover) and (pointer:fine){.app-confirm-sheet-cancel:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.app-confirm-sheet-confirm:hover{border-color:var(--section-primary-strong,var(--color-accent-strong));background:var(--section-primary-strong,var(--color-accent-strong))}.app-confirm-sheet-confirm-danger:hover{border-color:color-mix(in srgb, var(--color-danger) 88%, #000);background:color-mix(in srgb, var(--color-danger) 88%, #000)}}@media (width>=761px){.app-confirm-sheet-backdrop{padding:var(--space-4);align-items:center}.app-confirm-sheet{border-radius:var(--radius-xl);margin:0}.app-confirm-sheet:before{display:none}}@media (width<=640px){.form-status{top:calc(env(safe-area-inset-top) + .6rem);max-width:calc(100vw - 1.2rem);padding:.58rem .8rem;font-size:.8rem}}@media (width<=359px){.app-confirm-sheet-actions{grid-template-columns:1fr}.app-confirm-sheet-confirm{grid-row:1}}@media (prefers-reduced-motion:reduce){.app-confirm-sheet-backdrop,.app-confirm-sheet,.form-status,.page-feedback[aria-busy=true]:before{animation:none}.form-status{opacity:1;visibility:visible;transform:translate(-50%)}}.app-overlay-portal{display:contents}.app-popover{z-index:var(--z-popover);max-width:calc(100vw - 24px);max-height:calc(var(--visual-viewport-height,100dvh) - 24px);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);overscroll-behavior:contain;position:fixed;overflow-y:auto}.app-popover>.reaction-picker{position:static;inset:auto}@media (width<=520px){.app-popover{max-width:calc(100vw - 24px)}.app-popover>.reaction-picker{justify-content:center;width:100%}}[data-app-overlay]{top:var(--visual-viewport-offset-top,0px);width:100%;height:var(--visual-viewport-height,100dvh);max-height:var(--visual-viewport-height,100dvh);overscroll-behavior:contain;position:fixed;bottom:auto;left:0;right:0}[data-app-overlay=modal]{z-index:var(--z-overlay-backdrop)}[data-app-overlay=modal]>[data-app-dialog]{z-index:var(--z-modal);position:relative}[data-app-overlay=nested-modal]{z-index:var(--z-nested-modal)}[data-app-overlay=nested-modal]>[data-app-dialog]{z-index:var(--z-nested-modal);position:relative}[data-app-overlay=call]{z-index:var(--z-call-overlay)}[data-app-dialog]{max-height:calc(var(--overlay-available-height,100dvh) - var(--safe-top) - var(--safe-bottom) - 1rem);overflow:hidden}[data-app-dialog-body]{overscroll-behavior:contain;min-height:0;scroll-padding-block:var(--space-4) calc(var(--space-6) + var(--keyboard-inset));-webkit-overflow-scrolling:touch;overflow-y:auto}body[data-overlay-open=true] :is(.bottom-tabbar,.app-sidebar),body[data-overlay-open=true] :is(.network-status-banner,.pwa-install-prompt,.form-status){pointer-events:none}@media (prefers-reduced-motion:reduce){[data-app-overlay],[data-app-dialog]{scroll-behavior:auto}}.network-status-banner{top:calc(var(--safe-top) + var(--space-3));z-index:var(--z-toast);width:min(calc(100vw - (2 * var(--space-3))), 30rem);gap:var(--space-1);padding:.72rem var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;-webkit-backdrop-filter:blur(16px)saturate(1.2);display:grid;position:fixed;left:50%;transform:translate(-50%)}.network-status-banner strong{font-size:.86rem;line-height:1.2}.network-status-banner span{font-size:.75rem;line-height:1.25}.network-status-banner button{min-height:var(--tap-size);border-radius:var(--radius-pill);color:inherit;font:inherit;background:0 0;border:1px solid;margin-left:auto;padding:.45rem .75rem;font-weight:750}.network-status-banner.is-offline{border-color:color-mix(in srgb, var(--color-warning) 28%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface));color:var(--color-warning)}.network-status-banner.is-restored{border-color:color-mix(in srgb, var(--color-success) 28%, var(--color-border));background:color-mix(in srgb, var(--color-success) 9%, var(--color-surface));color:var(--color-success)}@media (width>=1024px){.network-status-banner{left:calc(var(--ui-sidebar-width) + (100vw - var(--ui-sidebar-width)) / 2)}}@media (prefers-reduced-motion:no-preference){.network-status-banner{animation:network-status-enter var(--duration-standard) var(--ease-standard)}}@keyframes network-status-enter{0%{opacity:0;transform:translate(-50%)translateY(-.45rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.device-unlock-page{width:min(100%,34rem);min-height:calc(100dvh - var(--mobile-bottom-nav-height,0rem) - 1rem);padding:var(--space-3);place-items:center;margin:0 auto;display:grid}.device-unlock-card{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid}.device-unlock-card h1,.device-unlock-card p{margin:0}.device-unlock-card h1{font-size:clamp(1.7rem,7vw,2.25rem);font-weight:760;line-height:1.05}.device-unlock-card p:not(.eyebrow):not(.form-status){color:var(--color-muted);font-size:.93rem;line-height:1.42}.device-unlock-icon{border-radius:var(--radius-lg);background:var(--color-accent);width:54px;height:54px;color:var(--color-on-accent);box-shadow:var(--shadow-sm);place-items:center;font-size:1.45rem;font-weight:760;display:grid}.device-unlock-card button,.device-unlock-card .device-unlock-secondary{min-height:var(--tap-size);border-radius:var(--radius-pill);padding:0 var(--space-4);font-size:.94rem;font-weight:710}.device-unlock-card button{border:1px solid var(--color-accent);background:var(--color-accent);color:var(--color-on-accent);box-shadow:none}.device-unlock-card .device-unlock-secondary{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-heading);box-shadow:none}.route-loading{min-height:min(50dvh,32rem);padding:var(--space-5);place-items:center;display:grid}.route-loading-card{justify-items:center;gap:var(--space-3);color:var(--color-muted);text-align:center;display:grid}.route-loading-card p{margin:0;font-size:.88rem}.route-loading-indicator{border:3px solid color-mix(in srgb, var(--color-accent) 16%, transparent);border-top-color:var(--color-accent);border-radius:50%;width:1.9rem;height:1.9rem;animation:.8s linear infinite route-loading-spin}@keyframes route-loading-spin{to{transform:rotate(1turn)}}.app-error-page{width:min(100%,44rem);min-height:100dvh;padding:max(var(--space-4), env(safe-area-inset-top)) 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));place-items:center;margin:0 auto;display:grid}.app-error-card{gap:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;padding:clamp(var(--space-5), 5vw, var(--space-6));background:var(--color-surface);box-shadow:var(--shadow-md);display:grid}.app-error-card :where(h1,p,pre){margin:0}.app-error-card>p:not(.eyebrow){color:var(--color-muted)}.app-error-card pre{border:1px solid var(--color-border);border-radius:var(--radius-md);max-height:12rem;padding:var(--space-3);background:var(--color-surface-subtle);color:var(--color-danger);white-space:pre-wrap;font-size:.8rem;overflow:auto}.app-error-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.app-error-actions :where(a,button){min-height:var(--tap-size);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 var(--space-4);background:var(--color-surface-subtle);color:var(--color-heading);flex:10rem;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.app-error-actions button:first-child{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.app-update-notice{top:max(.75rem, env(safe-area-inset-top));z-index:var(--z-toast);align-items:center;gap:var(--space-2);border:1px solid var(--section-border,var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 96%, transparent);width:min(100% - 1.5rem,30rem);color:var(--color-heading);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);grid-template-columns:auto minmax(0,1fr) auto;margin:0 auto;padding:10px 8px 10px 12px;display:grid;position:fixed;left:.75rem;right:.75rem}.app-update-notice>.ui-icon{width:22px;height:22px;color:var(--section-primary-strong,var(--color-accent-strong))}.app-update-notice strong,.app-update-notice p{margin:0;display:block}.app-update-notice strong{font-size:.88rem}.app-update-notice p{color:var(--color-muted);margin-top:2px;font-size:.75rem;line-height:1.3}.app-update-notice button{width:var(--tap-size);min-width:var(--tap-size);height:var(--tap-size);min-height:var(--tap-size);border-radius:var(--radius-pill);background:var(--color-surface-strong);color:var(--color-heading);border:0;place-items:center;padding:0;display:grid}.pwa-install-card{right:.75rem;bottom:calc(var(--mobile-bottom-nav-height,3.75rem) + env(safe-area-inset-bottom) + .75rem);z-index:var(--z-toast);align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:34rem;padding:var(--space-3);background:color-mix(in srgb, var(--color-surface) 96%, transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);grid-template-columns:minmax(0,1fr) auto auto;margin:0 auto;display:grid;position:fixed;left:.75rem}.pwa-install-card strong,.pwa-install-card p{margin:0}.pwa-install-card strong{color:var(--color-heading);font-size:.88rem}.pwa-install-card p{color:var(--color-muted);font-size:.74rem;line-height:1.25}.pwa-install-card button{min-height:var(--tap-size);border-radius:var(--radius-pill);padding:0 var(--space-3);background:var(--color-accent);color:var(--color-on-accent);border:0;font-weight:700}.pwa-install-card button:last-child{width:var(--tap-size);background:var(--color-surface-strong);color:var(--color-heading);padding:0}@media (width<=479px){.app-error-actions{flex-direction:column}.app-error-actions :where(a,button){flex-basis:auto;width:100%}.pwa-install-card{grid-template-columns:minmax(0,1fr) auto}.pwa-install-card>button:first-of-type{grid-area:2/1/auto/-1;width:100%}.pwa-install-card>button:last-child{grid-area:1/2}}@media (prefers-reduced-motion:reduce){.route-loading-indicator{animation:none}}@media (width>=761px){.pwa-install-card{bottom:1rem}}.system-state-page{place-items:center;min-height:100dvh;display:grid}.system-state{justify-items:start;gap:var(--space-3);border-radius:var(--radius-hero);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-mint) 20%, transparent), transparent 16rem), var(--color-surface);width:min(100%,36rem);box-shadow:var(--shadow-md);padding:clamp(1.5rem,7vw,3rem);display:grid}.system-state :where(h1,p){margin:0}.system-state>p:not(.eyebrow){max-width:28rem;color:var(--color-muted);font-size:1rem}.system-state-icon{border-radius:var(--radius-xl);background:var(--color-accent);width:4rem;height:4rem;color:var(--color-on-accent);place-items:center;display:grid}.system-state-icon .ui-icon{width:1.8rem;height:1.8rem}.system-state .primary-link{margin-top:var(--space-2);border-radius:var(--radius-pill);gap:.45rem}.app-undo-toast{right:max(1rem, var(--safe-right));bottom:calc(var(--mobile-tabbar-height) + var(--safe-bottom) + 1rem);z-index:var(--z-toast);border-radius:var(--radius-lg);background:var(--color-heading);max-width:calc(100vw - 2rem);color:var(--color-surface);box-shadow:var(--shadow-float);align-items:center;gap:1.15rem;padding:.7rem .8rem;display:flex;position:fixed}.app-undo-toast button{min-height:2.5rem;color:var(--color-accent-soft);background:0 0;border:0;font-weight:760}.call-overlay-backdrop{min-width:0;min-height:var(--visual-viewport-height);padding:max(var(--space-3), var(--safe-top)) max(var(--space-3), var(--safe-right)) max(var(--space-3), var(--safe-bottom)) max(var(--space-3), var(--safe-left));-webkit-backdrop-filter:blur(16px)saturate(.8);background:#091016bd;place-items:center;display:grid}.call-overlay{width:min(100%,32rem);min-height:min(42rem, calc(var(--overlay-available-height) - var(--safe-top) - var(--safe-bottom) - 1.5rem));background:radial-gradient(circle at 35% 8%, color-mix(in srgb, var(--color-lavender) 34%, transparent), transparent 18rem), radial-gradient(circle at 82% 30%, color-mix(in srgb, var(--color-coral) 18%, transparent), transparent 17rem), linear-gradient(165deg, #30275d 0%, #1b1739 54%, #100d22 100%);color:var(--color-on-accent);border:1px solid #ffffff1f;border-radius:clamp(1.25rem,4vw,2rem);outline:none;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000075}.call-overlay :where(h2,p){margin:0}.incoming-call-content,.outgoing-call-content,.active-audio-call,.call-error-state{min-height:inherit;justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;padding:clamp(2rem,8vw,4rem) clamp(1.25rem,6vw,3rem);display:flex}.call-eyebrow{color:#ffffffb3;font-size:calc(.78rem * var(--display-scale));letter-spacing:.02em;font-weight:740}.call-avatar{width:clamp(7rem,28vw,10rem);height:clamp(7rem,28vw,10rem);color:var(--color-on-accent);object-fit:cover;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;place-items:center;font-size:clamp(2rem,9vw,3.5rem);font-weight:760;display:grid;box-shadow:0 18px 48px #00000047}.incoming-call-content h2,.outgoing-call-content h2,.active-audio-call h2,.call-error-state h2{letter-spacing:-.035em;font-size:clamp(1.7rem,7vw,2.45rem);line-height:1.08}.incoming-call-content>p:not(.call-eyebrow),.call-error-state>p,.call-media-note,.call-turn-note{color:#ffffffb3;max-width:24rem;font-size:calc(.91rem * var(--display-scale));line-height:1.45}.call-status-indicator{align-items:center;gap:var(--space-2);color:#ffffffc2;font-size:calc(.9rem * var(--display-scale));display:inline-flex}.call-status-dot{background:#a486ff;border-radius:50%;width:.55rem;height:.55rem;animation:1.8s ease-out infinite call-status-pulse;box-shadow:0 0 #a486ff75}.incoming-call-actions,.call-controls{margin-top:var(--space-6);justify-content:center;align-items:flex-start;gap:clamp(.25rem,1.8vw,.7rem);display:flex}.incoming-call-action{align-items:center;gap:var(--space-2);min-width:5.5rem;color:var(--color-on-accent);font-size:calc(.78rem * var(--display-scale));background:0 0;border:0;flex-direction:column;font-weight:680;display:inline-flex}.incoming-call-action svg,.call-cancel-button svg{background:var(--color-danger);border-radius:50%;width:3.75rem;height:3.75rem;padding:1.05rem}.incoming-call-action.is-accept svg{background:var(--color-success)}.call-cancel-button{align-items:center;gap:var(--space-2);margin-top:var(--space-5);color:var(--color-on-accent);font-size:calc(.78rem * var(--display-scale));background:0 0;border:0;flex-direction:column;font-weight:680;display:inline-flex}.call-controls{right:var(--space-4);bottom:max(var(--space-5), var(--safe-bottom));left:var(--space-4);z-index:3;position:absolute}.call-control{width:clamp(2.75rem,12vw,3.35rem);min-width:clamp(2.75rem,12vw,3.35rem);height:clamp(2.75rem,12vw,3.35rem);min-height:clamp(2.75rem,12vw,3.35rem);color:var(--color-on-accent);-webkit-backdrop-filter:blur(14px);background:#ffffff24;border:1px solid #ffffff24;border-radius:50%;place-items:center;padding:0;display:inline-grid}.call-control svg{width:1.45rem;height:1.45rem}.call-control.is-off{color:#111c25;background:#ffffffeb}.call-control.is-active{background:#6c4cffd1;border-color:#a486ffe6}.call-output-hint{right:0;bottom:calc(100% + var(--space-3));border-radius:var(--radius-pill);color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(14px);background:#060c11d1;border:1px solid #ffffff24;margin:0 auto;padding:.55rem .8rem;font-size:.72rem;line-height:1.35;position:absolute;left:0}.call-control-end{border-color:var(--color-danger);background:var(--color-danger)}.call-reaction-control{display:grid;position:relative}.call-reaction-picker{right:0;bottom:calc(100% + var(--space-3));border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(16px);background:#141c23f0;border:1px solid #fff3;gap:.2rem;width:max-content;max-width:calc(100vw - 2rem);padding:.35rem;display:flex;position:absolute;box-shadow:0 12px 32px #00000061}.call-reaction-picker button{background:0 0;border:0;border-radius:50%;place-items:center;width:2.65rem;min-width:2.65rem;height:2.65rem;min-height:2.65rem;padding:0;font-size:1.45rem;display:grid}.call-reaction-picker button:hover,.call-reaction-picker button:focus-visible{background:#ffffff24;transform:scale(1.08)}.call-reaction-stage{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.call-floating-reaction{--reaction-drift:1.5rem;filter:drop-shadow(0 5px 8px #00000061);opacity:0;will-change:opacity, transform;font-size:clamp(2.1rem,10vw,3.2rem);line-height:1;animation:3.6s cubic-bezier(.2,.75,.3,1) forwards call-reaction-float;position:absolute;bottom:6.5rem;left:50%}.call-floating-reaction:nth-child(6n+1){--reaction-drift:-1.8rem;left:14%}.call-floating-reaction:nth-child(6n+2){--reaction-drift:1.2rem;left:28%}.call-floating-reaction:nth-child(6n+3){--reaction-drift:-1rem;left:43%}.call-floating-reaction:nth-child(6n+4){--reaction-drift:1.7rem;left:58%}.call-floating-reaction:nth-child(6n+5){--reaction-drift:-.8rem;left:72%}.call-floating-reaction:nth-child(6n){--reaction-drift:1rem;left:84%}.call-duration{font-variant-numeric:tabular-nums;font-size:calc(1.05rem * var(--display-scale));letter-spacing:.04em}.call-participant-count{color:#ffffffb3;font-size:calc(.84rem * var(--display-scale))}.call-participant-list{justify-content:center;align-items:flex-start;gap:var(--space-3);max-width:100%;padding:var(--space-3) var(--space-1);display:flex;overflow-x:auto}.call-participant-list>span{justify-items:center;gap:var(--space-1);color:#ffffff9e;flex:0 0 4.6rem;width:4.6rem;display:grid}.call-participant-list .call-avatar{opacity:.62;width:3.1rem;height:3.1rem;font-size:1rem}.call-participant-list .is-connected{color:var(--color-on-accent)}.call-participant-list .is-connected .call-avatar{opacity:1;border-color:#a486ff}.call-participant-list small{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.67rem;overflow:hidden}.active-audio-call{padding-bottom:8rem}.active-video-call{width:100%;height:100%;min-height:inherit;background:#070c10;position:relative}.call-video-grid{background:#020507;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:2px;display:grid;position:absolute;inset:0}.call-video-grid.is-single{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.call-video-tile{background:#111c25;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.call-video-tile .call-remote-video{position:absolute}.call-video-tile .call-avatar{width:clamp(4rem,18vw,6rem);height:clamp(4rem,18vw,6rem);font-size:clamp(1.25rem,5vw,2rem)}.call-video-tile>strong{right:var(--space-2);bottom:var(--space-2);left:var(--space-2);z-index:1;color:var(--color-on-accent);text-overflow:ellipsis;text-shadow:0 1px 4px #000;white-space:nowrap;font-size:.72rem;position:absolute;overflow:hidden}.is-group-call .call-video-fallback{position:relative}.call-remote-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.call-remote-video.is-hidden{opacity:0;pointer-events:none}.call-video-fallback{align-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-6);color:#ffffffb8;text-align:center;display:grid;position:absolute;inset:0}.call-video-header{z-index:2;justify-content:space-between;align-items:center;gap:var(--space-3);padding:max(var(--space-5), var(--safe-top)) var(--space-5) 4rem;background:linear-gradient(#000000a3,#0000);display:flex;position:absolute;top:0;left:0;right:0}.call-video-header time{font-variant-numeric:tabular-nums}.call-local-preview{right:var(--space-4);z-index:2;aspect-ratio:3/4;border-radius:var(--radius-lg);color:#ffffffa8;background:#0a1118db;border:1px solid #ffffff47;place-items:center;width:clamp(5.5rem,24vw,7.5rem);font-size:.72rem;display:grid;position:absolute;bottom:7.25rem;overflow:hidden;box-shadow:0 12px 32px #0000005c}.call-local-preview video{object-fit:cover;width:100%;height:100%}.call-local-preview.is-mirrored video{transform:scaleX(-1)}.outgoing-call-content>.call-local-preview{top:var(--space-4);right:var(--space-4);bottom:auto}.call-error-symbol{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:4.5rem;height:4.5rem;font-size:2rem;font-weight:740;display:grid}.call-error-state button{min-height:var(--tap-size);margin-top:var(--space-3);border-radius:var(--radius-pill);padding:0 var(--space-5);color:var(--color-on-accent);background:#ffffff1f;border:1px solid #ffffff2e;font-weight:700}@keyframes call-status-pulse{70%{box-shadow:0 0 0 .55rem #a486ff00}to{box-shadow:0 0 #a486ff00}}@keyframes call-reaction-float{0%{opacity:0;transform:translateY(1rem)scale(.65)}12%{opacity:1;transform:translate(0,0)scale(1.08)}75%{opacity:1}to{opacity:0;transform:translate3d(var(--reaction-drift), -20rem, 0) scale(1.18)}}@media (width<=600px){.call-overlay-backdrop{padding:0}.call-overlay{border:0;border-radius:0;width:100%;min-height:100dvh}.active-video-call{min-height:100dvh}.call-video-grid.is-pair{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr)}.call-local-preview{right:max(var(--space-4), var(--safe-right));bottom:max(7.4rem, calc(var(--safe-bottom) + 6.8rem))}}@media (prefers-reduced-motion:reduce){.call-status-dot{animation:none}.call-floating-reaction{animation:3.6s ease-out forwards call-reaction-fade}}@keyframes call-reaction-fade{0%,to{opacity:0}15%,80%{opacity:1}}@media (width<=767px){.page-shell,.unified-page,.mobile-route-page{width:100%;max-width:none}.page-shell{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}button,[role=button],.primary-link,.secondary-link,.nav-button{min-height:44px}input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px;font-size:calc(16px * var(--display-scale))}dialog,.modal,.dialog-card,.sheet-card{max-width:calc(100vw - 24px)}}@media (width>=768px) and (width<=1099px){:root{--ui-sidebar-width:76px}.app-sidebar{align-items:center;padding-inline:10px}.app-brand span,.app-desktop-nav .nav-link span,.app-sidebar-session{display:none}.app-brand{padding-inline:0}.app-desktop-nav .nav-link{justify-content:center;width:48px;padding:0}}body{background:var(--color-canvas)}input,textarea,select{border-color:color-mix(in srgb, var(--color-border) 92%, transparent);background:color-mix(in srgb, var(--color-surface) 96%, var(--color-canvas))}.hero-card,.content-card,.auth-card,.module-card,.task-card{border-color:color-mix(in srgb, var(--color-border) 92%, transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.primary-link{border-radius:var(--radius-pill);background:var(--color-accent-strong);box-shadow:0 6px 18px color-mix(in srgb, var(--color-accent-strong) 14%, transparent)}.secondary-link,.nav-button{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-surface) 96%, transparent);box-shadow:0 4px 16px #1f2a2c08}.bottom-tabbar{border-top-color:color-mix(in srgb, var(--color-border) 88%, transparent);background:color-mix(in srgb, var(--color-surface) 97%, transparent);-webkit-backdrop-filter:saturate(115%)blur(18px);box-shadow:0 -12px 34px #1f2a2c0f}.bottom-tabbar-link{gap:3px;font-weight:650}.bottom-tabbar-link .nav-icon{width:38px;height:29px;transition:background-color var(--duration-standard) var(--ease-standard), color var(--duration-standard) var(--ease-standard), box-shadow var(--duration-standard) var(--ease-standard)}.bottom-tabbar-link.is-active{font-weight:760}.bottom-tabbar-link.is-active .nav-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 7%, transparent)}@media (hover:hover) and (pointer:fine){.primary-link:hover{border-color:var(--color-accent-strong);background:var(--color-accent-strong)}.secondary-link:hover,.nav-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle)}}@media (width>=1024px){.app-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);box-shadow:8px 0 34px #1f2a2c0d}.app-desktop-nav .nav-link{border-radius:var(--radius-md)}.app-desktop-nav .nav-link-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 10%, transparent)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-app-bg:#f8f5f1;--color-canvas:#f8f5f1;--color-canvas-subtle:#f1ece6;--color-surface:#fffdfb;--color-surface-subtle:#fbf7f3;--color-surface-strong:#f2ebe4;--color-text:#282321;--color-heading:#211c1a;--color-muted:#7b716c;--color-muted-strong:#5e5551;--color-border:#e8dfd8;--color-border-strong:#d8cbc2;--color-accent:#ff8f78;--color-accent-strong:#e7644d;--color-accent-soft:#fff0eb;--color-family:#ba7cf2;--color-focus:#df604c;--color-on-accent:#fff;--color-mint:#42ad90;--color-mint-soft:#eaf7f2;--color-sky:#4f91dc;--color-sky-soft:#edf5fd;--color-blue:#507ed5;--color-coral:#ff8f78;--color-coral-soft:#fff0eb;--color-sun:#e8a63e;--color-sun-soft:#fff6df;--color-lavender:#a66ddd;--color-lavender-soft:#f6effd;--color-status-success:#58b89c;--color-status-info:#68a9e8;--color-status-warning:#e9ae4e;--color-status-danger:#e96e65;--color-status-neutral:#b8afaa;--color-success:#287c65;--color-warning:#98650d;--color-danger:#b43e39;--radius-xs:10px;--radius-sm:14px;--radius-md:18px;--radius-lg:22px;--radius-xl:28px;--radius-hero:34px;--shadow-sm:0 1px 2px #2e221d08, 0 10px 28px #2e221d0f;--shadow-md:0 18px 50px #2e221d1a;--shadow-float:0 24px 70px #2e221d2e;--duration-fast:.14s;--duration-standard:.22s;--duration-sheet:.28s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.16, 1, .3, 1);--mobile-page-pad-x:clamp(17px, 4.8vw, 24px);--mobile-page-pad-top:18px;--mobile-tabbar-height:88px}html,body,#root,.app-shell{background:radial-gradient(circle at 10% -10%, #ff8f781a, transparent 34rem), radial-gradient(circle at 100% 20%, #a66ddd12, transparent 28rem), var(--color-canvas)}body{color:var(--color-text);letter-spacing:-.006em}h1,h2,h3{color:var(--color-heading);letter-spacing:-.035em;text-wrap:balance}h1{font-weight:790}h2,h3{font-weight:740}::selection{background:color-mix(in srgb, var(--color-coral) 30%, white);color:var(--color-heading)}.page-shell{position:relative}.eyebrow{color:var(--section-primary-strong,var(--color-accent-strong));letter-spacing:.045em;text-transform:uppercase;font-weight:760}.hero-card,.content-card,.auth-card,.module-card,.task-card{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px)saturate(115%);transition:transform var(--duration-standard) var(--ease-spring), box-shadow var(--duration-standard) var(--ease-standard), border-color var(--duration-standard) var(--ease-standard)}.hero-card{color:#fffaf7;background:radial-gradient(circle at 85% 10%,#ff8f7842,#0000 45%),linear-gradient(145deg,#27201e,#191513 72%);border-color:#ffffff17;box-shadow:0 26px 65px #2d1d183d}.hero-card :where(h1,h2,h3,strong){color:#fffaf7}.hero-card :where(p,small,.muted){color:#fffaf7b8}@media (hover:hover) and (pointer:fine){.content-card:hover,.module-card:hover,.task-card:hover{border-color:color-mix(in srgb, var(--section-primary,var(--color-accent)) 24%, var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-2px)}}input,textarea,select{border-color:color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:inset 0 1px #ffffffb3}input:hover,textarea:hover,select:hover{border-color:var(--color-border-strong)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb, var(--section-primary-strong,var(--color-focus)) 58%, var(--color-border));background:var(--color-surface);box-shadow:0 0 0 4px color-mix(in srgb, var(--section-primary,var(--color-accent)) 14%, transparent)}.primary-link,.secondary-link,.nav-button,button[class*=primary],button[class*=secondary]{border-radius:var(--radius-pill);transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-standard) var(--ease-standard), background-color var(--duration-standard) var(--ease-standard), border-color var(--duration-standard) var(--ease-standard);font-weight:720}.primary-link,button[class*=primary]{background:linear-gradient(135deg, var(--section-primary-strong,var(--color-accent-strong)), var(--section-primary,var(--color-accent)));color:var(--section-on-primary,var(--color-on-accent));box-shadow:0 10px 24px color-mix(in srgb, var(--section-primary-strong,var(--color-accent-strong)) 24%, transparent);border-color:#0000}.secondary-link,.nav-button,button[class*=secondary]{border-color:color-mix(in srgb, var(--color-border) 86%, transparent);background:color-mix(in srgb, var(--color-surface) 88%, transparent);color:var(--color-heading);box-shadow:0 7px 20px #2e221d0d}.primary-link:active,.secondary-link:active,.nav-button:active,button:active:not(:disabled){transform:scale(.975)}.bottom-tabbar{right:max(8px, var(--safe-right));bottom:max(8px, var(--safe-bottom));left:max(8px, var(--safe-left));background:color-mix(in srgb, var(--color-surface) 84%, transparent);-webkit-backdrop-filter:blur(24px)saturate(145%);border:1px solid #ffffffad;border-radius:27px;min-height:76px;padding:8px 6px;box-shadow:0 18px 55px #32221c33}.bottom-tabbar-link{min-width:0;min-height:60px;color:var(--color-muted);font-size:calc(11px * var(--display-scale));border-radius:20px;gap:4px;font-weight:700}.bottom-tabbar-link .nav-icon{border-radius:var(--radius-pill);width:42px;height:32px}.bottom-tabbar-link.is-active{color:var(--section-primary-strong,var(--color-accent-strong));font-weight:780}.bottom-tabbar-link.is-active .nav-icon{background:linear-gradient(135deg, var(--section-primary-strong,var(--color-accent-strong)), var(--section-primary,var(--color-accent)));color:var(--section-on-primary,#fff);box-shadow:0 8px 20px color-mix(in srgb, var(--section-primary,var(--color-accent)) 30%, transparent);transform:translateY(-2px)scale(1.06)}.app-shell-mobile-first{padding-bottom:calc(var(--mobile-tabbar-height) + var(--safe-bottom) + 14px)}@media (width<=359px){.bottom-tabbar{right:max(5px, var(--safe-right));left:max(5px, var(--safe-left));padding-inline:4px}.bottom-tabbar-link{font-size:calc(9.5px * var(--display-scale))}.bottom-tabbar-link .nav-icon{width:36px}}@media (width>=1024px){.app-sidebar{border-right-color:color-mix(in srgb, var(--color-border) 78%, transparent);background:color-mix(in srgb, var(--color-surface) 91%, transparent);-webkit-backdrop-filter:blur(20px)saturate(120%);box-shadow:12px 0 45px #2e221d12}.app-brand .brand-logo{border-color:color-mix(in srgb, var(--color-border) 70%, transparent);background:var(--color-surface-subtle);border-radius:16px;box-shadow:0 12px 30px #2e221d26}.app-desktop-nav .nav-link{border-radius:16px}.app-desktop-nav .nav-link:hover{background:color-mix(in srgb, var(--section-highlight,var(--color-accent-soft)) 55%, var(--color-surface))}.app-desktop-nav .nav-link-active{background:var(--section-highlight,var(--color-accent-soft));color:var(--section-primary-strong,var(--color-accent-strong));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--section-primary,var(--color-accent)) 16%, transparent)}}@media (prefers-reduced-motion:reduce){.hero-card,.content-card,.module-card,.task-card,.primary-link,.secondary-link,.nav-button,button{transition:none}}@media (width<=1023px){:root{--figma-screen-gutter:clamp(16px, 5vw, 20px);--figma-dark:#23211f;--figma-warm-border:#e8e1d8}.page-shell{width:100%;padding:calc(var(--safe-top) + 20px) var(--figma-screen-gutter) calc(var(--mobile-bottom-nav-height) + var(--safe-bottom) + 34px)}.page-header{background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--section-primary) 38%, transparent), transparent 48%), linear-gradient(145deg, #2b2825, var(--figma-dark));color:#fff;border:0;border-radius:28px;gap:12px;min-height:auto;margin:0 0 18px;padding:20px;box-shadow:0 18px 46px #231d192e}.page-header-copy h1,.page-header-subtitle,.page-header-status,.page-header-eyebrow{color:#fff}.page-header-copy h1{letter-spacing:-.045em;font-size:clamp(25px,7.5vw,31px);line-height:1.03}.page-header-eyebrow{color:color-mix(in srgb, var(--section-primary) 72%, white);letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800}.page-header-subtitle,.page-header-status{color:#ffffffb8;font-size:13px}.page-header-actions :where(button,a),.page-header-back{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border-color:#ffffff24}.page-header-actions :where(button,a):active,.page-header-back:active{background:#ffffff2e}:where(.content-card,.module-card,.task-card,.security-section,.chat-room-item,.calendar-agenda-item,.calendar-event-card,.shopping-list-card,.shopping-item,.family-hub-card,.family-member-card,.inbox-message-row,.email-list-item){border:1px solid var(--figma-warm-border);background:#fff;border-radius:22px;box-shadow:0 8px 24px #231d190d}.bottom-tabbar{right:max(20px, var(--safe-right));bottom:max(12px, var(--safe-bottom));left:max(20px, var(--safe-left));-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);background:#fffffff0;border:1px solid #ffffffc2;border-radius:29px;min-height:58px;padding:6px;box-shadow:0 16px 38px #231d192e}.bottom-tabbar-link{border-radius:20px;gap:1px;min-height:46px;font-size:9px}.bottom-tabbar-link .nav-icon{width:34px;height:24px}.bottom-tabbar-link.is-active{background:var(--section-highlight)}.bottom-tabbar-link.is-active .nav-icon{color:var(--section-primary-strong);box-shadow:none;background:0 0;transform:none}.chat-page{height:calc(100dvh - var(--mobile-bottom-nav-height) - var(--safe-bottom));padding-top:calc(var(--safe-top) + 12px)}.chat-layout,.chat-sidebar,.chat-panel{box-shadow:none;background:0 0;border:0}.chat-sidebar,.chat-panel{gap:12px}.chat-room-search{margin:0 0 10px}.chat-room-search input{background:#fff;border:0;border-radius:19px;box-shadow:0 8px 22px #231d190d}.chat-room-list{gap:10px}.chat-room-item{min-height:76px;padding:5px;overflow:hidden}.chat-room-item-active{border-color:color-mix(in srgb, var(--section-primary) 46%, var(--figma-warm-border));background:var(--section-highlight)}.chat-room-main{border-radius:18px}.chat-message-list{background:0 0;padding:12px 2px 18px}.chat-message-day{gap:8px}.chat-day-separator{width:max-content;color:var(--color-muted);background:#ffffffb8;border-radius:999px;margin:8px auto;padding:5px 10px;font-size:10px;font-weight:700}.message-bubble,[class*=message-bubble]{border-radius:21px;box-shadow:0 7px 18px #231d190f}.messenger-composer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff0;border:1px solid #ffffffb3;border-radius:27px;margin:0;padding:7px;box-shadow:0 14px 36px #231d1926}.composer-input-pill,.composer-textarea{box-shadow:none;background:0 0;border:0}.calendar-mobile-toolbar{box-shadow:none;background:0 0;border:0;gap:12px;margin-bottom:14px;padding:0}.calendar-mobile-toolbar .page-header{margin-bottom:0}.calendar-mobile-toolbar [role=radiogroup],.calendar-filter-scroll{border:1px solid var(--figma-warm-border);background:#ffffffe6;border-radius:20px;padding:5px;box-shadow:0 8px 22px #231d190d}.calendar-filter-scroll{gap:5px}.calendar-agenda-list,.calendar-agenda-groups{gap:12px}.calendar-agenda-item,.calendar-event-card{padding:16px 16px 16px 28px;position:relative;overflow:hidden}.calendar-agenda-item:before,.calendar-event-card:before{background:var(--calendar-event-color,var(--section-primary));content:"";border-radius:999px;width:5px;position:absolute;top:16px;bottom:16px;left:14px}.shopping-page,.shopping-list-page{gap:14px}.shopping-page :where(.shopping-header,.shopping-list-header,.shopping-toolbar),.shopping-list-page :where(.shopping-header,.shopping-list-header,.shopping-toolbar){background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--section-primary) 40%, transparent), transparent 48%), linear-gradient(145deg, #2b2825, var(--figma-dark));color:#fff;border:0;border-radius:28px;box-shadow:0 18px 46px #231d192e}.shopping-list-tabs,.shopping-filter-row,.shopping-segmented-control{border:1px solid var(--figma-warm-border);background:#ffffffeb;border-radius:20px;gap:6px;padding:5px}.shopping-items,.shopping-list-items{gap:10px}.shopping-item{min-height:64px;padding:12px 14px}:where(.inbox-page,.mail-page,.email-page) .page-header{background:radial-gradient(circle at 92% 0,#507ed57a,#0000 48%),linear-gradient(145deg,#292d38,#1f2229)}:where(.inbox-page,.mail-page,.email-page) :where(.inbox-toolbar,.mail-toolbar,.email-toolbar,.mailbox-selector){border:1px solid var(--figma-warm-border);background:#ffffffeb;border-radius:20px;padding:6px;box-shadow:0 8px 22px #231d190d}:where(.inbox-message-row,.email-list-item){margin-bottom:10px;padding:15px}:where(.family-hub-page,.family-page,.family-unified-page) .page-header{background:radial-gradient(circle at 92% 0,#ba7cf27a,#0000 48%),linear-gradient(145deg,#2d2731,#211d24)}:where(.family-hero,.family-hub-hero){background:linear-gradient(135deg, var(--section-primary-strong), var(--section-primary));box-shadow:0 16px 36px color-mix(in srgb, var(--section-primary) 26%, transparent);color:#fff;border:0;border-radius:28px;padding:20px;overflow:hidden}:where(.family-hero,.family-hub-hero) :where(h1,h2,h3,p,strong,span){color:inherit}:where(.family-metrics,.family-hub-metrics,.family-quick-actions){gap:10px}:where(.family-metric-card,.family-quick-action,.family-member-card){border:1px solid var(--figma-warm-border);background:#fff;border-radius:22px;box-shadow:0 8px 24px #231d190d}:where(.profile-page,.settings-page,.security-page) .page-header{background:radial-gradient(circle at 92% 0%, #ff8f786e, transparent 48%), linear-gradient(145deg, #2b2825, var(--figma-dark))}:where(.profile-page,.settings-page,.security-page) :where(.content-card,.security-section,.settings-section){margin-bottom:12px;padding:17px}@media (width<=359px){.bottom-tabbar{right:max(8px, var(--safe-right));left:max(8px, var(--safe-left))}.page-header{border-radius:24px;padding:17px}}}@media (width>=1024px){.page-header{border-radius:26px}.content-card,.module-card,.task-card{border-radius:24px}}:root{--figma-canvas:#fcfaf7;--figma-surface:#fff;--figma-text:#1d1916;--figma-muted:#62574f;--figma-subtle:#a39589;--figma-border:#eee8e1;--figma-border-strong:#ded5cb;--figma-soft:#f7f3ee;--figma-radius-card:20px;--figma-radius-control:14px;--figma-shadow:0 8px 24px #231d190d}body,#root,.app-shell,.app-main-content{background:var(--figma-canvas);color:var(--figma-text)}:where(button,input,textarea,select){font:inherit}:where(button,a,input,textarea,select):focus-visible{outline:3px solid color-mix(in srgb, var(--section-primary) 38%, transparent);outline-offset:3px}@media (width<=1023px){.page-shell{padding:calc(var(--safe-top) + 22px) 20px calc(var(--mobile-bottom-nav-height) + var(--safe-bottom) + 28px)}.page-header,:where(.shopping-page,.shopping-list-page) :where(.shopping-header,.shopping-list-header,.shopping-toolbar),:where(.family-hero,.family-hub-hero){min-height:auto;box-shadow:none;color:var(--figma-text);background:0 0;border:0;border-radius:0;margin:0 0 14px;padding:0}.page-header-copy{gap:6px}.page-header-copy h1{color:var(--figma-text);letter-spacing:-.035em;font-size:clamp(26px,7vw,31px);line-height:1.12}.page-header-eyebrow,.page-header-subtitle,.page-header-status{color:var(--figma-muted)}.page-header-eyebrow{letter-spacing:0;text-transform:none;margin:0;font-size:11px;font-weight:600}.page-header-subtitle,.page-header-status{font-size:13px}.page-header-actions :where(button,a),.page-header-back{border:1px solid var(--figma-border);border-radius:var(--figma-radius-control);background:var(--figma-surface);min-width:44px;min-height:44px;color:var(--figma-text);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:where(.content-card,.module-card,.task-card,.security-section,.chat-room-item,.calendar-agenda-item,.calendar-event-card,.shopping-list-card,.shopping-item,.family-hub-card,.family-member-card,.inbox-message-row,.email-list-item,.settings-section){border:1px solid var(--figma-border);border-radius:var(--figma-radius-card);background:var(--figma-surface);box-shadow:none}.bottom-tabbar{right:max(10px, var(--safe-right));bottom:0;left:max(10px, var(--safe-left));min-height:calc(62px + var(--safe-bottom));padding:8px 0 var(--safe-bottom);box-shadow:0 -1px 0 var(--figma-border);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%);background:#fffffff5;border:0;border-radius:0;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bottom-tabbar-link{border-radius:var(--figma-radius-control);min-width:0;min-height:48px;color:var(--figma-muted);gap:3px;padding:5px 4px;font-size:10px}.bottom-tabbar-link .nav-icon{width:22px;height:22px}.bottom-tabbar-link.is-active{background:var(--figma-soft);color:var(--figma-text)}.bottom-tabbar-link.is-active .nav-icon{color:var(--section-primary-strong)}.chat-page{height:calc(100dvh - var(--mobile-bottom-nav-height) - var(--safe-bottom));padding-top:calc(var(--safe-top) + 22px)}.chat-room-search input,:where(.inbox-toolbar,.mail-toolbar,.email-toolbar,.mailbox-selector),.calendar-mobile-toolbar [role=radiogroup],.calendar-filter-scroll,.shopping-list-tabs,.shopping-filter-row,.shopping-segmented-control{border:1px solid var(--figma-border);border-radius:var(--figma-radius-card);background:var(--figma-surface);box-shadow:none}.chat-room-list{gap:0}.chat-room-item{border-color:#0000;border-radius:0;min-height:76px;padding:10px}.chat-room-item+.chat-room-item{border-top:1px solid var(--figma-border)}.chat-room-item-active{border-radius:var(--figma-radius-card);border-color:var(--section-border);background:var(--section-highlight)}.messenger-composer{border:1px solid var(--figma-border);background:var(--figma-surface);border-radius:24px;margin:0;padding:7px;box-shadow:0 10px 28px #231d191a}.calendar-agenda-item,.calendar-event-card{padding:16px 16px 16px 28px}:where(.inbox-message-row,.email-list-item){margin-bottom:10px;padding:15px}:where(.family-hero,.family-hub-hero) :where(h1,h2,h3,p,strong,span){color:inherit}}@media (width>=1024px){.app-sidebar{border-right:1px solid var(--figma-border);background:var(--figma-surface);width:232px;padding:24px 16px}.app-brand{border-radius:16px;min-height:56px;padding:8px 10px}.app-desktop-nav{gap:4px}.nav-link{min-height:44px;color:var(--figma-muted);border-radius:14px;padding:10px 12px}.nav-link-active{background:var(--figma-soft);color:var(--figma-text)}.app-main-content{min-width:0}.page-shell{width:min(100%,1180px);margin:0;padding:48px}.page-header{box-shadow:none;background:0 0;border:0}:where(.content-card,.module-card,.task-card,.security-section,.chat-room-item,.calendar-agenda-item,.calendar-event-card,.shopping-list-card,.shopping-item,.family-hub-card,.family-member-card,.inbox-message-row,.email-list-item,.settings-section){border-color:var(--figma-border);border-radius:var(--figma-radius-card);box-shadow:var(--figma-shadow)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}.dashboard-page{width:min(100%,760px);min-height:100%;padding:calc(var(--safe-top) + 22px) 20px calc(var(--mobile-bottom-nav-height) + var(--safe-bottom) + 28px);color:#1d1916;margin:0 auto}.dashboard-header{margin-bottom:14px}.dashboard-header>div{align-items:center;gap:11px;display:flex}.dashboard-header>div>span{background:#72987f;border-radius:999px;flex:none;width:12px;height:12px}.dashboard-header strong{letter-spacing:-.035em;font-size:clamp(26px,7vw,34px);line-height:1.1}.dashboard-header p{color:#62574f;margin:7px 0 0;font-size:13px}.dashboard-today{background:#fff;border:1px solid #eee8e1;border-radius:20px;padding:16px}.dashboard-today>p{color:#62574f;margin:0 0 8px;font-size:13px;font-weight:500}.dashboard-today h1{letter-spacing:-.025em;margin:0;font-size:clamp(22px,6vw,28px);line-height:1.22}.dashboard-today-chips{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.dashboard-today-chips a{color:#1d1916;background:#f7f3ee;border-radius:14px;align-items:center;gap:8px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.dashboard-today-chips span{background:#b88949;border-radius:999px;width:8px;height:8px}.dashboard-overview{gap:12px;margin-top:14px;display:grid}.dashboard-card{color:#1d1916;background:#fff;border:1px solid #eee8e1;border-radius:20px;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:68px;padding:14px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.dashboard-card:hover{border-color:#ded5cb;transform:translateY(-1px);box-shadow:0 10px 28px #231d1912}.dashboard-card:focus-visible{outline:3px solid color-mix(in srgb, var(--section-primary) 36%, transparent);outline-offset:3px}.dashboard-card-icon{color:#fff;border-radius:999px;place-items:center;width:36px;height:36px;display:grid}.dashboard-card-chat .dashboard-card-icon{background:#72987f}.dashboard-card-mail .dashboard-card-icon{background:#8d83a7}.dashboard-card-family .dashboard-card-icon{background:#6c99a4}.dashboard-card-icon .ui-icon{width:18px;height:18px}.dashboard-card>span:nth-child(2){gap:2px;min-width:0;display:grid}.dashboard-card strong{font-size:15px;line-height:1.35}.dashboard-card small{color:#62574f;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.dashboard-card-arrow{color:#a79c92;width:18px;height:18px}@media (width>=768px){.dashboard-page{padding-top:42px}.dashboard-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-card{grid-template-columns:42px minmax(0,1fr)}.dashboard-card-arrow{display:none}}@media (width>=1024px){.dashboard-page{width:min(100%,1040px);margin:0;padding:48px}}