:root{--dm-accent:var(--accent);--dm-accent-soft:var(--accent-soft);--dm-accent-glow:#0d948840;--dm-surface-glass:#ffffffeb;--dm-surface-elevated:#fff;--dm-surface-subtle:#f8fafa;--dm-border-subtle:#0000000f;--dm-border-glow:#4fd1c54d;--dm-shadow-sm:0 1px 2px #0000000a;--dm-shadow-md:0 4px 12px #00000014;--dm-shadow-lg:0 8px 24px #0000001f;--dm-shadow-glow:0 0 20px #4fd1c526;--dm-status-online:#22c55e;--dm-status-completed:#22c55e;--dm-status-missed:#f59e0b;--dm-status-declined:#6b7280;--dm-bubble-radius:18px;--dm-bubble-tail:10px;--dm-cluster-gap:4px;--dm-between-cluster:16px}html[data-theme=dark]{--dm-accent:var(--accent);--dm-accent-soft:var(--accent-soft);--dm-accent-glow:#2dd4bf4d;--dm-surface-glass:#131416e6;--dm-surface-elevated:#1c1d21;--dm-surface-subtle:#0d1117;--dm-border-subtle:#ffffff14;--dm-border-glow:#4fd1c566;--dm-shadow-sm:0 1px 2px #0003;--dm-shadow-md:0 4px 16px #00000059;--dm-shadow-lg:0 12px 32px #00000073;--dm-shadow-glow:0 0 30px #4fd1c533}.dm-glass-panel{background:var(--dm-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--dm-border-subtle)}.dm-premium-card{background:var(--dm-surface-elevated);border:1px solid var(--dm-border-subtle);box-shadow:var(--dm-shadow-md);border-radius:16px;transition:box-shadow .2s,transform .2s}.dm-premium-card:hover{box-shadow:var(--dm-shadow-lg)}.dm-conv-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;min-height:72px;padding:12px 14px;transition:all .15s;display:flex;position:relative}.dm-conv-list__header{min-height:64px}.dm-conv-item:before{content:"";background:color-mix(in srgb,var(--dm-accent-soft)70%,transparent);opacity:0;pointer-events:none;border-radius:inherit;transition:opacity .15s;position:absolute;inset:0}.dm-conv-item:hover{transform:none}.dm-conv-item:hover:before{opacity:1}.dm-conv-item:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-teal)65%,transparent);outline-offset:2px}.dm-conv-item--active{border-left-color:var(--dm-accent);background:color-mix(in srgb,var(--dm-accent-soft)55%,transparent)}.dm-conv-item--active:before{opacity:1}.dm-unread-badge{color:#fff;background:var(--dm-accent);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 1px 6px #4fd1c538}.dm-avatar-ring{position:relative}.dm-avatar-ring:after{content:"";background:linear-gradient(135deg,var(--dm-accent),#38b2ac)border-box;-webkit-mask-composite:xor;opacity:0;border:2px solid #0000;border-radius:50%;transition:opacity .2s;position:absolute;inset:-3px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dm-conv-item:hover .dm-avatar-ring:after,.dm-conv-item--active .dm-avatar-ring:after{opacity:1}.dm-online-dot{background:var(--dm-status-online);border:2px solid var(--dm-surface-elevated);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #22c55e80}.dm-header{z-index:20;background:var(--dm-surface-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--dm-border-subtle);flex-shrink:0;padding:16px 20px;position:sticky;top:0}.dm-header__back{border-radius:999px;min-height:40px;padding:.375rem .75rem}.dm-header__back:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-teal)65%,transparent);outline-offset:2px}.dm-header__actions{align-items:center}.dm-topbar__back{border-radius:999px;min-height:40px;padding:.375rem .75rem}.dm-topbar__back:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-teal)65%,transparent);outline-offset:2px}.dm-encryption-badge{color:var(--dm-accent);background:var(--dm-accent-soft);border:1px solid var(--dm-border-glow);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.dm-encryption-badge:hover{box-shadow:var(--dm-shadow-glow);background:#4fd1c52e}.dm-icon-btn{width:40px;height:40px;color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;transition:background .15s,color .15s,transform .1s;display:inline-flex}.dm-icon-btn:hover{background:color-mix(in srgb,var(--accent)10%,transparent);color:var(--accent)}.dm-icon-btn:active{transform:scale(.96)}.dm-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dm-icon-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dm-menu-dropdown{background:var(--dm-surface-elevated);border:1px solid var(--dm-border-subtle);border-radius:var(--radius-card);box-shadow:var(--dm-shadow-lg);overflow:hidden}.dm-menu-item{width:calc(100% - 8px);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;margin:0 4px;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.dm-menu-item:hover{background:var(--dm-accent-soft);color:var(--dm-accent)}.dm-menu-item:focus-visible{outline:2px solid var(--brand-teal);outline-offset:-2px;background:var(--dm-accent-soft)}.dm-menu-item--danger{color:var(--text-danger)}.dm-menu-item--danger:hover{background:color-mix(in srgb,var(--text-danger)10%,transparent);color:var(--text-danger)}.dm-menu-item--danger:focus-visible{background:color-mix(in srgb,var(--text-danger)10%,transparent)}.dm-menu-item svg{opacity:.8;flex-shrink:0}.dm-menu-item:hover svg{opacity:1}.dm-message-actions__trigger{min-width:32px;min-height:32px}.dm-message-actions__trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-teal)65%,transparent);outline-offset:2px}.dm-message-actions__menu{min-width:160px}.dm-bubble{border-radius:var(--dm-bubble-radius);word-break:break-word;max-width:100%;padding:9px 14px;font-size:14px;line-height:1.45;position:relative}.dm-bubble--sent{background:color-mix(in srgb,var(--accent)95%,#000);color:#fff;border-bottom-right-radius:var(--dm-bubble-tail)}.dm-bubble--sent a{text-underline-offset:2px;text-decoration:underline;color:#fff!important}.dm-bubble--sent a:hover{opacity:.9;text-decoration:none}.dm-bubble--received{background:var(--dm-surface-subtle);color:var(--text-primary);border-bottom-left-radius:var(--dm-bubble-tail);border:1px solid var(--dm-border-subtle)}html[data-theme=dark] .dm-bubble--received{background:#ffffff0f;border:none}@media (hover:hover) and (pointer:fine){.dm-bubble:hover{box-shadow:0 2px 8px #0000000f}html[data-theme=dark] .dm-bubble:hover{box-shadow:0 2px 8px #0003}}.dm-cluster-meta{letter-spacing:.02em;color:var(--text-soft);opacity:0;align-items:center;gap:6px;margin-top:4px;padding:0 4px;font-size:11px;font-weight:500;transition:opacity .15s;display:inline-flex}@media (hover:hover) and (pointer:fine){.group:hover .dm-cluster-meta{opacity:1}}@media (hover:none){.dm-cluster-meta{opacity:1}}.dm-input-container{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--dm-surface-elevated);border-top:1px solid var(--dm-border-subtle);flex-shrink:0;position:relative}.dm-expand-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.dm-expand-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-teal)65%,transparent);outline-offset:2px}.dm-expand-btn--collapsed{color:var(--accent);background:0 0}.dm-expand-btn--collapsed:hover{background:var(--accent-soft)}.dm-expand-btn--expanded{background:var(--accent);color:#fff;transform:rotate(45deg)}.dm-input{width:100%;color:var(--text-primary);background:var(--dm-surface-subtle);border:1px solid var(--dm-border-subtle);resize:none;border-radius:24px;padding:14px 18px;font-size:14px;line-height:1.5;transition:all .2s}.dm-input:focus{border-color:var(--dm-accent);box-shadow:0 0 0 3px var(--dm-accent-soft),var(--dm-shadow-glow);background:var(--dm-surface-elevated);outline:none}.dm-input::placeholder{color:var(--text-soft)}.dm-composer-pill{border:1px solid var(--dm-border-subtle);background:var(--dm-surface-subtle);transition:border-color .15s,box-shadow .15s,background .15s}.dm-composer-pill:focus-within{border-color:var(--dm-border-subtle);box-shadow:none;background:var(--dm-surface-elevated)}html[data-theme=dark] .dm-composer-pill{background:#ffffff14}html[data-theme=dark] .dm-composer-pill:focus-within{background:#ffffff1a}.dm-composer-pill .dm-composer-textarea{-webkit-tap-highlight-color:transparent;outline:none}.dm-composer-pill .dm-composer-textarea:focus{box-shadow:none;outline:none}.dm-composer-thumbnails{gap:8px;min-height:52px;padding-bottom:8px}@keyframes dm-thumbnail-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.dm-composer-thumbnail{animation:.15s dm-thumbnail-in}.dm-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 2px 8px #0d94884d}.dm-send-btn--idle{color:var(--ink-500);box-shadow:none;background:0 0}.dm-send-btn--idle:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.dm-send-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-teal)65%,transparent);outline-offset:2px}html[data-theme=dark] .dm-send-btn{box-shadow:0 2px 8px #2dd4bf40}.dm-send-btn:hover{transform:none;box-shadow:0 4px 14px #0d948852}html[data-theme=dark] .dm-send-btn:hover{box-shadow:0 4px 14px #2dd4bf59}.dm-send-btn:active{transform:none}.dm-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.dm-info-section{border-bottom:1px solid var(--dm-border-subtle);padding:20px}.dm-info-section:last-child{border-bottom:none}.dm-info-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);margin-bottom:12px;font-size:11px;font-weight:600}.dm-info-card{background:var(--dm-surface-subtle);border:1px solid var(--dm-border-subtle);border-radius:12px;padding:14px 16px;transition:all .15s}.dm-info-card:hover{background:var(--dm-accent-soft);border-color:var(--dm-border-glow)}.dm-call-item{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:all .15s;display:flex}.dm-call-item:hover{background:var(--dm-accent-soft)}.dm-call-icon{background:var(--dm-accent-soft);width:36px;height:36px;color:var(--dm-accent);border-radius:10px;justify-content:center;align-items:center;display:flex}.dm-call-status{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.dm-call-status--completed{color:var(--dm-status-completed);background:#22c55e1f}.dm-call-status--missed{color:var(--dm-status-missed);background:#f59e0b1f}.dm-call-status--declined{color:var(--dm-status-declined);background:#6b72801f}.dm-btn-primary{color:#fff;background:linear-gradient(135deg,var(--dm-accent)0%,#38b2ac 100%);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4fd1c54d}.dm-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #4fd1c566}.dm-btn-primary:active{transform:translateY(0)}.dm-btn-secondary{color:var(--text-primary);background:var(--dm-surface-elevated);border:1px solid var(--dm-border-subtle);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.dm-btn-secondary:hover{background:var(--dm-accent-soft);border-color:var(--dm-border-glow);color:var(--dm-accent)}.dm-btn-secondary:focus-visible{outline:2px solid var(--brand-teal);outline-offset:2px}.dm-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.dm-fade-in{animation:.2s ease-out dm-fade-in}@keyframes dm-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dm-slide-in-left{animation:.25s ease-out dm-slide-in-left}@keyframes dm-slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.dm-scale-in{animation:.15s ease-out dm-scale-in}@keyframes dm-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dm-typing-dots{background:var(--dm-surface-subtle);border:1px solid var(--dm-border-subtle);border-radius:16px;align-items:center;gap:4px;padding:10px 16px;display:inline-flex}.dm-typing-dot{background:var(--text-soft);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both dm-typing-bounce}.dm-typing-dot:first-child{animation-delay:-.32s}.dm-typing-dot:nth-child(2){animation-delay:-.16s}.dm-typing-dot:nth-child(3){animation-delay:0s}@keyframes dm-typing-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.dm-date-separator{align-items:center;gap:16px;margin:24px 0;display:flex}.dm-date-separator:before,.dm-date-separator:after{content:"";background:linear-gradient(90deg,transparent,var(--dm-border-subtle),transparent);flex:1;height:1px}.dm-date-label{letter-spacing:.04em;color:var(--text-soft);background:var(--dm-surface-subtle);border-radius:8px;padding:4px 12px;font-size:11px;font-weight:500}.dm-search{position:relative}.dm-search-input{width:100%;min-height:44px;color:var(--text-primary);background:var(--dm-surface-subtle);border:1px solid var(--dm-border-subtle);border-radius:12px;padding:12px 16px 12px 44px;font-size:14px;transition:all .2s}.dm-search-input--no-icon{padding-left:16px}.dm-search-input:focus{border-color:var(--dm-accent);background:var(--dm-surface-elevated);box-shadow:0 0 0 3px var(--dm-accent-soft);outline:none}.dm-search-icon{color:var(--text-soft);pointer-events:none;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.dm-search-input:focus+.dm-search-icon,.dm-search:focus-within .dm-search-icon{color:var(--dm-accent)}.dm-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.dm-empty-icon{background:var(--dm-accent-soft);width:72px;height:72px;color:var(--dm-accent);border-radius:20px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.dm-empty-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:600}.dm-empty-text{color:var(--text-muted);max-width:280px;font-size:14px;line-height:1.5}@media (max-width:1023px){.dm-header--mobile{padding:8px 10px 6px!important;padding-top:calc(8px + env(safe-area-inset-top,0px))!important}.dm-header--mobile .dm-encryption-badge,.dm-header--mobile .dm-btn-secondary{display:none!important}.dm-header--mobile .dm-icon-btn{width:34px;height:34px}.dm-header--mobile .dm-header__name{font-size:15px!important}.dm-header--mobile .dm-avatar-ring{transform-origin:50%;transform:scale(.85)}.dm-header--mobile .flex.items-center.gap-3{gap:8px!important}.dm-header--mobile .dm-header__actions{gap:0!important}.dm-thread-shell .flex-1.overflow-hidden{flex-direction:column;min-height:0;display:flex}.dm-thread-shell{padding-bottom:env(safe-area-inset-bottom,0px);min-height:0}.dm-input-container{z-index:30;background:var(--dm-surface-elevated);border-top:1px solid var(--dm-border-subtle);position:sticky;bottom:0;left:0;right:0;padding:6px 10px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}.dm-composer-pill .dm-composer-textarea{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-webkit-user-modify:read-write-plaintext-only;touch-action:manipulation;box-shadow:none!important;outline:none!important}.dm-composer-pill .dm-composer-textarea:focus{box-shadow:none!important;outline:none!important}.dm-composer-pill:focus-within{box-shadow:none!important}.dm-message-list__inner{padding:8px 12px!important}:root{--dm-cluster-gap:2px;--dm-between-cluster:10px}}.dm-message-cluster{margin-bottom:var(--dm-between-cluster)}.dm-message-cluster:last-child{margin-bottom:0}.dm-message-cluster__bubbles{gap:var(--dm-cluster-gap)}@media (max-width:640px){.dm-conv-item{gap:10px;min-height:72px;padding:10px 12px}.dm-icon-btn,.dm-send-btn,.dm-message-actions__trigger{width:44px;height:44px}.dm-header__back,.dm-topbar__back{min-height:44px}.dm-bubble{border-radius:16px;max-width:100%;padding:10px 14px}.dm-bubble--sent{border-bottom-right-radius:var(--dm-bubble-tail)}.dm-bubble--received{border-bottom-left-radius:var(--dm-bubble-tail);background:var(--dm-surface-elevated);border-width:1px}.dm-cluster-meta{opacity:1;margin-top:6px;padding:0 6px;font-size:11px}.dm-date-separator{margin:12px 0}}.voice-recorder{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:24px;align-items:center;gap:12px;padding:12px 16px;animation:.2s voice-recorder-fade-in;display:flex}@keyframes voice-recorder-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.voice-recorder--error{background:var(--danger-soft);border-color:var(--accent-danger)}.voice-recorder__indicator{flex-shrink:0;width:12px;height:12px;position:relative}.voice-recorder__pulse{background:#ef4444;border-radius:50%;animation:1s ease-in-out infinite voice-pulse;position:absolute;inset:0}@keyframes voice-pulse{0%,to{opacity:1}50%{opacity:.5}}.voice-recorder__waveform{flex:1;align-items:center;gap:3px;min-width:100px;height:32px;display:flex}.voice-recorder__bar{background:var(--accent);border-radius:2px;width:3px;transition:height .1s}.voice-recorder__duration{color:var(--text-primary);font-variant-numeric:tabular-nums;min-width:40px;font-size:14px;font-weight:600}.voice-recorder__actions{align-items:center;gap:8px;display:flex}.voice-recorder__btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.voice-recorder__btn--cancel{background:var(--bg-surface-subtle);color:var(--text-muted)}.voice-recorder__btn--cancel:hover{background:var(--danger-soft);color:var(--accent-danger)}.voice-recorder__btn--send{background:var(--accent);color:#fff}.voice-recorder__btn--send:hover{transform:scale(1.05)}.voice-recorder__btn--send:disabled{opacity:.5;cursor:not-allowed;transform:none}.voice-recorder__error-icon{color:var(--accent-danger)}.voice-recorder__error-text{color:var(--accent-danger);flex:1;font-size:13px}.voice-recorder__cancel-btn{color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.voice-recorder__cancel-btn:hover{background:var(--bg-surface-subtle);color:var(--text-primary)}
