:root{--hm-color-ink: #172522;--hm-color-muted: #4f5f5a;--hm-color-canvas: #f4f6ef;--hm-color-surface: #ffffff;--hm-color-primary: #126b55;--hm-color-primary-strong: #0a4c3d;--hm-color-on-primary: #ffffff;--hm-color-primary-soft: #e4f3ed;--hm-color-primary-soft-hover: #cde8df;--hm-color-primary-faint: #f2f8f5;--hm-color-primary-border: #b7d9cd;--hm-color-accent: #e9a23b;--hm-color-read: #0878a8;--hm-color-border: #d7dfd8;--hm-color-danger: #a93b3b;--hm-space-xs: .25rem;--hm-space-sm: .5rem;--hm-space-md: 1rem;--hm-space-lg: 1.5rem;--hm-space-xl: 2rem;--hm-radius-sm: .5rem;--hm-radius-md: .875rem;--hm-radius-lg: 1.25rem;--hm-shadow-raised: 0 12px 36px rgb(23 37 34 / 12%);--hm-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;color:var(--hm-color-ink);background:var(--hm-color-canvas);font-family:var(--hm-font-sans)}button,input,textarea{font:inherit}:focus-visible{outline:3px solid var(--hm-color-accent);outline-offset:3px}.messenger{display:grid;height:100dvh;min-height:0;overflow:hidden;grid-template:"header header" auto "conversations thread" minmax(0,1fr)/minmax(19rem,23rem) minmax(0,1fr);background:var(--hm-color-canvas)}.messenger-header{display:flex;grid-area:header;align-items:center;justify-content:space-between;min-height:4rem;padding:var(--hm-space-sm) var(--hm-space-lg);color:#fff;background:var(--hm-color-primary-strong)}.messenger .messenger-header h1{font-size:1.75rem}.messenger-header .eyebrow{margin-bottom:var(--hm-space-xs)}.account-summary{display:flex;gap:var(--hm-space-md);align-items:center;font-size:.85rem}.account-summary .connection,.account-summary p,.account-summary button{margin:0}.messenger-header .account-summary .account-sign-out{min-height:2.5rem;padding:0 var(--hm-space-md);border:1px solid rgba(255,255,255,.68);color:var(--hm-color-on-primary);background:#ffffff1a}.messenger .messenger-header .account-summary .account-sign-out:hover:not(:disabled){color:var(--hm-color-primary-strong);background:var(--hm-color-on-primary)}.queue-status{padding:var(--hm-space-xs) var(--hm-space-sm);border-radius:999px;color:var(--hm-color-ink);background:var(--hm-color-accent);font-weight:700}.conversation-panel{display:grid;min-height:0;overflow:hidden;grid-area:conversations;grid-template-rows:auto auto minmax(0,1fr) auto;border-right:1px solid var(--hm-color-border);background:var(--hm-color-surface)}.conversation-toolbar,.conversation-footer{display:flex;gap:var(--hm-space-sm);align-items:center;justify-content:space-between;padding:var(--hm-space-md);border-bottom:1px solid var(--hm-color-border)}.conversation-toolbar{grid-row:1}.conversation-footer{grid-row:4;border-top:1px solid var(--hm-color-border);border-bottom:0}.messenger .conversation-toolbar h2{min-width:0;font-size:1.45rem}.toolbar-button{min-height:2.75rem;margin:0;padding:0 var(--hm-space-md);color:var(--hm-color-primary-strong);background:var(--hm-color-primary-soft)}.toolbar-button:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.toolbar-menu{position:relative;flex:0 0 auto}.messenger .toolbar-icon{display:inline-grid;width:2.75rem;min-width:2.75rem;min-height:2.75rem;margin:0;padding:0;place-items:center;border-radius:50%;color:var(--hm-color-primary-strong);background:var(--hm-color-primary-soft)}.messenger .toolbar-icon:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.messenger .toolbar-icon svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.toolbar-dropdown{position:absolute;z-index:20;top:calc(100% + .4rem);right:0;display:grid;min-width:12rem;padding:var(--hm-space-xs);border:1px solid var(--hm-color-border);border-radius:var(--hm-radius-md);background:var(--hm-color-surface);box-shadow:var(--hm-shadow-raised)}.messenger .toolbar-dropdown button{display:flex;min-height:2.75rem;gap:var(--hm-space-sm);align-items:center;margin:0;padding:0 var(--hm-space-sm);border-radius:var(--hm-radius-sm);color:var(--hm-color-ink);background:transparent;font-weight:650}.messenger .toolbar-dropdown button:hover:not(:disabled){color:var(--hm-color-primary-strong);background:var(--hm-color-primary-faint)}.messenger .toolbar-dropdown svg{width:1.2rem;height:1.2rem;flex:0 0 auto;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.new-chat-header{display:flex;gap:var(--hm-space-sm);align-items:center;justify-content:space-between;padding-top:var(--hm-space-md)}.new-chat-header h3{margin:0;font-size:1.05rem}.messenger .new-chat-close{display:inline-grid;width:2rem;min-width:2rem;min-height:2rem;margin:0;padding:0;place-items:center;border-radius:50%;color:var(--hm-color-muted);background:transparent}.messenger .new-chat-close:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.messenger .new-chat-close svg{width:1rem;height:1rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-width:2.2}.new-chat-panel,.settings-panel{overflow-y:auto;padding:0 var(--hm-space-md) var(--hm-space-md);border-bottom:1px solid var(--hm-color-border)}.new-chat-panel{grid-row:2}.settings-panel{grid-row:2/4;padding-top:var(--hm-space-md)}.conversation-panel>h2,.thread-header h2{font-size:1.75rem}.new-chat{gap:var(--hm-space-xs);width:100%;margin:var(--hm-space-md) 0 0}.new-chat h3{margin:0 0 var(--hm-space-sm)}.conversation-list{display:grid;min-height:0;overflow-y:auto;gap:var(--hm-space-xs);align-content:start;padding:var(--hm-space-sm);scrollbar-gutter:stable;grid-row:3}.messenger .conversation-item{position:relative;display:grid;min-height:4.75rem;gap:.2rem var(--hm-space-sm);align-items:center;margin:0;padding:.75rem var(--hm-space-md);border:1px solid transparent;border-radius:var(--hm-radius-md);grid-template-columns:minmax(0,1fr) auto;text-align:left;color:var(--hm-color-ink);background:var(--hm-color-surface);box-shadow:none}.messenger .conversation-item:hover:not(:disabled):not(.active){border-color:var(--hm-color-primary-border);color:var(--hm-color-ink);background:var(--hm-color-primary-faint)}.messenger .conversation-item.active{border-color:var(--hm-color-primary-border);color:var(--hm-color-ink);background:var(--hm-color-primary-soft);box-shadow:inset 3px 0 0 var(--hm-color-primary)}.messenger .conversation-item.active:hover:not(:disabled){border-color:var(--hm-color-primary-border);color:var(--hm-color-ink);background:var(--hm-color-primary-soft-hover)}.messenger .conversation-item:hover:not(:disabled) strong,.messenger .conversation-item.active strong{color:var(--hm-color-ink)}.messenger .conversation-item:hover:not(:disabled) span,.messenger .conversation-item:hover:not(:disabled) time,.messenger .conversation-item.active span,.messenger .conversation-item.active time{color:var(--hm-color-muted)}.conversation-item strong{grid-column:1;grid-row:1;overflow:hidden;color:var(--hm-color-ink);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.conversation-item span{grid-column:1;grid-row:2;overflow:hidden;color:var(--hm-color-muted);font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.conversation-item time{grid-column:2;grid-row:1;color:var(--hm-color-muted);font-size:.72rem;font-variant-numeric:tabular-nums;white-space:nowrap}.conversation-item b{grid-column:2;grid-row:2;justify-self:end;min-width:1.5rem;padding:.2rem .35rem;border-radius:999px;text-align:center;color:#fff;background:var(--hm-color-primary);font-size:.75rem}.compact{width:100%;margin-bottom:0;padding:var(--hm-space-md);box-shadow:none}.settings-panel .compact+.compact{margin-top:var(--hm-space-sm)}.settings-panel .compact h3{font-size:1rem;line-height:1.3}.settings-panel .compact h4{font-size:.92rem}.settings-panel .compact p,.settings-panel .compact small,.settings-panel .compact label{font-size:.85rem;line-height:1.45}.settings-panel .compact p{margin:var(--hm-space-xs) 0 0}.settings-panel .compact button{min-height:2.75rem;margin-top:var(--hm-space-sm)}.settings-panel .compact input:not([type=checkbox]){min-height:2.75rem}.settings-panel .preference-toggle{gap:var(--hm-space-sm);align-items:center;margin-top:var(--hm-space-sm)}.settings-panel .preference-toggle input[type=checkbox]{width:1.15rem;height:1.15rem;flex:0 0 auto;margin:0;accent-color:var(--hm-color-primary)}.settings-panel .preference-toggle span{font-size:.88rem;font-weight:650}.notification-status{color:var(--hm-color-primary-strong);font-weight:750}.settings-panel .notification-status{font-size:.82rem}.thread-actions{display:flex;flex:0 0 auto;gap:var(--hm-space-xs);align-items:center;justify-content:flex-end}.thread-actions .typing,.thread-actions button{margin:0}.thread-actions .call-start{color:var(--hm-color-primary-strong);background:transparent}.thread-actions .call-start:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.thread-panel{position:relative;display:grid;overflow:hidden;min-width:0;min-height:0;grid-area:thread;grid-template-rows:auto minmax(0,1fr) auto}.thread-header{display:flex;min-width:0;min-height:4.25rem;gap:var(--hm-space-sm);align-items:center;padding:var(--hm-space-sm) var(--hm-space-lg);border-bottom:1px solid var(--hm-color-border);background:#fffffff0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.messenger .thread-header .thread-back{display:none}.thread-identity{display:flex;min-width:0;flex:1 1 auto;gap:var(--hm-space-sm);align-items:center}.conversation-avatar{display:grid;width:2.75rem;height:2.75rem;flex:0 0 auto;place-items:center;border-radius:50%;color:var(--hm-color-on-primary);background:var(--hm-color-primary)}.conversation-avatar svg{width:1.45rem;height:1.45rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.thread-title{min-width:0}.messenger .thread-title h2{max-width:none;overflow:hidden;font-size:1.15rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.thread-title p{margin:.15rem 0 0;overflow:hidden;color:var(--hm-color-muted);font-size:.72rem;font-weight:700;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.thread-title p.offline{color:var(--hm-color-danger)}.thread-title p.queued{color:var(--hm-color-primary-strong)}.messenger .icon-button{display:inline-grid;width:2.75rem;min-width:2.75rem;min-height:2.75rem;margin:0;padding:0;place-items:center;border-radius:50%}.messenger .icon-button svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.message-list{display:flex;overflow-y:auto;min-height:0;overscroll-behavior:contain;flex-direction:column;gap:.4rem;margin:0;padding:var(--hm-space-lg) clamp(1rem,4vw,3rem);list-style:none;scrollbar-gutter:stable;background:linear-gradient(#f4f6eff0,#f4f6eff0),radial-gradient(circle at 1px 1px,#b9cbc4 1px,transparent 1px);background-size:auto,1.25rem 1.25rem}.message-list li{display:flex}.message-list li.mine{justify-content:flex-end}.message-list .history-recovery-row{justify-content:center}.history-recovery-note{display:flex;width:min(100%,46rem);gap:var(--hm-space-md);align-items:center;justify-content:space-between;padding:var(--hm-space-md);border:1px solid var(--hm-color-primary-border);border-radius:var(--hm-radius-md);color:var(--hm-color-ink);background:var(--hm-color-primary-faint);box-shadow:0 1px 3px #17252214}.history-recovery-note p{margin:var(--hm-space-xs) 0 0;color:var(--hm-color-muted);font-size:.84rem;line-height:1.45}.history-recovery-note button{min-height:2.75rem;flex:0 0 auto;margin:0;padding:0 var(--hm-space-md)}.message-list article{width:fit-content;max-width:min(72%,42rem);padding:.45rem .65rem .35rem;border:1px solid var(--hm-color-border);border-radius:var(--hm-radius-md) var(--hm-radius-md) var(--hm-radius-md) 0;background:var(--hm-color-surface);box-shadow:0 1px 2px #1725221a}.message-list .mine article{border-color:#aad0c5;border-radius:var(--hm-radius-md) var(--hm-radius-md) 0 var(--hm-radius-md);background:var(--hm-color-primary-soft)}.message-list article>strong{color:var(--hm-color-primary-strong);font-size:.76rem}.message-list article p{margin:var(--hm-space-xs) 0;line-height:1.45;white-space:pre-wrap}.message-meta{display:flex;min-height:1rem;gap:.3rem;align-items:center;justify-content:flex-end;margin-top:.1rem;color:var(--hm-color-muted);font-size:.7rem}.message-meta time{white-space:nowrap}.receipt-state{display:inline-flex;color:var(--hm-color-muted);font-size:.9rem;font-weight:800;line-height:1}.receipt-state.read{color:var(--hm-color-read)}.receipt-checks{letter-spacing:-.28em;padding-right:.28em}.typing-row{justify-content:flex-start}.typing-bubble{display:inline-flex;gap:var(--hm-space-sm);align-items:center;padding:.55rem .75rem;border:1px solid var(--hm-color-border);border-radius:var(--hm-radius-md) var(--hm-radius-md) var(--hm-radius-md) 0;color:var(--hm-color-muted);background:var(--hm-color-surface);box-shadow:0 1px 2px #1725221a;font-size:.78rem;font-weight:700}.typing-dots{display:inline-flex;gap:.18rem}.typing-dots i{width:.32rem;height:.32rem;border-radius:50%;background:var(--hm-color-primary);animation:typing-dot 1.2s ease-in-out infinite}.typing-dots i:nth-child(2){animation-delay:.12s}.typing-dots i:nth-child(3){animation-delay:.24s}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-.2rem);opacity:1}}.attachment{min-height:2.5rem;margin:var(--hm-space-xs) 0;color:var(--hm-color-primary-strong);background:#ffffffb3}.media-attachment{display:grid;min-width:min(26rem,65vw);gap:var(--hm-space-xs);margin:var(--hm-space-xs) 0}.inline-image,.inline-video{display:block;width:auto;max-width:100%;max-height:min(60dvh,34rem);border-radius:var(--hm-radius-sm);object-fit:contain;background:#0f1715}.inline-video,.inline-audio{width:100%}.media-file-name{overflow-wrap:anywhere;font-size:.82rem}.media-loading{color:var(--hm-color-muted)}.attachment-actions,.forward-actions{display:flex;flex-wrap:wrap;gap:var(--hm-space-xs)}.attachment-row{display:flex;gap:var(--hm-space-sm);align-items:center;justify-content:space-between}.messenger .attachment-action{display:inline-grid;width:2.25rem;min-width:2.25rem;min-height:2.25rem;flex:0 0 auto;margin:0;padding:0;place-items:center;border-radius:50%;color:var(--hm-color-primary-strong);background:#ffffffb8}.messenger .attachment-action:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.messenger .attachment-action svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.messenger form.composer{display:flex;width:100%;max-width:none;flex-direction:column;gap:var(--hm-space-xs);margin:0;padding:var(--hm-space-sm) var(--hm-space-lg) max(var(--hm-space-sm),env(safe-area-inset-bottom));border-top:1px solid var(--hm-color-border);background:#f0f3ed;box-shadow:0 -3px 12px #1725220f}.composer-controls{display:grid;min-width:0;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--hm-space-sm);align-items:end}.messenger .composer textarea{width:100%;min-height:2.75rem;max-height:8rem;padding:.7rem 1rem;border-color:transparent;border-radius:1.4rem;line-height:1.35;resize:none}.messenger .composer textarea:focus{border-color:var(--hm-color-primary)}.messenger .composer button,.messenger .composer label{margin:0}.file-button{color:var(--hm-color-primary-strong);background:var(--hm-color-surface);cursor:pointer}.file-button:hover{color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.send-button{color:var(--hm-color-on-primary);background:var(--hm-color-primary)}.composer-selection{display:grid;min-width:0;gap:.15rem;padding:var(--hm-space-xs) var(--hm-space-sm);border:1px solid var(--hm-color-border);border-radius:var(--hm-radius-sm);background:var(--hm-color-surface)}.composer-selection small{margin:0}.selected-file{overflow:hidden;color:var(--hm-color-muted);font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.preference-toggle{display:flex;gap:var(--hm-space-sm);align-items:flex-start;margin-top:var(--hm-space-md)}.preference-toggle input{min-height:auto;margin-top:.15rem}.settings-warning{padding:var(--hm-space-sm);border:1px solid #d2b36d;border-radius:var(--hm-radius-sm);background:#fff8e5}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}.empty-state,.thread-empty{color:var(--hm-color-muted);line-height:1.55}.thread-empty{display:grid;grid-row:1/-1;place-items:center;padding:var(--hm-space-xl);text-align:center}.messenger .thread-empty h2{max-width:26ch;color:var(--hm-color-muted);font-size:1.15rem;font-weight:600;line-height:1.5}.thread-error{position:absolute;right:var(--hm-space-md);bottom:6rem;left:var(--hm-space-md);display:flex;max-width:none;gap:var(--hm-space-sm);align-items:flex-start;justify-content:space-between;margin:0;padding:var(--hm-space-sm) var(--hm-space-md);border:1px solid #e6bcbc;border-radius:var(--hm-radius-sm);background:#fff3f3;box-shadow:0 6px 20px #1725221f}.thread-error p{margin:0;line-height:1.45}.messenger .thread-error-dismiss{display:inline-grid;width:2rem;min-width:2rem;min-height:2rem;flex:0 0 auto;margin:0;padding:0;place-items:center;border-radius:50%;color:var(--hm-color-danger);background:transparent}.messenger .thread-error-dismiss:hover:not(:disabled){color:#fff;background:var(--hm-color-danger)}.messenger .thread-error-dismiss svg{width:1rem;height:1rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-width:2.2}.failed-queue{display:flex;gap:var(--hm-space-sm);align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 var(--hm-space-lg);padding:var(--hm-space-sm) var(--hm-space-md);border:1px solid #e6bcbc;border-radius:var(--hm-radius-sm);background:#fff3f3}.failed-queue p{margin:0;color:var(--hm-color-danger);font-size:.85rem;font-weight:700}.failed-queue-actions{display:flex;gap:var(--hm-space-xs)}.messenger .failed-queue button{min-height:2.25rem;margin:0;padding:0 var(--hm-space-sm);font-size:.82rem}.messenger .failed-queue .secondary{color:var(--hm-color-danger);background:transparent}.messenger .failed-queue .secondary:hover:not(:disabled){color:#fff;background:var(--hm-color-danger)}.selected-files{display:grid;gap:var(--hm-space-xs);margin:0;padding:0;list-style:none}.selected-files li{display:flex;gap:var(--hm-space-sm);align-items:center;justify-content:space-between}.messenger .selected-file-remove{display:inline-grid;width:1.75rem;min-width:1.75rem;min-height:1.75rem;flex:0 0 auto;margin:0;padding:0;place-items:center;border-radius:50%;color:var(--hm-color-muted);background:transparent}.messenger .selected-file-remove:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-danger)}.messenger .selected-file-remove svg{width:.9rem;height:.9rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-width:2.2}@media(max-width:820px){.messenger{grid-template:"header" auto "conversations" minmax(0,1fr)/1fr}.messenger .thread-panel{display:none}.messenger.has-active-thread{grid-template:"thread" minmax(0,1fr)/1fr}.messenger.has-active-thread .messenger-header,.messenger.has-active-thread .conversation-panel{display:none}.messenger.has-active-thread .thread-panel{display:grid}.messenger-header{gap:var(--hm-space-sm);padding:var(--hm-space-sm) var(--hm-space-md)}.messenger-header .eyebrow{display:none}.messenger .messenger-header{min-height:3.25rem}.messenger .messenger-header h1{font-size:1.15rem}.account-summary{flex-direction:row;flex-wrap:nowrap;gap:var(--hm-space-sm);align-items:center;justify-content:flex-end;min-width:0}.messenger-header .account-summary .account-sign-out{min-height:2.25rem;padding:0 var(--hm-space-sm);font-size:.78rem}.account-summary .connection{font-size:.72rem}.account-phone{overflow:hidden;min-width:0;color:#ffffffe0;font-size:.78rem;text-align:right;text-overflow:ellipsis;white-space:nowrap}.conversation-panel{max-height:none;border-right:0}.thread-panel{min-height:0}.messenger .thread-header .thread-back{display:inline-grid;align-items:center;justify-content:center;flex:0 0 auto;color:var(--hm-color-primary-strong);background:transparent}.message-list{padding:var(--hm-space-sm) var(--hm-space-md)}.message-list article{max-width:86%}.history-recovery-note{align-items:stretch;flex-direction:column;gap:var(--hm-space-sm)}.history-recovery-note button{width:100%}.media-attachment{min-width:min(18rem,70vw)}.thread-header{min-height:3.75rem;padding:max(var(--hm-space-xs),env(safe-area-inset-top)) var(--hm-space-sm) var(--hm-space-xs)}.messenger form.composer{padding-right:var(--hm-space-sm);padding-left:var(--hm-space-sm)}.messenger .thread-title h2{font-size:1rem}.thread-title p{font-size:.62rem}.conversation-avatar{width:2.35rem;height:2.35rem}.thread-actions,.composer-controls{gap:var(--hm-space-xs)}.messenger .icon-button{width:2.6rem;min-width:2.6rem;min-height:2.6rem}}@media(prefers-reduced-motion:reduce){button{transition:none}.typing-dots i{animation:none}}.forward-backdrop{position:fixed;z-index:1100;display:grid;inset:0;place-items:center;padding:var(--hm-space-md);background:#0c1a17b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.forward-card{display:grid;width:min(100%,30rem);gap:var(--hm-space-sm);padding:var(--hm-space-xl);border-radius:var(--hm-radius-md);background:var(--hm-color-surface);box-shadow:var(--hm-shadow-raised)}.forward-card h2{font-size:1.75rem}.forward-card p{color:var(--hm-color-muted);line-height:1.5}.forward-card select{width:100%}.forward-actions{justify-content:flex-end}.forward-actions button{margin:0}.forward-actions .secondary{color:var(--hm-color-primary-strong);background:var(--hm-color-primary-soft)}.forward-actions .secondary:hover:not(:disabled){color:var(--hm-color-on-primary);background:var(--hm-color-primary-strong)}.call-backdrop{position:fixed;z-index:1000;display:grid;inset:0;place-items:center;padding:1rem;background:#071614c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.call-card{display:grid;width:min(100%,32rem);grid-template-columns:minmax(0,1fr);max-height:calc(100dvh - 2rem);overflow-y:auto;gap:1rem;padding:clamp(1.25rem,4vw,2.5rem);border:1px solid rgba(255,255,255,.18);border-radius:1.5rem;color:#fff;background:linear-gradient(155deg,#163f39,#0b2521);box-shadow:0 2rem 5rem #00000061}.call-card.in-call{display:flex;width:min(100%,64rem);height:calc(100dvh - 2rem);overflow:hidden;flex-direction:column}.call-card.in-call .media-stage{min-height:0;flex:1 1 auto}.call-card.in-call .call-identity{flex:0 0 auto}.call-card.in-call .call-avatar{width:3.25rem;height:3.25rem;margin-bottom:.15rem}.call-card.in-call .call-avatar svg{width:1.6rem;height:1.6rem}.call-card.in-call h2{font-size:clamp(1.1rem,2.2vw,1.5rem)}.call-card.in-call .call-controls{flex:0 0 auto}.call-card h2{max-width:none;overflow-wrap:anywhere;color:#fff;font-size:clamp(1.4rem,3vw,2rem);line-height:1.2}.call-card .eyebrow{margin:0 0 .35rem}.call-card button{min-height:3.25rem;margin:0;border:1px solid rgba(255,255,255,.2);color:#fff;background:#26776b}.call-card button:hover:not(:disabled){background:#319182}.call-card .decline{background:#a33b46}.call-card .decline:hover:not(:disabled){background:#be4653}.call-card .accept{background:#23845d}.call-state,.platform-note,.call-waiting p{margin:0;line-height:1.55}.platform-note{padding:.8rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:.75rem;color:#d9eee9;background:#ffffff12}.call-identity{display:grid;justify-items:center;gap:.35rem;text-align:center}.call-avatar{display:grid;width:5.5rem;height:5.5rem;margin-bottom:.5rem;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#ffffff1a}.call-avatar svg{width:2.75rem;height:2.75rem;fill:none;stroke:#ffffffe0;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.call-primary-actions,.call-controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.call-primary-actions button{flex:0 1 11rem;min-width:0}.call-card .call-action{display:inline-flex;min-height:3.5rem;gap:.6rem;align-items:center;justify-content:center;border-radius:var(--hm-radius-md)}.call-action svg{width:1.35rem;height:1.35rem;flex:0 0 auto;fill:currentcolor}.call-card .decline.call-action svg{transform:rotate(135deg)}.call-card .call-control{display:inline-grid;width:3.5rem;min-width:3.5rem;min-height:3.5rem;padding:0;place-items:center;border-radius:50%}.call-card .call-control svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentcolor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.call-card .call-control.off{color:var(--hm-color-ink);background:#ffffffe0}.call-card .call-control.hangup svg{fill:currentcolor;stroke:none;transform:rotate(135deg)}.call-card .call-end-all{min-height:3.5rem;border-radius:var(--hm-radius-md)}.call-audio-unblock{justify-self:center;min-height:3rem;border-radius:var(--hm-radius-md);background:var(--hm-color-accent)!important;color:#21160a!important;font-weight:800}.call-waiting{display:grid;place-items:center;gap:1rem;min-height:12rem;text-align:center}.call-pulse,.participant-placeholder span{width:4.5rem;height:4.5rem;border-radius:50%;background:#49bca2;box-shadow:0 0 #49bca299;animation:call-pulse 1.8s infinite}@keyframes call-pulse{70%{box-shadow:0 0 0 1.5rem #49bca200}}.media-stage{position:relative;display:grid;min-height:min(56dvh,32rem);overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:.75rem;border-radius:1rem;background:#061714}.media-stage.audio-only{min-height:14rem;background:#ffffff0d}.media-stage figure{position:relative;min-height:14rem;margin:0;background:#102e29}.media-stage video{width:100%;height:100%;object-fit:cover}.media-stage figcaption{position:absolute;bottom:.6rem;left:.6rem;padding:.25rem .55rem;border-radius:999px;background:#00000094;font-size:.76rem}.participant-placeholder{display:grid;min-height:18rem;place-items:center;align-content:center;gap:1.5rem;color:#cde4df}.local-preview{position:absolute!important;right:.75rem;bottom:.75rem;z-index:2;width:clamp(7rem,22vw,13rem);min-height:6rem!important;aspect-ratio:3/4;overflow:hidden;border:2px solid rgba(255,255,255,.7);border-radius:.8rem;box-shadow:0 .8rem 2rem #00000061}.call-card>.error{margin:0;color:#ffd6d9}@media(max-width:600px){.call-backdrop{padding:0}.call-card,.call-card.in-call{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;border:0;border-radius:0;align-content:center;padding-bottom:max(2rem,env(safe-area-inset-bottom))}.call-card .call-action{flex:1 1 8rem}.media-stage{min-height:48dvh}.media-stage.audio-only{min-height:12rem}.call-controls button{flex:1 1 9rem}}@media(prefers-reduced-motion:reduce){.call-pulse,.participant-placeholder span{animation:none}}