:root{--text: #14211d;--muted: #64716d;--surface: #ffffff;--surface-muted: #f2f6f8;--border: #d7e0dd;--page: #f7faf9;--accent: #12715b;--accent-strong: #0d5b49;--warning: #a14a11;--body-font: Inter, "Avenir Next", "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--page);color:var(--text);font-family:var(--body-font)}body main.app-shell.app-shell{background:transparent}body .app-shell .screen.screen,body .app-shell .setup-page.setup-page{background:var(--surface);color:var(--text);border-inline:1px solid rgba(20,33,29,.06);box-shadow:0 18px 56px #14211d14}body .app-shell .setup-page.setup-page,body .app-shell .profile-screen.profile-screen,body .app-shell .settings-screen.settings-screen,body .app-shell .contacts-screen.contacts-screen,body .app-shell .recents-screen.recents-screen,body .app-shell .country-code-page.country-code-page{background:var(--page)}body .app-shell .setup-panel.setup-panel,body .app-shell .profile-card.profile-card,body .app-shell .settings-card.settings-card,body .app-shell .main-menu.main-menu,body .app-shell .attachment-menu.attachment-menu,body .app-shell .emoji-menu.emoji-menu{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 10px 26px #14211d14;-webkit-backdrop-filter:none;backdrop-filter:none}body .app-shell .setup-panel.setup-panel{padding:28px 24px}body .app-shell .auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:999px;background:var(--surface-muted)}body .app-shell .auth-tabs button{border-radius:999px;padding:11px 10px;background:transparent;color:var(--muted);font-weight:700}body .app-shell .auth-tabs button.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #14211d1f}body .app-shell .field-label{display:grid;gap:6px;min-width:0;text-align:left}body .app-shell .field-label span{color:var(--text);font-size:.92rem;font-weight:700}body .app-shell .field-help,body .app-shell .setup-status{color:var(--muted)}body .app-shell .field-error{color:#b42318}body .app-shell .phone-field{display:grid;gap:10px;min-width:0;text-align:left}body .app-shell .phone-field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:var(--text);font-size:.92rem;font-weight:700}body .app-shell .phone-list-trigger{min-height:0;padding:0;background:transparent;color:var(--accent);font-size:.82rem;font-weight:700}body .app-shell .phone-input-shell{display:grid;grid-template-columns:40px 72px minmax(0,1fr);align-items:center;min-width:0;padding:6px;border:1px solid var(--border);border-radius:26px;background:var(--surface-muted)}body .app-shell .phone-input-shell input{width:100%;min-height:40px;border:0;background:transparent;box-shadow:none}body .app-shell .phone-flag-button{display:grid;width:40px;height:40px;min-height:0;place-items:center;border-radius:20px;background:var(--surface);color:var(--text);font-size:1.12rem;font-weight:700}body .app-shell .phone-flag-button.has-flag{background:var(--surface)}body .app-shell .phone-code-input{margin-right:8px;padding:0 10px;border-radius:20px;background:var(--surface);color:var(--text);font-variant-numeric:tabular-nums;font-weight:700;text-align:center}body .app-shell .phone-number-input{padding:0 6px}body .app-shell .phone-actions{display:grid;grid-template-columns:minmax(134px,auto) minmax(0,1fr);gap:10px;min-width:0}body .app-shell .phone-actions button,body .app-shell .phone-actions input{min-height:44px;border-radius:999px}body .app-shell .phone-actions input{width:100%;border:1px solid var(--border);padding:0 14px;background:var(--surface)}body .app-shell .country-code-page.country-code-page{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}body .app-shell .country-code-search.country-code-search{width:calc(100% - 28px);margin:14px}body .app-shell .country-code-list.country-code-list{display:grid;gap:8px;min-height:0;overflow:auto;padding:0 14px 18px}body .app-shell .country-code-row.country-code-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;min-height:62px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:left}body .app-shell .country-code-flag.country-code-flag{display:grid;width:38px;height:38px;place-items:center;border-radius:19px;background:var(--surface-muted);font-size:1.35rem}body .app-shell .country-code-copy{display:grid;gap:2px;min-width:0}body .app-shell .country-code-copy strong,body .app-shell .country-code-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .app-shell .country-code-dial{color:var(--accent);font-variant-numeric:tabular-nums}body .app-shell .profile-edit-card{gap:12px;padding:16px;overflow:visible}body .app-shell .profile-edit-card .section-card-header{padding:0 0 4px}body .app-shell .profile-edit-card input{width:100%;border:1px solid var(--border);border-radius:14px;padding:11px 12px;background:var(--surface)}body .app-shell .profile-edit-card .phone-input-shell input{border:0;border-radius:0;padding-top:0;padding-bottom:0;background:transparent}body .app-shell .profile-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body .app-shell .profile-actions{display:grid}body .app-shell .list-toolbar.list-toolbar,body .app-shell .page-header.page-header,body .app-shell .chat-header.chat-header,body .app-shell .chat-list-screen .chat-list-topbar{border-bottom:1px solid var(--border);background:#fffffff0;box-shadow:0 10px 28px #14211d0d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body .app-shell .app-mark.app-mark{box-shadow:0 10px 24px #12715b2e}body .app-shell .avatar.avatar,body .app-shell .self-avatar.self-avatar,body .app-shell .profile-avatar.profile-avatar,body .app-shell .empty-symbol.empty-symbol,body .app-shell .call-avatar.call-avatar{border:0;border-radius:50%;background:var(--accent);color:#fff;box-shadow:none;text-shadow:none}body .app-shell .empty-symbol.empty-symbol{background:var(--surface-muted);color:var(--accent)}body .app-shell .icon-circle.icon-circle,body .app-shell .plain-icon.plain-icon,body .app-shell .hub-icon-button.hub-icon-button,body .app-shell .header-call-button.header-call-button,body .app-shell .call-top-button.call-top-button,body .app-shell .round-action.round-action,body .app-shell .call-control.call-control span{border:1px solid var(--border);background:var(--surface);color:var(--accent);box-shadow:0 6px 16px #14211d14}body .app-shell .setup-form input,body .app-shell .settings-form input,body .app-shell .search-box.search-box,body .app-shell .message-box.message-box{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);box-shadow:none}body .app-shell input::placeholder{color:#7a8783}body .app-shell .setup-form button,body .app-shell .empty-state button,body .app-shell .settings-actions button,body .app-shell .media-bubble button,body .app-shell .floating-compose.floating-compose,body .app-shell .send-action.send-action,body .app-shell .profile-actions button{background:var(--accent);color:#fff;box-shadow:0 12px 24px #12715b2e;font-weight:800}body .app-shell .ghost-button.ghost-button,body .app-shell .settings-actions .ghost-button.ghost-button,body .app-shell .phone-actions .ghost-button.ghost-button{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);box-shadow:none}body .app-shell .main-menu button,body .app-shell .attachment-menu button,body .app-shell .emoji-menu button{color:var(--text)}body .app-shell .main-menu .danger-menu-item{color:#9f1239}body .app-shell .main-menu button:hover,body .app-shell .contact-row:hover,body .app-shell .conversation-row:hover,body .app-shell .recent-row:hover,body .app-shell .attachment-menu button:hover,body .app-shell .emoji-menu button:hover,body .app-shell .country-code-row.country-code-row:hover{background:var(--surface-muted)}body .app-shell .contact-list.contact-list,body .app-shell .contacts-groups.contacts-groups,body .app-shell .recents-list.recents-list{gap:10px}body .app-shell .contact-row.contact-row,body .app-shell .recent-row.recent-row{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 6px 18px #14211d0d}body .app-shell .chat-list-screen .conversation-row.conversation-row{border-color:#14211d14}body .app-shell .chat-list-screen .conversation-row.unread{box-shadow:inset 3px 0 0 var(--accent)}body .app-shell .favorite-toggle.favorite-toggle{background:var(--surface-muted)}body .app-shell .favorite-toggle.active{background:#eef6d8;color:#7a8f1a}body .app-shell .conversation-screen.conversation-screen{background:#edf4ef}body .app-shell .message.message{border:1px solid rgba(20,33,29,.08);border-radius:8px 8px 8px 3px;background:#fffffff0;color:var(--text);box-shadow:0 4px 12px #14211d12}body .app-shell .message.self{border-color:#12715b29;border-radius:8px 8px 3px;background:#d9f1ea}body .app-shell .message time,body .app-shell .conversation-meta.conversation-meta,body .app-shell .recent-meta.recent-meta{color:var(--muted)}body .app-shell .read-dot.read-dot{background:var(--accent);box-shadow:0 0 0 4px #12715b1f}body .app-shell .media-kind.media-kind,body .app-shell .attachment-icon.attachment-icon{border:1px solid var(--border);background:var(--surface-muted);color:var(--accent)}body .app-shell .composer.composer{background:linear-gradient(180deg,transparent,rgba(247,250,249,.94) 42%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body .app-shell .voice-action.voice-action{background:var(--surface);color:var(--accent)}body .app-shell .voice-action.recording,body .app-shell .call-control.end span{background:#c2413a;color:#fff}body .app-shell .calls-screen.calls-screen{background:linear-gradient(180deg,#17352e,#20453b);color:#fff}body .app-shell .call-gradient.call-gradient{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.14),transparent 22%),linear-gradient(160deg,#12715b,#0d5b49)}@media(max-width:760px){body .app-shell .screen.screen,body .app-shell .setup-page.setup-page{border-inline:0;box-shadow:none}body .app-shell .setup-panel.setup-panel,body .app-shell .profile-card.profile-card,body .app-shell .settings-card.settings-card,body .app-shell .main-menu.main-menu,body .app-shell .attachment-menu.attachment-menu,body .app-shell .emoji-menu.emoji-menu{box-shadow:none}}@media(max-width:720px){body .app-shell .profile-name-grid{grid-template-columns:1fr}body .app-shell .country-code-row.country-code-row{grid-template-columns:40px minmax(0,1fr) auto;padding-inline:10px}}