:root{color:#17251f;font-synthesis:none;text-rendering:optimizelegibility;--brand:#0b5d4b;--brand-dark:#074638;--brand-soft:#dff3eb;--ink:#17251f;--muted:#65746d;--line:#d9e3de;--surface:#fff;--surface-soft:#f5f8f6;--danger:#b42318;--danger-soft:#fef3f2;--warning:#8a4b08;--warning-soft:#fff7e8;--success:#087443;--shadow:0 12px 36px #1234291a;background:#edf3f0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input,textarea,select{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled,input:disabled,textarea:disabled,select:disabled{cursor:not-allowed;opacity:.62}:focus-visible{outline-offset:2px;outline:3px solid #147d68}h1,h2,p{margin-top:0}h1{font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.12}h2{font-size:1.15rem}.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}.muted{color:var(--muted)}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;font-size:.74rem;font-weight:800}.button{background:0 0;border:1px solid #0000;border-radius:10px;min-height:42px;padding:.66rem 1rem;font-weight:750;transition:background .14s,border-color .14s,transform .14s}.button:not(:disabled):active{transform:translateY(1px)}.button.primary{color:#fff;background:var(--brand)}.button.primary:not(:disabled):hover{background:var(--brand-dark)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.secondary:not(:disabled):hover{background:var(--surface-soft);border-color:#9ab6aa}.button.link{min-height:34px;color:var(--brand);padding:.25rem .5rem}.button.link:hover{text-decoration:underline}.button.icon{border-color:var(--line);background:var(--surface);place-items:center;width:42px;min-width:42px;padding:0;font-size:1.35rem;display:inline-grid}.button.small{min-height:36px;padding:.45rem .7rem;font-size:.82rem}.button-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.brand-mark{color:#fff;letter-spacing:-.04em;background:linear-gradient(145deg,#16816c,#084d3e);border-radius:18px 18px 18px 5px;place-items:center;width:58px;height:58px;margin:0 auto 1.25rem;font-size:1rem;font-weight:900;display:grid;box-shadow:0 10px 24px #0b5d4b38}.brand-mark.small{border-radius:12px 12px 12px 4px;width:40px;height:40px;margin:0;font-size:.75rem}.form-stack{gap:1rem;display:grid}.form-stack label,.create-chat-form label{color:#34453d;gap:.42rem;font-size:.86rem;font-weight:700;display:grid}input,textarea,select{background:var(--surface);border:1px solid #bccbc4;border-radius:10px;width:100%}input,select{min-height:43px;padding:.62rem .75rem}textarea{resize:vertical;padding:.7rem .8rem;line-height:1.45}input:hover,textarea:hover,select:hover{border-color:#8aa69a}.notice{border:1px solid var(--line);color:#405149;background:var(--surface-soft);border-radius:9px;margin:0;padding:.72rem .85rem;font-size:.86rem;line-height:1.4}.notice.error,.status-strip.error{color:#8f1d14;background:var(--danger-soft);border-color:#f3b9b4}.notice.warning,.status-strip.warning{color:#78410d;background:var(--warning-soft);border-color:#edd6a8}.notice.success{color:#075b36;background:#ecfdf3;border-color:#a7d9c1}.app-loading,.fatal-error{text-align:center;place-content:center;justify-items:center;min-height:100dvh;padding:2rem;display:grid}.fatal-error{max-width:560px;margin:auto}.auth-page{min-height:100dvh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:radial-gradient(circle at 15% 15%,#1b856d29,#0000 35%),radial-gradient(circle at 85% 85%,#07463824,#0000 34%),#e9f2ee;place-items:center;display:grid;position:relative;overflow:hidden}.auth-background{opacity:.5;pointer-events:none;background-image:linear-gradient(115deg,#0000 35%,#ffffffb8);height:42%;position:fixed;inset:8% -20% auto;transform:rotate(-6deg)}.auth-column{z-index:1;gap:.75rem;width:min(100%,430px);display:grid}.auth-card{width:100%;box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #fffc;border-radius:22px;padding:clamp(1.4rem,6vw,2.35rem)}.auth-card .form-stack{text-align:left;margin:1.4rem 0 .8rem}.app-shell{background:#edf3f0;min-height:100dvh}.app-header{z-index:5;min-height:70px;padding:max(.65rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) .65rem max(1rem, env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#fffffff5;grid-template-columns:minmax(140px,1fr) auto minmax(200px,1fr) auto;align-items:center;gap:.75rem;display:grid;position:relative;box-shadow:0 2px 12px #1f382f0d}.app-brand{text-align:left;background:0 0;border:0;align-items:center;gap:.7rem;width:max-content;padding:0;display:flex}.app-brand>span:last-child,.user-label,.profile-summary div{gap:.08rem;display:grid}.app-brand small,.user-label small,.profile-summary span{color:var(--muted);font-size:.7rem}.main-nav{background:var(--surface-soft);scrollbar-width:thin;-webkit-overflow-scrolling:touch;border-radius:12px;gap:.22rem;padding:.24rem;display:flex;overflow-x:auto}.main-nav button{color:#506158;background:0 0;border:0;border-radius:9px;min-height:36px;padding:.4rem .75rem;font-size:.82rem;font-weight:750}.main-nav button[aria-current=page]{color:var(--brand);background:var(--surface);box-shadow:0 2px 7px #213e3317}.header-status{justify-content:flex-end;gap:.45rem;display:flex}.status-pill{border:1px solid var(--line);color:#506158;background:var(--surface-soft);text-transform:capitalize;border-radius:999px;align-items:center;gap:.38rem;width:max-content;padding:.35rem .55rem;font-size:.7rem;font-weight:750;display:inline-flex}.status-pill.success{color:#07643c;background:#edfbf3;border-color:#acd9c4}.status-pill.warning{color:#795019;background:#fff9ec;border-color:#e7d4ac}.status-pill>span{font-size:.55rem}.user-menu{justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;display:flex}.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar-36{width:36px;height:36px}.avatar-40{width:40px;height:40px}.avatar-72{width:72px;height:72px}.avatar-fallback{color:#fff;background:linear-gradient(145deg,#288d76,#0b5d4b);place-items:center;font-weight:850;display:grid}.status-strip{text-align:center;border-bottom:1px solid;padding:.48rem 1rem;font-size:.78rem}.global-error{color:#8d1d14;background:var(--danger-soft);border-bottom:1px solid #efb1ab;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1rem;font-size:.84rem;display:flex}.loading-line{z-index:20;background:var(--brand);width:34%;height:3px;animation:1.2s ease-in-out infinite alternate loading;position:fixed;top:69px;left:0}@keyframes loading{0%{transform:translate(-40%)}to{transform:translate(240%)}}.chat-layout{background:var(--surface);grid-template-columns:minmax(280px,340px) minmax(0,1fr);width:min(1540px,100%);height:calc(100dvh - 70px);margin:0 auto;display:grid}.chat-list-panel{border-right:1px solid var(--line);background:var(--surface);min-width:0;overflow:hidden}.panel-header,.chat-header{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:.8rem;min-height:76px;padding:.9rem 1rem;display:flex}.panel-header{justify-content:space-between}.panel-header h2,.chat-header h2{margin:0}.search-field{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;align-items:center;gap:.45rem;margin:.8rem;padding:0 .7rem;display:flex}.search-field input{background:0 0;border:0;outline:0}.create-chat-form{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;gap:.7rem;margin:0 .8rem .8rem;padding:.8rem;display:grid}.chat-items{height:calc(100% - 145px);padding:0 .55rem 1rem;overflow-y:auto}.chat-item{text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:42px minmax(0,1fr);gap:.7rem;width:100%;padding:.78rem .72rem;display:grid}.chat-item:hover{background:var(--surface-soft)}.chat-item.active{background:var(--brand-soft)}.contact-avatar{color:#fff;background:linear-gradient(145deg,#5b9f8c,#236b58);border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.chat-summary{gap:.25rem;min-width:0;display:grid}.chat-title-row{justify-content:space-between;gap:.5rem;display:flex}.chat-title-row strong,.chat-preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-title-row time{color:var(--muted);font-size:.67rem}.chat-preview{color:var(--muted);font-size:.78rem}.consent-dot{color:var(--muted);align-items:center;gap:.3rem;font-size:.65rem;display:flex}.consent-dot:before{content:"";background:#a3aaa7;border-radius:50%;width:6px;height:6px}.consent-dot.opted_in:before{background:var(--success)}.consent-dot.opted_out:before{background:var(--danger)}.empty-state{max-width:360px;color:var(--muted);text-align:center;margin:2rem auto;padding:0 1rem;font-size:.85rem;line-height:1.55}.chat-window{background:linear-gradient(#f4f8f6eb,#f4f8f6eb),radial-gradient(circle at 10px 10px,#cadbd3 1px,#0000 1px) 0 0/20px 20px;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chat-window.empty-chat{color:var(--muted);text-align:center;place-content:center;justify-items:center;padding:2rem}.empty-illustration{width:84px;height:84px;color:var(--brand);background:var(--brand-soft);border-radius:28px 28px 28px 7px;place-items:center;margin-bottom:1rem;font-weight:900;display:grid}.chat-header{min-height:76px}.chat-heading{min-width:130px;margin-right:auto;display:grid}.chat-heading span{color:var(--muted);font-size:.72rem}.chat-controls{align-items:end;gap:.55rem;display:flex}.chat-controls label{color:var(--muted);gap:.18rem;font-size:.62rem;font-weight:700;display:grid}.chat-controls select{max-width:140px;min-height:35px;padding:.25rem .45rem;font-size:.72rem}.mobile-back{display:none}.messages{overscroll-behavior:contain;min-height:0;padding:1.25rem clamp(.75rem,4vw,2.5rem);overflow-y:auto}.message-bubble{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:5px 14px 14px;width:fit-content;max-width:min(72%,680px);margin:0 0 .65rem;padding:.68rem .8rem .42rem;box-shadow:0 2px 5px #1634290d}.message-bubble.outbound{background:#dff3eb;border-color:#b9ddcf;border-radius:14px 5px 14px 14px;margin-left:auto}.message-bubble.failed{background:#fff0ef;border-color:#e5a39d}.message-bubble p{white-space:pre-wrap;margin:0}.message-bubble footer{color:#6e7c75;justify-content:flex-end;gap:.35rem;margin-top:.32rem;font-size:.62rem;display:flex}.delivery.read{color:#087a9a}.delivery.failed{color:var(--danger);font-weight:900}.attachment{color:var(--brand);align-items:center;gap:.4rem;margin-top:.35rem;font-weight:700;display:inline-flex}.message-composer{padding:.7rem max(.8rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--surface)}.composer-hint{color:var(--warning);text-align:center;margin:0 0 .45rem;font-size:.72rem}.composer-row{align-items:end;gap:.6rem;display:flex}.composer-row textarea{resize:none;min-height:44px;max-height:120px}.send-button{border-radius:50%;width:46px;min-width:46px;height:44px;padding:0;font-size:1.1rem}.attach-button{border-radius:50%;flex-shrink:0;width:44px;min-width:44px;height:44px;padding:0;font-size:1.1rem}.file-preview-bar{align-items:center;gap:.5rem;padding:.6rem 0;display:flex;overflow-x:auto}.file-thumb{flex-shrink:0;width:64px;height:64px;position:relative}.file-thumb-media{object-fit:cover;border-radius:8px;width:64px;height:64px;display:block}.file-thumb-icon{background:var(--surface-elevated,#2a3942);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;height:100%;display:flex}.file-thumb-emoji{font-size:1.4rem}.file-thumb-name{color:var(--muted);text-align:center;word-break:break-all;text-overflow:ellipsis;white-space:nowrap;max-width:56px;padding:0 2px;font-size:.55rem;overflow:hidden}.file-thumb-remove{color:#fff;text-align:center;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.65rem;line-height:20px;display:flex;position:absolute;top:-6px;right:-6px}.content-page{width:min(1120px,100%);margin:0 auto;padding:clamp(1.2rem,5vw,3.2rem)}.page-heading{max-width:720px;margin-bottom:1.7rem}.page-heading p:last-child{color:var(--muted);line-height:1.55}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:clamp(1rem,3vw,1.4rem);box-shadow:0 5px 18px #1f3e320d}.settings-card h2{margin-bottom:.35rem}.settings-card p{color:var(--muted);font-size:.84rem;line-height:1.5}.setting-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.switch{flex:none;width:48px;height:27px;display:block;position:relative}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch span{background:#aebbb5;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{transform:translate(21px)}.switch input:focus-visible+span{outline-offset:2px;outline:3px solid #147d68}.profile-card{grid-template-columns:230px minmax(0,1fr);gap:2rem;display:grid}.profile-summary{align-self:start;align-items:center;gap:.85rem;display:flex}.install-prompt{z-index:30;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));background:var(--surface);max-width:min(520px,100% - 2rem);box-shadow:var(--shadow);border:1px solid #a7cdbd;border-radius:14px;align-items:center;gap:.8rem;padding:.8rem;display:flex;position:fixed}.install-prompt>div{gap:.12rem;display:grid}.install-prompt span,.install-prompt p{color:var(--muted);margin:0;font-size:.76rem}@media (width<=1120px){.app-header{grid-template-columns:auto auto 1fr auto}.header-status .status-pill:last-child,.user-label,.chat-controls label span{display:none}}@media (width<=820px){.app-header{grid-template-columns:auto 1fr auto}.header-status{display:none}.main-nav{justify-self:center}.chat-layout{grid-template-columns:280px minmax(0,1fr)}.chat-controls{flex-wrap:wrap;justify-content:flex-end;max-width:330px}.settings-grid,.profile-card{grid-template-columns:1fr}}@media (width<=680px){.app-header{min-height:62px;padding:.55rem max(.65rem, env(safe-area-inset-right)) .55rem max(.65rem, env(safe-area-inset-left));grid-template-columns:1fr auto;position:sticky;top:0}.app-brand small,.app-brand>span:last-child,.user-menu .avatar{display:none}.main-nav{z-index:10;right:max(.55rem, env(safe-area-inset-right));bottom:max(.55rem, env(safe-area-inset-bottom));left:max(.55rem, env(safe-area-inset-left));border:1px solid var(--line);box-shadow:var(--shadow);order:3;justify-content:space-around;padding:.38rem;position:fixed}.main-nav button{flex:1}.user-menu{grid-column:2}.chat-layout{height:calc(100dvh - 62px);padding-bottom:62px;display:block}.chat-list-panel{border-right:0;height:100%}.chat-list-panel.has-selection{display:none}.chat-window{height:100%}.chat-window.empty-chat{display:none}.mobile-back{display:inline-grid}.chat-header{min-height:68px;padding:.6rem}.chat-header>.contact-avatar{display:none}.chat-controls{gap:.3rem}.chat-controls select{max-width:112px}.chat-controls .button{display:none}.message-bubble{max-width:88%}.content-page{padding:1.2rem .8rem 5.5rem}.install-prompt{right:max(.55rem, env(safe-area-inset-right));bottom:calc(4.5rem + env(safe-area-inset-bottom));left:max(.55rem, env(safe-area-inset-left));max-width:none}.global-error{align-items:flex-start}}@media (width<=768px){.app-header{grid-template-columns:auto 1fr auto;gap:.5rem}.app-brand>span:last-child,.header-status{display:none}.main-nav{flex:1;max-width:100%}}@media (width<=390px){.main-nav button{white-space:nowrap;padding-inline:.35rem;font-size:.74rem}.chat-heading{min-width:90px}.chat-controls label:first-child{display:none}.settings-card{border-radius:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.account-manager,.call-dashboard,.ai-panel,.learning-panel,.bulk-message{max-width:720px;padding:1rem max(1rem, env(safe-area-inset-right)) 2rem max(1rem, env(safe-area-inset-left));margin:0 auto}.create-account-form{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.85rem;margin:1rem 0;padding:1rem;display:grid}.account-list{gap:.65rem;display:grid}.account-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.85rem}.account-card.active{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.account-card-header{align-items:center;gap:.65rem;margin-bottom:.55rem;display:flex}.account-info{flex:1;gap:.08rem;display:grid}.account-card-actions{flex-wrap:wrap;gap:.4rem;display:flex}.badge{border-radius:6px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.badge.active{color:var(--success);background:#ecfdf3}.badge.danger{color:var(--danger);background:var(--danger-soft)}.button.danger{color:var(--danger);border-color:#f3b9b4}.qr-modal{z-index:100;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.qr-modal-content{background:var(--surface);text-align:center;border-radius:16px;padding:1.5rem;position:relative}.qr-modal-content img{border-radius:12px;width:240px;height:240px;margin:0 auto .75rem}.active-calls{gap:.65rem;display:grid}.call-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:.85rem}.call-header{align-items:center;gap:.65rem;margin-bottom:.55rem;display:flex}.call-info{flex:1;gap:.08rem;display:grid}.call-actions{flex-wrap:wrap;gap:.4rem;display:flex}.call-log{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:1rem;padding:1rem}.call-log-item{border-bottom:1px solid var(--line);align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.call-log-item:last-child{border-bottom:0}.ai-quick-actions{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.ai-result{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:.85rem}.ai-result-content{white-space:pre-wrap;margin-top:.5rem;line-height:1.5}.learning-level{margin:1rem 0}.learning-stage{align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.stage-icon{font-size:1.8rem}.progress-bar{background:var(--line);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--brand), var(--brand-dark));border-radius:4px;height:100%;transition:width .3s}.style-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin:1rem 0;display:grid}.stat{border:1px solid var(--line);background:var(--surface);border-radius:10px;gap:.15rem;padding:.65rem;display:grid}.tone-description{gap:.65rem;margin-top:1rem;display:grid}.bulk-actions{align-items:center;gap:.5rem;margin:.75rem 0;display:flex}.bulk-chat-list{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;max-height:280px;margin:.75rem 0;padding:.5rem;overflow-y:auto}.bulk-chat-item{align-items:center;gap:.5rem;padding:.35rem 0;display:flex}.bulk-results{border:1px solid var(--line);background:var(--surface-soft);border-radius:10px;margin-top:1rem;padding:.85rem}.bulk-result{border-bottom:1px solid var(--line);justify-content:space-between;padding:.35rem 0;display:flex}.bulk-result.success{color:var(--success)}.bulk-result.error{color:var(--danger)}.password-field{align-items:center;display:flex;position:relative}.password-field input{width:100%;padding-right:2.5rem}.password-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1.1rem;line-height:1;display:flex;position:absolute;right:.5rem}.password-toggle:hover{color:var(--ink)}.header-actions{align-items:center;gap:.5rem;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:12px;width:100%;max-width:480px;padding:2rem;position:relative;box-shadow:0 8px 32px #00000026}.modal-close{position:absolute;top:.75rem;right:.75rem}.modal-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.modal-header .brand-mark{width:2.5rem;height:2.5rem;font-size:1.5rem}.modal-header h2{margin:0;font-size:1.25rem}.connect-steps{flex-direction:column;gap:.75rem;margin:1.25rem 0;padding:0;list-style:none;display:flex}.connect-steps li{align-items:flex-start;gap:.75rem;display:flex}.step-number{background:var(--brand-soft);width:1.75rem;height:1.75rem;color:var(--brand);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.step-text{padding-top:.2rem}.button.secondary.danger{color:#c53030;border-color:#c53030}.button.secondary.danger:hover:not(:disabled){color:#fff;background:#c53030}.muted.small{font-size:.85rem}.media-container{border-radius:12px;max-width:320px;margin:.3rem 0;overflow:hidden}.media-container.image,.media-container.sticker{max-width:280px}.inline-image{object-fit:cover;cursor:pointer;border-radius:12px;width:100%;height:auto;max-height:320px;display:block}.inline-sticker{object-fit:contain;max-width:180px;max-height:180px;display:block}.inline-video{background:#000;border-radius:12px;width:100%;max-height:320px;display:block}.voice-message{background:var(--surface-soft);border-radius:30px;align-items:center;gap:.5rem;min-width:200px;padding:.4rem .6rem;display:flex}.voice-icon{flex-shrink:0;font-size:1.2rem}.audio-player{flex:1;max-width:220px;height:36px}.audio-player::-webkit-media-controls-panel{background:var(--surface-soft)}.attachment{background:var(--surface-soft);color:var(--ink);border:1px solid var(--line);border-radius:10px;align-items:center;gap:.4rem;max-width:280px;margin:.3rem 0;padding:.5rem .8rem;font-size:.9rem;text-decoration:none;display:inline-flex}.attachment:hover{background:var(--brand-soft);border-color:var(--brand)}.attachment-icon{flex-shrink:0;font-size:1.1rem}.attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.attachment-download{flex-shrink:0;font-size:.85rem}.voice-record-button{background:var(--surface-soft);width:44px;min-width:44px;height:44px;color:var(--danger);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.2rem;transition:background .14s;display:flex}.voice-record-button.recording{background:var(--danger);color:#fff;animation:1.2s infinite pulse-rec}.voice-record-button:hover:not(:disabled){background:var(--danger-soft)}.voice-record-button.recording:hover{background:var(--danger)}@keyframes pulse-rec{0%,to{box-shadow:0 0 #b4231866}50%{box-shadow:0 0 0 8px #b4231800}}.recording-indicator{background:var(--danger-soft);color:var(--danger);border-radius:20px;align-items:center;gap:.5rem;padding:.4rem .8rem;font-size:.85rem;display:flex}.recording-dot{background:var(--danger);border-radius:50%;width:8px;height:8px;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-timer{font-variant-numeric:tabular-nums;font-weight:600}.recording-controls{align-items:center;gap:.5rem;display:flex}.recording-cancel{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.1rem}.recording-send{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.recording-send:disabled{opacity:.5;cursor:not-allowed}.emoji-picker{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);z-index:100;border-radius:12px;grid-template-columns:repeat(8,1fr);gap:.2rem;width:320px;max-height:280px;margin-bottom:.5rem;padding:.6rem;display:grid;position:absolute;bottom:100%;left:0;overflow-y:auto}.emoji-picker-button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.35rem;font-size:1.3rem;line-height:1;transition:background .1s}.emoji-picker-button:hover{background:var(--surface-soft)}.emoji-toggle{background:var(--surface-soft);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;font-size:1.3rem;display:flex}.emoji-toggle:hover,.emoji-toggle.active{background:var(--brand-soft)}.video-call-overlay{z-index:2000;background:#1a1a1a;flex-direction:column;display:flex;position:fixed;inset:0}.video-call-header{color:#fff;background:#0009;justify-content:space-between;align-items:center;padding:.8rem 1.2rem;display:flex}.video-call-header h3{margin:0;font-size:1rem}.video-call-controls{gap:.5rem;display:flex}.video-call-control-btn{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;transition:background .14s;display:flex}.video-call-control-btn:hover{background:#ffffff40}.video-call-control-btn.end{background:var(--danger)}.video-call-control-btn.end:hover{background:#8a1a12}.video-call-body{flex:1;position:relative;overflow:hidden}.video-call-iframe{border:none;width:100%;height:100%}.video-call-loading{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;display:flex;position:absolute;inset:0}.video-call-avatar-panel{z-index:10;background:#000000b3;border-radius:30px;gap:.5rem;padding:.6rem 1rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.video-call-avatar-btn{cursor:pointer;color:#fff;background:#ffffff26;border:none;border-radius:20px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.85rem;transition:background .14s;display:flex}.video-call-avatar-btn:hover{background:#ffffff40}.video-call-avatar-btn.active{background:var(--brand)}.video-call-avatar-btn.danger{background:var(--danger)}