:root,[data-theme=dark]{--bg-dark: #0f1419;--bg-sidebar: #151c24;--bg-chat: #1a222d;--bg-bubble-own: #0d9488;--bg-bubble-other: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #0d9488;--accent-light: #2dd4bf;--accent-warm: #f59e0b;--accent-warm-soft: rgba(245, 158, 11, .15);--border: #334155;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}[data-theme=light]{--bg-dark: #f0f2f5;--bg-sidebar: #ffffff;--bg-chat: #e5ddd5;--bg-bubble-own: #0d9488;--bg-bubble-other: #ffffff;--text: #0f172a;--text-muted: #64748b;--accent: #0d9488;--accent-light: #14b8a6;--accent-warm: #d97706;--accent-warm-soft: rgba(217, 119, 6, .12);--border: #e2e8f0;--success: #059669;--warning: #d97706}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{margin:0;padding:0;width:100%;overflow-x:hidden;overscroll-behavior:none;background:var(--bg-dark)}body{margin:0;padding:0;width:100%;min-width:100%;max-width:100vw;font-family:-apple-system,DM Sans,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-text-size-adjust:100%;touch-action:manipulation;overflow:hidden;overflow-x:hidden;font-size:16px;line-height:1.5}#root{margin:0;padding:0;width:100%;min-width:100%;height:100%;min-height:100dvh;overflow:hidden}.app{margin:0;padding:0;width:100%;min-width:100%;min-height:100vh;min-height:100dvh;height:100%;overflow:hidden}.chat-layout{margin:0;padding:0;width:100%;min-width:100%;max-width:100vw;display:flex;height:100vh;height:100dvh;min-height:-webkit-fill-available;position:relative;overflow:hidden;overflow-x:hidden}.offline-banner{position:fixed;top:0;left:0;right:0;padding:calc(.5rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) .5rem calc(1rem + env(safe-area-inset-left));background:var(--warning);color:#000;font-size:.9rem;z-index:1001;display:flex;align-items:center;gap:.5rem}.offline-banner-btn{padding:.25rem .5rem;background:#000;color:var(--warning);border:none;border-radius:4px;font-size:.85rem;cursor:pointer}.welcome-back-banner{position:fixed;top:0;left:0;right:0;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:linear-gradient(135deg,#0d9488f2,#2dd4bfe6);color:#fff;font-size:.95rem;font-weight:500;z-index:1000;display:flex;align-items:center;justify-content:center;gap:.5rem}.welcome-back-dismiss{position:absolute;right:1rem;top:50%;transform:translateY(-50%);padding:.25rem .5rem;background:#fff3;border:none;color:#fff;font-size:1.25rem;cursor:pointer;border-radius:4px}.welcome-back-dismiss:hover{background:#ffffff4d}.conv-pin-btn{flex-shrink:0;padding:.25rem .4rem;background:transparent;border:none;font-size:1rem;cursor:pointer;opacity:.6;border-radius:4px}.conv-pin-btn:hover{opacity:1;background:#ffffff14}.conversation-item.pinned .conv-pin-btn{opacity:1}.settings-stats-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.settings-streak-badge{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f59e0b33,#d9770626);border:1px solid rgba(245,158,11,.4);border-radius:10px;font-size:.9rem;color:var(--accent-warm);font-weight:600}.notification-prompt{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:90%}.notification-prompt-actions{display:flex;gap:.5rem;justify-content:flex-end}.pwa-install-banner{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);padding:.75rem 1rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:999;display:flex;flex-direction:column;gap:.5rem;max-width:90%}.pwa-install-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-sm{padding:.35rem .6rem;font-size:.85rem}.sidebar-toggle{display:none;position:fixed;top:calc(.5rem + env(safe-area-inset-top));left:calc(.5rem + env(safe-area-inset-left));z-index:100;min-width:44px;min-height:44px;padding:.5rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;font-size:1.25rem;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:98}.sidebar{width:280px;min-width:260px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:.875rem 1rem;border-bottom:1px solid var(--border)}.sidebar-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.sidebar-header-actions{display:flex;align-items:center;gap:.25rem}.btn-profile{padding:.25rem .4rem;background:transparent;border:none;font-size:1.1rem;cursor:pointer;border-radius:6px;opacity:.85}.btn-profile:hover{opacity:1;background:#ffffff14}.modal-label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:1.25rem}.profile-avatar-btn{position:relative;width:96px;height:96px;border-radius:50%;border:3px solid var(--border);overflow:hidden;cursor:pointer;background:var(--bg-chat);padding:0}.profile-avatar-btn:hover{border-color:var(--accent)}.profile-avatar-img{width:100%;height:100%;object-fit:cover}.profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.profile-avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff;font-size:1.5rem}.profile-avatar-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.sidebar-brand{display:flex;align-items:center;gap:.5rem}.sidebar-logo{flex-shrink:0}.sidebar-header h1{margin:0;font-size:1.2rem;font-weight:600}.sidebar-tagline{display:block;font-size:.75rem;font-weight:400;color:var(--text-muted);margin-top:.15rem}.main-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 .5rem;gap:.25rem}.main-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:color .15s,border-color .15s}.main-tab:hover{color:var(--text)}.main-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.main-tab-icon{font-size:1.1rem}.main-tab-label{font-size:.8rem}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;height:calc(56px + env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);background:var(--bg-sidebar);border-top:1px solid var(--border);z-index:90;flex-direction:row;justify-content:space-around;align-items:flex-start;padding-top:.5rem}.bottom-nav-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem 0;background:none;border:none;color:var(--text-muted);font-size:.7rem;cursor:pointer;min-width:0}.bottom-nav-tab:hover,.bottom-nav-tab.active{color:var(--accent)}.bottom-nav-icon-wrap{position:relative}.bottom-nav-icon{font-size:1.4rem}.bottom-nav-badge{position:absolute;top:-4px;right:-8px;min-width:18px;height:18px;padding:0 4px;background:var(--success);color:#fff;font-size:.7rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.bottom-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.atlas-working-indicator{display:flex;align-items:center;gap:.5rem;padding:.35rem 1.5rem;font-size:.9rem;color:var(--accent)}.atlas-working-indicator .connecting-spinner{flex-shrink:0}.atlas-thinking-dots{display:inline-flex;align-items:center;gap:.2rem}.atlas-thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:atlas-dot-pulse 1.2s ease-in-out infinite both}.atlas-thinking-dots span:nth-child(1){animation-delay:0s}.atlas-thinking-dots span:nth-child(2){animation-delay:.2s}.atlas-thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes atlas-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.tab-main-content{flex:1;overflow-y:auto;padding:2rem 1.5rem}.activities-view{max-width:480px;margin:0 auto}.activities-header{margin-bottom:2rem}.activities-header h2{margin:0 0 .35rem;font-size:1.5rem;font-weight:600}.activities-subtitle{margin:0;font-size:.95rem;color:var(--text-muted)}.activities-day{margin-bottom:1.5rem}.activities-day-label{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.activities-items{list-style:none;margin:0;padding:0}.activity-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--border);font-size:1rem}.activity-check{color:var(--success);font-weight:600;flex-shrink:0}.activity-text{color:var(--text)}.activities-hint{margin-top:2rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.teamchat-view{flex:1;display:flex;align-items:center;justify-content:center}.teamchat-empty{text-align:center;padding:2rem;max-width:320px}.teamchat-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.teamchat-empty h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.teamchat-empty p{margin:0 0 .5rem;font-size:.95rem;color:var(--text-muted)}.teamchat-hint{font-size:.85rem!important;margin-top:1rem!important;opacity:.9}.teamchat-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.teamchat-header h2{margin:0;font-size:1.1rem}.teamchat-list{list-style:none;margin:0;padding:0}.teamchat-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);cursor:pointer}.teamchat-item:hover{background:#ffffff0d}.teamchat-item-icon{font-size:1.5rem}.support-view{flex:1;display:flex;flex-direction:column;min-height:0}.support-view h2{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.support-view-loading,.support-view-forbidden{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-muted)}.support-layout{flex:1;display:flex;gap:1rem;min-height:0}.support-conversations{width:240px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto}.support-conversations ul{list-style:none;margin:0;padding:0}.support-conversations li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border)}.support-conversations li:hover,.support-conversations li.selected{background:#ffffff0d}.support-conv-user{display:block;font-weight:600;font-size:.95rem;color:var(--text)}.support-conv-preview{display:block;font-size:.85rem;color:var(--text-muted);margin-top:.15rem;line-height:1.3}.support-unread{margin-left:auto;background:var(--accent);color:#fff;font-size:.7rem;padding:.15rem .4rem;border-radius:10px}.support-chat{flex:1;display:flex;flex-direction:column;min-height:0}.support-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.support-msg{padding:.5rem .75rem;border-radius:8px;max-width:80%}.support-msg.own{align-self:flex-end;background:var(--bg-bubble-own);color:#fff}.support-msg.other{align-self:flex-start;background:var(--bg-bubble-other)}.support-reply-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--border)}.support-reply-form input{flex:1;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-chat);color:var(--text)}.support-context{padding:.75rem 1rem;background:#ffffff0a;border-radius:8px;margin-bottom:.75rem;font-size:.9rem;color:var(--text)}.support-context-label{font-weight:600;margin-right:.5rem;color:var(--text-muted)}.support-empty,.support-select{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.teamchat-item-body{flex:1;min-width:0}.teamchat-item-name{font-weight:500}.teamchat-item-arrow{color:var(--text-muted)}.teamchat-view.teamchat-chat{flex-direction:column;align-items:stretch;width:100%}.teamchat-chat .message-list-container{flex:1;overflow-y:auto;padding:.75rem 1rem}.chat-header-group-info{display:flex;align-items:center;gap:.75rem}.group-avatar{font-size:1.5rem}.message-sender-inline{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.device-id-details{font-size:.8rem;margin-top:.25rem}.device-id-details summary{cursor:pointer;color:var(--text-muted);padding:.25rem 0}.device-id-details summary:hover{color:var(--text)}.device-id-details[open] .device-id-box{margin-top:.5rem}.status-badge{font-size:.8rem;margin-bottom:.75rem}.status-badge.connected{color:var(--success)}.status-badge.connecting{color:var(--warning)}.status-badge.disconnected{color:var(--text-muted)}.status-with-spinner,.connecting-spinner{display:inline-flex;align-items:center;gap:.5rem}.connecting-spinner.inline .spinner-ring{width:14px;height:14px}.spinner-ring{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.device-id-box{font-size:.75rem;margin-bottom:.5rem}.device-id-box .label{display:block;color:var(--text-muted);margin-bottom:.25rem}.device-id{flex:1;min-width:0;background:var(--bg-chat);padding:.35rem .5rem;border-radius:4px;font-family:ui-monospace,monospace;font-size:.7rem;word-break:break-all}.btn-copy,.btn-reconnect{margin-top:.5rem;padding:.35rem .75rem;font-size:.8rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-copy:hover,.btn-reconnect:hover{opacity:.9}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.conversation-search{padding:.5rem 1rem;border-bottom:1px solid var(--border)}.conversation-search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-chat);color:var(--text);font-size:.9rem}.conversation-search-input:focus{outline:none;border-color:var(--accent)}.conversation-search-input::placeholder{color:var(--text-muted)}.conversation-list-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.conversation-list-header h2{margin:0;font-size:1rem;font-weight:600}.conversation-list-header-actions{display:flex;align-items:center;gap:.5rem}.btn-archived-toggle{padding:.25rem .5rem;font-size:.85rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer}.btn-archived-toggle:hover{color:var(--text);border-color:var(--accent)}.conv-muted-icon{opacity:.7;font-size:.85em}.btn-new{width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:1.25rem;cursor:pointer;line-height:1}.btn-new:hover{opacity:.9}.conversation-items{list-style:none;margin:0;padding:0}.conversation-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.conversation-item:hover{background:#0d94880f}.conversation-item.selected{background:#0d94881f}.conv-avatar{flex-shrink:0}.conv-body{flex:1;min-width:0}.conv-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.15rem}.conv-id{font-size:.9rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis}.conv-time{flex-shrink:0;font-size:.75rem;color:var(--text-muted)}.conv-preview{display:block;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-preview.unread{font-weight:600;color:var(--text)}.conv-unread{background:var(--accent);color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:10px;min-width:20px;text-align:center}.conversation-empty{padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.9rem;list-style:none}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-chat);min-width:0;min-height:0;overflow:hidden;position:relative}.chat-main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2394a3b8' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}[data-theme=light] .chat-main:before{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2364748b' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.chat-main>*{position:relative;z-index:1}.chat-header{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--border)}.chat-back-btn{display:none;padding:.35rem .5rem;background:transparent;border:none;font-size:1.25rem;cursor:pointer;color:var(--text);border-radius:6px}.chat-back-btn:hover{background:#ffffff14}.chat-header-avatar{flex-shrink:0}.chat-header h2{flex:1;margin:0;font-size:1rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.btn-edit-contact{padding:.35rem .5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;border-radius:4px}.btn-edit-contact:hover{color:var(--accent);background:#3b82f61a}.typing-indicator{padding:.25rem 1.5rem;font-size:.85rem;color:var(--text-muted)}.typing-dots span{animation:typing-bounce 1.4s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.3}30%{opacity:1}}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;text-align:center;color:var(--text-muted);max-width:440px;margin:0 auto}.chat-empty-icon,.chat-empty-illustration{margin-bottom:1.5rem;opacity:.9}.chat-empty-illustration{display:flex;align-items:center;justify-content:center}.chat-empty-illustration svg{width:100px;height:100px}.chat-empty h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:600;color:var(--text);letter-spacing:-.02em}.chat-empty p{margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.chat-empty-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1rem}.btn-empty-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .2s,transform .2s,box-shadow .2s}.btn-empty-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 4px 12px #0d948859}.btn-empty-primary:active{transform:translateY(0);box-shadow:0 2px 6px #0d948840}.btn-empty-primary .btn-icon{font-size:1.25rem;line-height:1}.btn-empty-secondary{padding:.6rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:8px;font-size:.95rem;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s,background .2s,transform .15s}.btn-empty-secondary:hover{color:var(--text);border-color:var(--accent);background:#0d94881a}.btn-empty-secondary:active{transform:scale(.98)}.chat-empty-qr{margin:1rem 0;padding:1rem;background:var(--bg-chat);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chat-empty-qr img{border-radius:8px}.chat-empty-qr p{margin:0;font-size:.9rem;color:var(--text-muted)}.chat-empty-hint{font-size:.8rem!important;margin-top:0!important;opacity:.85}.chat-empty-social-proof{font-size:.85rem;color:var(--accent);font-weight:500;margin:.25rem 0 0}.message-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.message-list-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);padding:2rem 1rem;text-align:center}.message-list-empty>p:first-child{font-size:1.05rem;color:var(--text);margin-bottom:.5rem}.message-list-empty .hint{font-size:.95rem;margin-top:.5rem;opacity:.9}.atlas-suggestions{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1.5rem}.atlas-suggestions .hint{font-size:.95rem;margin-bottom:.25rem;color:var(--text-muted)}.atlas-suggestion-btn{padding:.65rem 1.25rem;background:var(--bg-bubble-other);border:1px solid var(--border);border-radius:14px;color:var(--text);font-size:.95rem;cursor:pointer;transition:background .2s,transform .15s,border-color .2s,box-shadow .2s}.atlas-suggestion-btn:hover{background:#0d948826;color:var(--accent);border-color:var(--accent);box-shadow:0 2px 8px #0d948833}.atlas-suggestion-btn:active{transform:scale(.97)}.message-date-separator{align-self:center;margin:1rem 0;padding:.25rem .75rem;background:#00000026;border-radius:8px;font-size:.75rem;color:var(--text-muted);font-weight:500}[data-theme=light] .message-date-separator{color:#667781;background:#00000014}.message{display:flex;max-width:85%;min-width:60px}.message.own{align-self:flex-end}.message.other{align-self:flex-start}.message.grouped{margin-top:.15rem}.message:not(.grouped){margin-top:.5rem}.message:first-child,.message-date-separator+.message{margin-top:.5rem}.message-bubble{position:relative;padding:.6rem 1rem;border-radius:16px;max-width:100%;min-width:0;box-shadow:0 1px 2px #0000001a;transition:box-shadow .15s,transform .15s}.message-bubble:hover{box-shadow:0 2px 6px #00000026}.message-bubble:hover .message-actions{opacity:1}.message.own .message-bubble{background:var(--bg-bubble-own);border-bottom-right-radius:4px}.message.other .message-bubble{background:var(--bg-bubble-other);border-bottom-left-radius:4px}[data-theme=light] .message.other .message-bubble{box-shadow:0 1px .5px #00000014}.message-reply-quote{margin-bottom:.35rem;padding-left:.5rem;border-left:3px solid var(--accent)}.reply-label{display:block;font-size:.7rem;color:var(--text-muted)}.reply-text{font-size:.85rem;color:var(--text-muted)}.message-text{margin:0 0 .25rem;white-space:pre-wrap;word-break:break-word;writing-mode:horizontal-tb;text-orientation:mixed;overflow-wrap:break-word}.message-text.message-caption{margin-top:.35rem;font-size:.9rem;opacity:.9}.message-audio{margin:.25rem 0}.message-audio audio{display:none}.voice-message-player{display:flex;align-items:center;gap:.75rem;padding:.4rem 0}.voice-play-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.message.own .voice-play-btn{background:#ffffff40}.voice-play-btn:hover{background:#ffffff59}.voice-duration{font-size:.85rem;opacity:.9}.message-image{margin:.25rem 0;border-radius:8px;overflow:hidden}.message-image img{max-width:100%;max-height:300px;display:block;border-radius:8px}.message-document{margin:.25rem 0}.message-document-link{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:#00000026;border-radius:8px;color:var(--text);text-decoration:none;font-size:.9rem;transition:background .2s}.message-document-link:hover{background:#00000040}.message.own .message-document-link{background:#fff3}.message.own .message-document-link:hover{background:#ffffff4d}.message-bubble.message-task-completion{background:#0d94881f;border:1px solid rgba(13,148,136,.4);box-shadow:0 0 0 1px #0d948814,0 2px 8px #0d948826;animation:task-completion-in .4s ease-out}@keyframes task-completion-in{0%{opacity:0;transform:scale(.96)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.message-task-badge .task-check{animation:task-check-pop .35s ease-out .15s both}@keyframes task-check-pop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.message.own .message-bubble.message-task-completion{background:#0d94882e;box-shadow:0 0 0 1px #0d94881f,0 2px 8px #0d948833}.message-bubble.message-error{background:#dc262626;border-color:var(--danger)}.btn-retry-atlas{margin-top:.5rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;color:var(--accent);background:#0d948826;border:1px solid rgba(13,148,136,.4);border-radius:8px;cursor:pointer;transition:background .2s,transform .1s}.btn-retry-atlas:hover{background:#0d948840}.btn-retry-atlas:active{transform:scale(.98)}.message-task-badge{display:flex;align-items:center;gap:.5rem}.task-check{color:var(--success);font-weight:700;font-size:1.1rem}.task-text{font-weight:500}.task-relief{display:block;font-size:.75rem;color:var(--success);margin-top:.25rem;opacity:.9}.message-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.message-meta{font-size:.7rem;color:var(--text-muted)}.msg-status{font-size:.85rem;letter-spacing:-.5px}.msg-status.sending{opacity:.5}.msg-status.sent,.msg-status.delivered{color:#fffc}[data-theme=light] .message.own .msg-status.sent,[data-theme=light] .message.own .msg-status.delivered{color:#ffffffe6}.msg-status.read{color:#53b0ff}[data-theme=light] .msg-status.read{color:#007aff}.message-reactions{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.reaction-bubble{padding:.15rem .4rem;background:#00000026;border-radius:12px;font-size:.9rem}.message-actions{display:flex;gap:.25rem;margin-top:.25rem;opacity:0;transition:opacity .15s}.msg-action-btn{padding:.2rem .4rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem;color:var(--text)}.msg-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.msg-action-delete:hover{background:#dc2626;border-color:#dc2626}.reaction-picker{display:flex;gap:.15rem}.theme-toggle{display:flex;gap:.25rem;margin-bottom:.75rem}.theme-btn{padding:.25rem .5rem;background:var(--bg-chat);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem}.theme-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.theme-btn:hover{opacity:.9}.message-input-form{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-sidebar);flex-shrink:0}.reply-preview{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--bg-chat);border-radius:8px;border-left:3px solid var(--accent)}.reply-preview-text{flex:1;font-size:.85rem;color:var(--text-muted)}.reply-cancel{padding:.2rem .5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1}.reply-cancel:hover{color:var(--text)}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.quick-action-btn{padding:.4rem .75rem;font-size:.85rem;background:var(--bg-chat);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer}.quick-action-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.message-input-row{display:flex;gap:.5rem;align-items:flex-end}.message-input-row .message-input{flex:1}.message-input-row .btn-send{flex-shrink:0}.message-input{flex:1;min-height:44px;max-height:120px;padding:.6rem 1rem;border:1px solid var(--border);border-radius:22px;background:var(--bg-chat);color:var(--text);font-size:16px;font-family:inherit;resize:none}.message-input:focus{outline:none;border-color:var(--accent)}.message-input:disabled{opacity:.6;cursor:not-allowed}.btn-send{width:44px;height:44px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:50%;font-size:1.1rem;font-weight:500;cursor:pointer;align-self:flex-end;transition:opacity .2s,transform .15s,box-shadow .2s}.btn-send:hover:not(:disabled){opacity:.95;transform:translateY(-1px);box-shadow:0 2px 8px #0d948859}.btn-send:active:not(:disabled){transform:translateY(0)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.msg-input-btn{flex-shrink:0;min-width:44px;min-height:44px;padding:.5rem;background:var(--bg-chat);border:1px solid var(--border);border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.msg-input-btn:hover:not(:disabled){border-color:var(--accent)}.msg-input-btn.btn-mic.recording{background:var(--danger);border-color:var(--danger);animation:pulse-recording 1.5s infinite}.recording-bar{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#dc262626;border:1px solid var(--danger);border-radius:8px}.recording-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:pulse-recording 1.5s infinite}.btn-stop-recording{margin-left:auto;padding:.4rem .8rem;background:var(--danger);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer}.btn-stop-recording:hover{opacity:.9}@keyframes pulse-recording{0%,to{opacity:1}50%{opacity:.7}}.hidden-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.auth-gate-loading,.auth-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-dark);min-height:100dvh;padding:1.5rem}.auth-gate-card{width:100%;max-width:360px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center}.auth-gate-logo{margin-bottom:1rem}.auth-gate-card h1{margin:0 0 .5rem;font-size:1.5rem}.auth-gate-subtitle{margin:0 0 1.5rem;font-size:.95rem;color:var(--text-muted)}.auth-gate-form{display:flex;flex-direction:column;gap:.75rem}.auth-gate-input{padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-chat);color:var(--text);font-size:16px}.auth-gate-input:focus{outline:none;border-color:var(--accent)}.auth-gate-btn{margin-top:.25rem}.auth-gate-error{margin:0;font-size:.9rem;color:var(--danger)}.auth-gate-switch{margin-top:1rem;padding:0;background:none;border:none;color:var(--accent);font-size:.9rem;cursor:pointer}.auth-gate-switch:hover{text-decoration:underline}.btn-sign-out{margin-top:1.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:8px;font-size:.9rem;cursor:pointer}.btn-sign-out:hover{background:#dc26261a}.settings-view{flex:1;overflow-y:auto;padding:1.5rem 1rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings-header h2{margin:0;font-size:1.25rem}.settings-weekly-stats{margin-bottom:1rem}.settings-weekly-badge{display:inline-block;padding:.5rem 1rem;background:#0d948826;border:1px solid rgba(13,148,136,.3);border-radius:10px;font-size:.9rem;color:var(--accent);font-weight:500}.settings-profile-card{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem}.settings-avatar-btn{flex-shrink:0;width:72px;height:72px;border-radius:50%;border:2px solid var(--border);overflow:hidden;padding:0;cursor:pointer;background:var(--bg-chat);position:relative}.settings-avatar-img,.settings-avatar-placeholder{width:100%;height:100%;object-fit:cover}.settings-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;color:#fff}.settings-avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;color:#fff}.settings-profile-info{flex:1;min-width:0}.settings-name-input{width:100%;padding:.5rem 0;font-size:1.1rem;font-weight:600;background:none;border:none;color:var(--text)}.settings-name-input:focus{outline:none}.settings-hint{margin:.25rem 0 0;font-size:.8rem;color:var(--text-muted)}.settings-section{margin-bottom:1.5rem}.settings-section-title{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-clickable{cursor:pointer}.settings-row-clickable:hover{background:#ffffff0d}.settings-row-link{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit}.settings-row-install{gap:.75rem}.settings-install-ios{flex-direction:column;align-items:flex-start;gap:.25rem}.settings-install-ios-steps{margin:0;font-size:.9rem;color:var(--accent);font-weight:500}.settings-device-id .settings-device-id-code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;color:var(--text-muted)}.btn-sign-out-full{width:100%;padding:.75rem;background:transparent;border:1px solid var(--danger);color:var(--danger);border-radius:8px;font-size:1rem;cursor:pointer}.btn-sign-out-full:hover{background:#dc26261a}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:1.5rem;width:90%;max-width:420px}.modal h3{margin:0 0 .75rem;font-size:1.1rem}.modal-tabs{display:flex;gap:.25rem;margin-bottom:1rem}.modal-tab{flex:1;padding:.5rem .75rem;background:var(--bg-chat);border:1px solid var(--border);border-radius:6px;font-size:.9rem;cursor:pointer;font-family:inherit;color:var(--text-muted)}.modal-tab:hover{color:var(--text)}.modal-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.modal-hint{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem;line-height:1.4}.modal-share .modal-hint{margin-bottom:1rem}.qr-container{display:flex;justify-content:center;margin-bottom:1rem;padding:1rem;background:#fff;border-radius:8px}.qr-image{width:200px;height:200px}.share-code-row{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:8px;margin-bottom:1rem}.share-code-label{font-size:.9rem;color:var(--text-muted)}.share-code-value{font-size:1.5rem;font-weight:700;letter-spacing:.15em;color:var(--accent)}.btn-copy-code{margin-left:auto}.share-link-row{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-row .modal-input{margin-bottom:0;flex:1}.modal-input-readonly{font-size:.8rem;color:var(--text-muted)}.btn-copy-link{flex-shrink:0}.modal-input{width:100%;padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-chat);color:var(--text);font-size:.95rem;margin-bottom:1rem}.modal-input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-primary{padding:.5rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s,transform .15s}.btn-primary:hover:not(:disabled){opacity:.95}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;cursor:pointer}.btn-secondary:hover{color:var(--text)}.btn-danger{padding:.5rem 1rem;background:var(--danger);color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-danger:hover{opacity:.9}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.6rem 1.25rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0000004d;font-size:.9rem;pointer-events:auto;cursor:pointer;animation:toast-in .25s ease-out}.toast-success{border-left:4px solid var(--success)}.toast-info{border-left:4px solid var(--accent)}.toast-error{border-left:4px solid var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.emoji-picker-wrapper{position:relative;display:inline-block}.emoji-picker-popover{position:absolute;bottom:100%;left:0;margin-bottom:.25rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:12px;padding:.5rem;box-shadow:0 8px 24px #0006;z-index:100;min-width:280px;max-height:240px;overflow:hidden;display:flex;flex-direction:column}.emoji-picker-tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.emoji-picker-tab{padding:.35rem .6rem;font-size:.8rem;background:var(--bg-chat);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer}.emoji-picker-tab:hover,.emoji-picker-tab.active{color:var(--text);background:var(--accent)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;overflow-y:auto}.emoji-picker-emoji{padding:.4rem;font-size:1.25rem;background:transparent;border:none;border-radius:6px;cursor:pointer}.emoji-picker-emoji:hover{background:var(--bg-chat)}.confirm-message{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem}.help-modal{max-width:480px;max-height:85vh;overflow-y:auto}.help-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.help-close{padding:.25rem .5rem;font-size:1.5rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;line-height:1}.help-close:hover{color:var(--text)}.help-intro{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.help-faq{margin:0 0 1rem}.help-faq-item{margin-bottom:1rem}.help-faq-item dt{font-weight:600;margin-bottom:.25rem}.help-faq-item dd{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.help-shortcuts{font-size:.85rem;color:var(--text-muted);margin:0}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.onboarding-content{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:16px;padding:2rem;max-width:90%;width:400px}.onboarding-content h2{margin:0 0 .5rem;font-size:1.5rem}.onboarding-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.95rem}.onboarding-single .onboarding-subtitle{margin:0 0 1.5rem}.onboarding-steps{list-style:none;margin:0 0 1.5rem;padding:0}.onboarding-step{display:flex;gap:1rem;margin-bottom:1rem}.onboarding-step-icon{font-size:1.5rem;flex-shrink:0}.onboarding-step strong{display:block;margin-bottom:.25rem}.onboarding-step p{margin:0;font-size:.9rem;color:var(--text-muted);line-height:1.4}.btn-onboarding{width:100%;padding:.75rem;font-size:1rem}.onboarding-welcome{background:linear-gradient(160deg,#0f1419,#1a222d 40%,#0f172a);animation:onboarding-bg-in .6s ease-out}.onboarding-welcome-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% 20%,rgba(13,148,136,.15) 0%,rgba(13,148,136,.05) 40%,transparent 70%);pointer-events:none}.onboarding-welcome-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;max-width:420px;text-align:center}.onboarding-logo-wrap{margin-bottom:2rem;opacity:0;transform:scale(.7);transition:opacity .6s ease-out,transform .6s cubic-bezier(.34,1.56,.64,1)}.onboarding-logo-wrap.content,.onboarding-logo-wrap.ready{opacity:1;transform:scale(1)}.onboarding-logo{filter:drop-shadow(0 0 24px rgba(13,148,136,.4));animation:logo-glow 2.5s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 24px rgba(13,148,136,.4))}50%{filter:drop-shadow(0 0 32px rgba(13,148,136,.6))}}.onboarding-text-wrap{margin-bottom:2rem;opacity:0;transform:translateY(16px);transition:opacity .5s ease-out .2s,transform .5s ease-out .2s}.onboarding-text-wrap.content,.onboarding-text-wrap.ready{opacity:1;transform:translateY(0)}.onboarding-welcome-title{margin:0 0 .75rem;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:#f1f5f9;background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-welcome-subtitle{margin:0;font-size:1rem;line-height:1.5;color:var(--text-muted)}.onboarding-social-proof{margin:.75rem 0 0;font-size:.85rem;color:var(--accent);font-weight:500}.onboarding-cta-wrap{opacity:0;transform:translateY(12px);transition:opacity .5s ease-out .4s,transform .5s ease-out .4s}.onboarding-cta-wrap.ready{opacity:1;transform:translateY(0)}.btn-onboarding-cta{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:12px;box-shadow:0 4px 20px #0d948859;transition:transform .2s,box-shadow .2s}.btn-onboarding-cta:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0d948873}.btn-onboarding-cta:active{transform:translateY(0)}@keyframes onboarding-bg-in{0%{opacity:0}to{opacity:1}}.chat-search-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-search-header{display:flex;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.chat-search-input{flex:1;padding:.6rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-chat);color:var(--text);font-size:1rem}.chat-search-input:focus{outline:none;border-color:var(--accent)}.chat-search-close{padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:1.25rem}.chat-search-results{flex:1;overflow-y:auto;padding:1rem}.chat-search-hint,.chat-search-empty{color:var(--text-muted);font-size:.9rem;margin:0}.chat-search-list{list-style:none;margin:0;padding:0}.chat-search-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;margin-bottom:.5rem;cursor:pointer;text-align:left;color:var(--text)}.chat-search-item:hover{background:var(--bg-chat);border-color:var(--accent)}.chat-search-preview{font-size:.95rem;margin-bottom:.25rem}.chat-search-meta{font-size:.8rem;color:var(--text-muted)}.forward-modal .forward-preview{padding:.75rem;background:var(--bg-chat);border-radius:8px;margin-bottom:1rem;font-size:.9rem;color:var(--text-muted)}.forward-list{list-style:none;margin:0 0 1rem;padding:0;max-height:240px;overflow-y:auto}.forward-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:var(--bg-chat);border:none;border-radius:8px;margin-bottom:.5rem;cursor:pointer;color:var(--text);text-align:left}.forward-item:hover{background:var(--accent);color:#fff}.forward-avatar{flex-shrink:0}.forward-empty{padding:1rem;color:var(--text-muted);font-size:.9rem}.chat-header-actions{display:flex;gap:.25rem}.profile-sound-toggle{margin-bottom:1rem}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--bg-chat);border:1px solid var(--border);border-radius:26px;transition:.2s}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:2px;bottom:2px;background:var(--text-muted);border-radius:50%;transition:.2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px);background:#fff}.pull-indicator{display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--text-muted);background:var(--bg-chat)}.skeleton-avatar,.skeleton-line{background:linear-gradient(90deg,var(--bg-chat) 25%,var(--border) 50%,var(--bg-chat) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton-line{height:12px;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-boundary{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:var(--bg-dark);color:var(--text)}.error-boundary h2{margin:0 0 1rem;font-size:1.25rem}.error-boundary p{color:var(--text-muted);margin-bottom:1.5rem}.error-boundary button{padding:.5rem 1.25rem;background:var(--accent);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.95rem}.error-boundary button:hover{opacity:.9}.message{animation:message-in .25s ease-out forwards}@keyframes message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.conversation-item{transition:background .15s ease}@media (max-width: 639px){html,body{width:100%;max-width:100vw;overflow-x:hidden}.sidebar-toggle{display:none}.chat-layout{width:100%;max-width:100%;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.chat-list-mobile{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.chat-empty-desktop{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:99;transform:translate(-100%);transition:transform .25s ease;width:min(280px,100vw - 2rem);max-width:85vw;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{display:block}.chat-back-btn{display:block;min-width:44px;min-height:44px}.chat-main{flex:1;min-width:0;width:100%;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}.conversation-list,.message-list{overflow-x:hidden}.message-list{padding:.75rem 1rem}.message{max-width:85%;min-width:60px}.message-bubble{min-width:0}.message-text{word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}.message-input-form{padding-bottom:calc(1rem + env(safe-area-inset-bottom) + 8px)}.offline-banner{top:0;z-index:1002}.notification-prompt{bottom:calc(.5rem + env(safe-area-inset-bottom));left:calc(.5rem + env(safe-area-inset-left));right:calc(.5rem + env(safe-area-inset-right));transform:none;max-width:none}.message-input-form{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}.message-input-row{gap:.5rem}.btn-send{flex-shrink:0}.modal-overlay{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.modal{max-height:calc(100dvh - 2rem);overflow-y:auto}.chat-header{padding-top:env(safe-area-inset-top);padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right))}.conversation-search-input,.modal-input{font-size:16px}.support-layout{flex-direction:column}.support-conversations{width:100%;max-height:180px;border-right:none;border-bottom:1px solid var(--border)}.support-chat{min-height:200px}}@media (min-width: 640px) and (max-width: 1024px){.sidebar{width:260px;min-width:240px;flex-shrink:0}.sidebar-toggle{display:none}.chat-main{flex:1;min-width:0}.chat-empty-illustration svg{width:96px;height:96px}.message-list{padding:1rem 1.25rem}.support-conversations{width:220px;max-height:none}.support-layout{flex-direction:row}}@media (min-width: 1025px){.sidebar{width:280px;min-width:260px}}@media (min-width: 640px){.chat-layout{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.chat-list-mobile{display:none}.chat-empty-desktop{display:flex}.sidebar{position:relative;transform:none}.sidebar-overlay,.main-tabs{display:none}}@media (max-width: 639px){.sidebar-toggle{display:flex}}