:root{--color-bg-app: #0b141a;--color-bg-panel: #111b21;--color-bg-panel-header: #202c33;--color-bg-hover: #202c33;--color-bg-bubble-in: #202c33;--color-bg-bubble-out: #005c4b;--color-accent: #25d366;--color-accent-soft: rgba(37, 211, 102, .15);--color-text-primary: #e9edef;--color-text-secondary: #8696a0;--color-border: #222d34;--color-danger: #f15c6d;--color-tick-read: #53bdeb;--font-display: "Inter", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--font-size-base: 14px;--radius-md: 8px;--radius-lg: 14px;--radius-bubble: 7.5px}:root[data-theme=light]{--color-bg-app: #f7f8fa;--color-bg-panel: #ffffff;--color-bg-panel-header: #f0f2f5;--color-bg-hover: #f5f6f6;--color-bg-bubble-in: #ffffff;--color-bg-bubble-out: #d9fdd3;--color-accent: #25d366;--color-accent-soft: rgba(37, 211, 102, .1);--color-text-primary: #111b21;--color-text-secondary: #667781;--color-border: #e9edef;--color-danger: #d9483f;--color-tick-read: #53bdeb}:root[data-font-size=small]{--font-size-base: 13px}:root[data-font-size=medium]{--font-size-base: 14px}:root[data-font-size=large]{--font-size-base: 16px}.messages-list{font-size:var(--font-size-base)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-bg-app);color:var(--color-text-primary)}.app-shell{display:grid;grid-template-columns:minmax(280px,380px) 1fr;height:100vh;height:100dvh;background:var(--color-bg-app)}.mobile-only{display:none!important}@media (max-width: 768px){.app-shell{grid-template-columns:1fr;height:100dvh}.mobile-only{display:flex!important}.desktop-only{display:none!important}.mobile-shell{display:flex;flex-direction:column;height:100dvh}.mobile-tab-content{flex:1;min-height:0;overflow:hidden;display:flex}.mobile-tab-content .sidebar{width:100%;height:100%}.chat-window{height:100dvh}.bottom-nav{display:flex}}.bottom-nav{align-items:stretch;justify-content:space-around;background:var(--color-bg-panel-header);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom,0);flex-shrink:0}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px 10px;background:none;border:none;color:var(--color-text-secondary);font-size:11px;cursor:pointer}.bottom-nav-item.active{color:var(--color-accent)}.bottom-nav-icon-wrap{position:relative;display:inline-flex}.nav-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--color-danger)}.mobile-screen{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-panel);position:relative}.mobile-screen-header{padding:14px 16px;background:var(--color-bg-panel-header);border-bottom:1px solid var(--color-border)}.status-screen-body,.calls-screen-body{flex:1;overflow-y:auto}.status-section-label{padding:14px 16px 6px;font-size:13px;color:var(--color-accent);font-weight:500}.status-list-row{display:flex;align-items:center;gap:14px;padding:10px 16px;cursor:pointer}.status-list-row:hover{background:var(--color-bg-hover)}.status-list-row .meta{flex:1;min-width:0}.status-list-row .name{font-weight:500;font-size:14px}.status-list-row .preview{font-size:12px;color:var(--color-text-secondary)}.fab{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;border:none;background:var(--color-accent);color:#06231c;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #00000059}.fab-secondary{right:26px;bottom:82px;width:40px;height:40px;background:var(--color-bg-panel-header);color:var(--color-text-primary)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-app);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--color-bg-panel);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px}.auth-card h1{font-size:22px;margin:0 0 4px}.auth-card p.subtitle{color:var(--color-text-secondary);margin:0 0 24px;font-size:14px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--color-text-secondary);margin-bottom:6px}.field input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-app);color:var(--color-text-primary);font-size:14px}.field input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.btn-primary{width:100%;padding:11px;border-radius:var(--radius-md);border:none;background:var(--color-accent);color:#06231c;font-weight:600;font-size:14px;cursor:pointer}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:focus-visible{outline:2px solid #fff;outline-offset:2px}.error-banner{background:#f15c6d1f;color:var(--color-danger);border:1px solid rgba(241,92,109,.3);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;margin-bottom:16px}.modal-input{width:100%;padding:11px 14px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg-app);color:var(--color-text-primary);font-size:14px}.auth-switch{text-align:center;margin-top:20px;font-size:13px;color:var(--color-text-secondary)}.auth-switch button{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:13px;padding:0}.sidebar{border-right:1px solid var(--color-border);background:var(--color-bg-panel);display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-panel-header)}.sidebar-header .identity{display:flex;align-items:center;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.icon-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex}.icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.search-box{padding:8px 12px}.search-box input{width:100%;padding:8px 12px;border-radius:20px;border:none;background:var(--color-bg-panel-header);color:var(--color-text-primary);font-size:13px}.chat-list{flex:1;overflow-y:auto}.chat-list-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-border)}.chat-list-item:hover,.chat-list-item.active{background:var(--color-bg-hover)}.chat-list-item .meta{flex:1;min-width:0}.chat-list-item .meta .top-row{display:flex;justify-content:space-between;font-size:14px}.chat-list-item .meta .name{font-weight:500}.chat-list-item .meta .time{font-size:11px;color:var(--color-text-secondary)}.chat-list-item .meta .preview{color:var(--color-text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg-panel);position:relative;top:14px;right:12px}.chat-window{display:flex;flex-direction:column;height:100vh;background-image:linear-gradient(180deg,#00000026,#00000026)}.chat-window-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-bg-panel-header);border-bottom:1px solid var(--color-border)}.chat-window-header .status-text{font-size:12px;color:var(--color-text-secondary)}.chat-window-header .actions{margin-left:auto;display:flex;gap:4px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);text-align:center;padding:40px}.messages-list{flex:1;overflow-y:auto;padding:20px 8%;display:flex;flex-direction:column;gap:4px}@media (max-width: 768px){.messages-list{padding:14px 4%}.bubble{max-width:82%}.empty-state{padding:24px}}.bubble-row{display:flex}.bubble-row.out{justify-content:flex-end}.bubble{max-width:65%;padding:8px 10px;border-radius:var(--radius-bubble);font-size:14px;line-height:1.4;position:relative}.bubble.in{background:var(--color-bg-bubble-in);border-top-left-radius:2px}.bubble.out{background:var(--color-bg-bubble-out);border-top-right-radius:2px}.bubble .bubble-time{font-size:10px;color:var(--color-text-secondary);margin-top:4px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:3px}.tick{color:var(--color-text-secondary);flex-shrink:0}.tick-read{color:var(--color-tick-read)}.bubble-voice{padding:6px 10px;min-width:200px}.voice-note{display:flex;align-items:center;gap:8px}.voice-note-play{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-accent);color:#06231c;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.voice-note-track{flex:1;height:3px;border-radius:2px;background:#8696a059;overflow:hidden}.voice-note-progress{height:100%;background:var(--color-accent)}.voice-note-time{font-size:11px;color:var(--color-text-secondary);flex-shrink:0;min-width:30px}.recording-indicator{flex:1;display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--color-text-primary);font-size:14px}.recording-dot{width:10px;height:10px;border-radius:50%;background:var(--color-danger);animation:recording-pulse 1s ease-in-out infinite}@keyframes recording-pulse{0%,to{opacity:1}50%{opacity:.3}}.typing-indicator{font-size:12px;color:var(--color-accent);padding:4px 8%}.message-input-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-bg-panel-header)}.attachment-preview-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--color-bg-panel-header);border-bottom:1px solid var(--color-border)}.attachment-preview-bar img,.attachment-preview-bar video{height:56px;width:56px;object-fit:cover;border-radius:8px}.attachment-preview-bar .icon-btn{margin-left:auto}.attachment-doc-chip{display:flex;align-items:center;gap:10px;color:var(--color-text-primary)}.attachment-doc-chip .name{font-size:13px;font-weight:500}.attachment-doc-chip .size{font-size:11px;color:var(--color-text-secondary)}.document-bubble{display:flex;align-items:center;gap:10px;padding:4px 2px;min-width:200px;text-decoration:none;color:inherit}.document-bubble-icon{width:36px;height:36px;border-radius:8px;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.document-bubble .name{font-size:13px;font-weight:500;word-break:break-word}.document-bubble .size{font-size:11px;color:var(--color-text-secondary)}.message-input-bar input{flex:1;padding:11px 14px;border-radius:22px;border:none;background:var(--color-bg-app);color:var(--color-text-primary);font-size:14px}.chat-window[data-wallpaper=solid-teal]{background:#0a1f1a}.chat-window[data-wallpaper=solid-slate]{background:#16202a}.chat-window[data-wallpaper=none]{background:var(--color-bg-app)}.settings-shell{display:grid;grid-template-columns:280px 1fr;height:100vh;height:100dvh;background:var(--color-bg-app)}@media (max-width: 768px){.settings-shell.mobile-shell{grid-template-columns:1fr;display:flex}.settings-shell.mobile-shell .settings-nav,.settings-shell.mobile-shell .settings-content{width:100%;height:100dvh;overflow-y:auto}.settings-shell.mobile-shell .settings-content{padding:20px 20px 40px;max-width:none}}.settings-nav{border-right:1px solid var(--color-border);background:var(--color-bg-panel);padding:16px 0}.settings-nav-header{display:flex;align-items:center;gap:12px;padding:8px 20px 20px}.settings-nav-item{display:flex;align-items:center;gap:14px;padding:12px 20px;color:var(--color-text-primary);background:none;border:none;width:100%;text-align:left;cursor:pointer;font-size:14px}.settings-nav-item:hover,.settings-nav-item.active{background:var(--color-bg-hover)}.settings-content{padding:32px 48px;overflow-y:auto;max-width:640px}.settings-content h2{margin:0 0 24px;font-size:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--color-border)}.settings-row .label{font-size:14px}.settings-row .description{font-size:12px;color:var(--color-text-secondary);margin-top:2px}.settings-select{padding:7px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-app);color:var(--color-text-primary);font-size:13px}.toggle-switch{width:42px;height:24px;border-radius:12px;border:none;cursor:pointer;position:relative;background:var(--color-border);transition:background .15s}.toggle-switch.on{background:var(--color-accent)}.toggle-switch .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s}.toggle-switch.on .knob{transform:translate(18px)}.settings-avatar-row{display:flex;align-items:center;gap:20px;margin-bottom:24px}.theme-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-option{border:2px solid var(--color-border);border-radius:var(--radius-md);padding:12px;cursor:pointer;text-align:center;font-size:13px}.theme-option.active{border-color:var(--color-accent)}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-accent);color:#06231c;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.chat-window{display:flex;flex-direction:column;height:100vh;height:100dvh;width:100%;position:relative;background:var(--color-bg-app);overflow:hidden}@media (max-width: 768px){.chat-window{height:100dvh;width:100vw;position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background:var(--color-bg-app)}.chat-window-header{flex-shrink:0;padding:8px 12px!important;min-height:56px!important}.messages-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 12px!important;min-height:0;height:100%;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.message-input-container{flex-shrink:0;padding:8px 12px;background:var(--color-bg-panel-header);border-top:1px solid var(--color-border)}.messages-list::-webkit-scrollbar{width:3px}.messages-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.messages-list::-webkit-scrollbar-track{background:transparent}}@media (max-width: 768px){.bubble{max-width:82%;padding:6px 10px;font-size:14px;word-wrap:break-word}.bubble-row{display:flex;width:100%;margin-bottom:2px}.bubble-row.out{justify-content:flex-end}.bubble-row.in{justify-content:flex-start}.bubble .bubble-time{font-size:10px;margin-top:2px}.voice-note{min-width:160px;gap:6px}.voice-note-play{width:28px;height:28px}.voice-note-track{height:3px}.voice-note-time{font-size:10px;min-width:28px}.document-bubble{min-width:150px;padding:2px 0}.document-bubble-icon{width:32px;height:32px}.document-bubble .name{font-size:12px}.document-bubble .size{font-size:10px}}.message-input-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-panel-header);border-top:1px solid var(--color-border);flex-shrink:0}.message-input-bar input{flex:1;padding:9px 14px;border-radius:22px;border:none;background:var(--color-bg-app);color:var(--color-text-primary);font-size:14px;min-height:40px;outline:none}.message-input-bar input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--color-accent);color:#06231c;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .2s}.send-btn:active{transform:scale(.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.attachment-preview-bar{padding:8px 12px;gap:8px}.attachment-preview-bar img,.attachment-preview-bar video{height:40px;width:40px}.attachment-doc-chip .name{font-size:12px}.attachment-doc-chip .size{font-size:10px}}.typing-indicator{font-size:12px;color:var(--color-accent);padding:2px 12px;flex-shrink:0}.scroll-to-bottom-btn{position:absolute;bottom:80px;right:20px;width:44px;height:44px;border-radius:50%;background:var(--color-accent);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 12px #0000004d;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .2s,opacity .3s;animation:fadeInUp .3s ease-out}.scroll-to-bottom-btn:hover{transform:scale(1.1)}.scroll-to-bottom-btn:active{transform:scale(.95)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.status-screen-body{flex:1;overflow-y:auto;padding-bottom:80px}@media (max-width: 768px){.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0b141a}.call-screen .video-grid{grid-template-columns:1fr!important;gap:8px!important;padding:8px!important}.call-screen .controls{padding:16px!important;gap:12px!important}.call-screen .controls button{width:44px!important;height:44px!important}}@supports (padding: max(0px)){.chat-window{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.message-input-bar{padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}}@keyframes typingDot{0%,60%,to{opacity:.2;transform:scale(.8)}30%{opacity:1;transform:scale(1.2)}}.typing-indicator{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 16px;font-size:13px;color:var(--color-text-secondary);background:var(--color-bg-panel-header);border-top:1px solid var(--color-border);min-height:32px}.typing-indicator span:first-child{display:flex;gap:4px}.typing-indicator .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);display:inline-block}.typing-indicator .dot:nth-child(1){animation:typingDot 1.4s ease-in-out infinite;animation-delay:0s}.typing-indicator .dot:nth-child(2){animation:typingDot 1.4s ease-in-out infinite;animation-delay:.2s}.typing-indicator .dot:nth-child(3){animation:typingDot 1.4s ease-in-out infinite;animation-delay:.4s}