:root{--text: #172b31;--muted: #5d7378;--surface: #fbfffc;--border: #c5dddf;--page: #dbe9ed;--accent: #0b8f83;--accent-strong: #6e54e8;--warning: #a85b14;--alien-ink: #14262c;--alien-sky: #d8f3ef;--alien-mint: #5ee6ce;--alien-violet: #6e54e8;--alien-amber: #f0a33a;--alien-panel: rgba(255, 255, 255, .9);--alien-edge: rgba(11, 143, 131, .22);--alien-shadow: 0 18px 48px rgba(26, 65, 74, .15);--body-font: Inter, "Avenir Next", "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%,rgba(94,230,206,.42),transparent 24vw),radial-gradient(circle at 86% 10%,rgba(110,84,232,.2),transparent 26vw),radial-gradient(circle at 80% 88%,rgba(240,163,58,.18),transparent 28vw),linear-gradient(135deg,#e8f3f4,#dce9ed 52%,#eef2e7);color:var(--text);font-family:var(--body-font)}body main.app-shell.app-shell{background:repeating-linear-gradient(120deg,rgba(20,38,44,.045) 0 1px,transparent 1px 42px),transparent}body .app-shell .screen.screen,body .app-shell .setup-page.setup-page{background:radial-gradient(circle at 105% -8%,rgba(110,84,232,.14),transparent 34%),radial-gradient(circle at -8% 112%,rgba(94,230,206,.18),transparent 35%),linear-gradient(180deg,#fffffff0,#f6fcf9f7);color:var(--text);border-inline:1px solid rgba(11,143,131,.16);box-shadow:0 24px 80px #183e482e}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(--alien-edge);border-radius:8px;background:var(--alien-panel);box-shadow:var(--alien-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}body .app-shell .setup-panel.setup-panel{padding:28px}body .app-shell .list-toolbar.list-toolbar,body .app-shell .page-header.page-header,body .app-shell .chat-header.chat-header{border-bottom:1px solid var(--alien-edge);background:#fcfffcdb;box-shadow:0 12px 34px #16444e1f;-webkit-backdrop-filter:blur(18px) saturate(1.18);backdrop-filter:blur(18px) saturate(1.18)}body .app-shell .profile-screen.profile-screen,body .app-shell .settings-screen.settings-screen,body .app-shell .contacts-screen.contacts-screen{background:linear-gradient(140deg,rgba(94,230,206,.12),transparent 38%),linear-gradient(315deg,rgba(110,84,232,.1),transparent 42%),#f1f8f7}body .app-shell .profile-hero.profile-hero{background:radial-gradient(circle at 78% 10%,rgba(240,163,58,.28),transparent 28%),linear-gradient(135deg,#105f68,#386bd5 52%,#6e54e8);color:#fff}body .app-shell .app-mark.app-mark,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:1px solid rgba(255,255,255,.58);border-radius:42% 58% 48% 52%/58% 42%;background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.74),transparent 18%),linear-gradient(135deg,#0b8f83,#336ed8 52%,#6e54e8);color:#fff;box-shadow:0 10px 26px #2a5a7038;text-shadow:0 1px 10px rgba(4,18,24,.38)}body .app-shell .icon-circle.icon-circle,body .app-shell .plain-icon.plain-icon,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 rgba(11,143,131,.18);background:#ffffffc7;color:var(--accent);box-shadow:0 10px 24px #1f4c5a24}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 rgba(11,143,131,.22);background:#ffffffe0;color:var(--text);box-shadow:inset 0 1px #ffffffe6}body .app-shell input::placeholder{color:#75898d}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{background:linear-gradient(135deg,#0b8f83,#32bdd8 58%,#f0a33a);color:#06191d;box-shadow:0 16px 32px #0b8f8338;font-weight:800}body .app-shell .ghost-button.ghost-button,body .app-shell .settings-actions .ghost-button.ghost-button{border:1px solid rgba(11,143,131,.16);background:#ffffffb8;color:var(--text)}body .app-shell .conversation-list.conversation-list,body .app-shell .contact-list.contact-list{gap:8px;padding:10px}body .app-shell .conversation-row.conversation-row,body .app-shell .contact-row.contact-row{border:1px solid rgba(11,143,131,.12);border-radius:8px;background:#ffffffc7;box-shadow:0 10px 28px #1a414a14}body .app-shell .conversation-row.unread,body .app-shell .contact-row.active{border-color:#0b8f835c;box-shadow:inset 4px 0 0 var(--accent),0 10px 28px #1a414a1a}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 button:hover,body .app-shell .contact-row:hover,body .app-shell .conversation-row:hover,body .app-shell .attachment-menu button:hover,body .app-shell .emoji-menu button:hover{background:#5ee6ce29}body .app-shell .conversation-screen.conversation-screen{background:radial-gradient(circle at 8% 12%,rgba(94,230,206,.24),transparent 30%),radial-gradient(circle at 88% 20%,rgba(110,84,232,.12),transparent 28%),repeating-linear-gradient(120deg,rgba(20,38,44,.045) 0 1px,transparent 1px 38px),#e7f3ef}body .app-shell .message.message{border:1px solid rgba(11,143,131,.12);border-radius:8px 8px 8px 3px;background:#ffffffeb;color:var(--text);box-shadow:0 8px 24px #1a414a1c}body .app-shell .message.self{border-color:#0b8f8347;border-radius:8px 8px 3px;background:linear-gradient(135deg,#d7faf1,#edf4ff)}body .app-shell .message time,body .app-shell .conversation-meta.conversation-meta{color:#657b80}body .app-shell .media-kind.media-kind,body .app-shell .attachment-icon.attachment-icon{border:1px solid rgba(11,143,131,.16);background:#e0f8f3;color:var(--accent)}body .app-shell .media-tile.media-tile{border:1px solid rgba(11,143,131,.16);background:linear-gradient(135deg,#90cfc5,#8da7df)}body .app-shell .composer.composer{background:linear-gradient(180deg,transparent,rgba(219,233,237,.94) 42%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body .app-shell .voice-action.voice-action{background:#ffffffe6;color:var(--accent)}body .app-shell .voice-action.recording,body .app-shell .call-control.end span{background:linear-gradient(135deg,#e2335d,#f0a33a);color:#160407}body .app-shell .read-dot.read-dot{background:var(--accent);box-shadow:0 0 0 4px #0b8f831f}body .app-shell .call-test-preview.call-test-preview{background:radial-gradient(circle at 50% 35%,rgba(94,230,206,.22),transparent 26%),linear-gradient(135deg,#12262d,#263b63)}body .app-shell .call-test-metrics,body .app-shell .call-test-actions,body .app-shell .settings-form,body .app-shell .profile-row+.profile-row,body .app-shell .settings-row+.settings-row{border-top-color:#0b8f8324}body .app-shell .calls-screen.calls-screen{background:radial-gradient(circle at 50% 18%,rgba(94,230,206,.24),transparent 28%),linear-gradient(150deg,#10282e,#1e5361 46%,#4c3d90);color:#fff}body .app-shell .call-gradient.call-gradient{background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.22),transparent 22%),repeating-linear-gradient(120deg,rgba(255,255,255,.09) 0 1px,transparent 1px 46px),linear-gradient(150deg,#0f7772,#3479d6 54%,#6e54e8)}body .app-shell .call-control.light span,body .app-shell .calls-screen.video-mode .call-control.light span,body .app-shell .calls-screen.video-mode .call-control.translucent span{background:#ffffff2e;color:#fff}body .app-shell .call-control.active span,body .app-shell .calls-screen.video-mode .call-control.active span{background:linear-gradient(135deg,#f0a33a,#5ee6ce);color:#132329}body .app-shell .local-video-preview.local-video-preview{border-color:#ffffff57;border-radius:8px;box-shadow:0 18px 42px #06161f57}.call-progress{display:grid;width:min(420px,calc(100vw - 40px));gap:7px;margin-top:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#0812206b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.call-progress-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:center;min-width:0;text-align:left}.call-progress-dot{display:block;width:10px;height:10px;margin:4px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:#ffffff2e}.call-progress-copy{display:grid;min-width:0;gap:1px}.call-progress-copy>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-progress-copy strong{color:#fff;font-size:.82rem;font-weight:650}.call-progress-copy small{color:#ffffffb8;font-size:.74rem}.call-progress-row.done .call-progress-dot{border-color:#34d399;background:#34d399}.call-progress-row.active .call-progress-dot{border-color:#7dd3fc;background:#7dd3fc;box-shadow:0 0 0 4px #7dd3fc2e}.call-progress-row.error .call-progress-dot{border-color:#fb7185;background:#fb7185}.call-progress-row.pending{opacity:.62}.call-meta{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.call-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-duration{display:inline-grid;min-width:52px;padding:2px 7px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#0000003d;color:#fff;font-size:.72rem;font-variant-numeric:tabular-nums;line-height:1.35;text-align:center}.profile-call-duration{min-width:66px;margin-top:-2px;padding:4px 10px;font-size:.86rem;background:#ffffff24}.calls-screen.video-mode:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 38%,rgba(45,212,191,.5),transparent 30%),radial-gradient(circle at 18% 72%,rgba(251,191,36,.32),transparent 26%),radial-gradient(circle at 82% 68%,rgba(244,114,182,.34),transparent 28%);opacity:calc(var(--remote-voice-level,0)*.72);transform:scale(calc(1 + var(--remote-voice-level,0)*.05));transition:opacity .12s ease,transform .12s ease;mix-blend-mode:screen}.calls-screen.video-mode.remote-speaking:before{animation:remote-voice-hue 1.15s ease-in-out infinite alternate}.calls-screen.video-mode.remote-speaking .remote-placeholder .call-avatar{box-shadow:0 0 0 14px #2dd4bf24,0 0 calc(38px + var(--remote-voice-level,0)*42px) #fbbf2466}@keyframes remote-voice-hue{0%{filter:hue-rotate(0deg) saturate(1.08)}to{filter:hue-rotate(38deg) saturate(1.35)}}