:root{--bg:#0b141a;--panel:#111b21;--surface:#202c33;--bubble-out:#005c4b;--text:#e9edef;--dim:#8696a0;--accent:#00a884;--accent-text:#fff;--danger:#ea4f5e;--ok:#00a884;--chip:#182229;--divider:#222d34;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,Noto Sans Gujarati,sans-serif;font-size:16px;line-height:1.4}.app{height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--divider);flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.topbar h1{letter-spacing:.01em;flex:1;margin:0;font-size:21px;font-weight:600}.iconbtn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:20px;font-weight:600;display:inline-flex}.iconbtn:active{background:var(--surface)}.iconbtn.active{background:var(--danger);color:#fff}.home{flex-direction:column;flex:1;justify-content:center;gap:14px;width:100%;max-width:640px;margin:0 auto;padding:24px 18px;display:flex}.home-btn{background:var(--panel);border:1px solid var(--divider);color:var(--text);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:18px;padding:22px 20px;font-size:24px;font-weight:600;transition:transform 60ms;display:flex}.home-btn:active{background:var(--surface);transform:scale(.985)}.home-btn .emoji{background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:34px;display:inline-flex}.home-btn small{color:var(--dim);margin-top:3px;font-size:15px;font-weight:400;display:block}.home-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.home-btn.primary .emoji{background:#ffffff2e}.home-btn.primary small{color:#ffffffd9}.version-line{text-align:center;color:var(--dim);margin:8px 0 0;font-size:12.5px}.captions-page{flex-direction:column;flex:1;min-height:0;display:flex}.chat-scroll{background:radial-gradient(#8696a00e 1px,#0000 1.5px) 0 0/22px 22px;flex-direction:column;flex:1;gap:8px;padding:16px 14px;display:flex;overflow-y:auto}.bubble{word-break:break-word;border-radius:12px;max-width:86%;padding:9px 12px 6px;line-height:1.45;animation:.15s ease-out bubble-in;box-shadow:0 1px 1px #00000040}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bubble.in{background:var(--surface);border-top-left-radius:4px;align-self:flex-start}.bubble.out{background:var(--bubble-out);border-top-right-radius:4px;align-self:flex-end}.bubble-time{text-align:right;color:#e9edef8c;margin-top:3px;font-size:11px;display:block}.sys-chip{background:var(--chip);color:var(--dim);border-radius:8px;align-self:center;margin:4px 0;padding:5px 12px;font-size:13px}.caption-placeholder{color:var(--dim);text-align:center;margin-top:48px;font-size:19px}.caption-scroll{background:radial-gradient(#8696a00e 1px,#0000 1.5px) 0 0/22px 22px;flex-direction:column;flex:1;gap:14px;padding:18px;display:flex;overflow-y:auto}.caption-flow{word-break:break-word;margin:0;line-height:1.5}.caption-flow .latest{color:var(--accent)}.caption-flow-history{word-break:break-word;margin:0 0 8px;line-height:1.5}.speaking-indicator{color:var(--accent);background:0 0;align-items:center;gap:10px;min-height:26px;padding:4px 18px;font-size:16px;font-weight:600;display:flex}.dot{background:var(--accent);border-radius:50%;width:12px;height:12px;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.controls{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--divider);flex-shrink:0;align-items:center;gap:10px;display:flex}.bigbtn{cursor:pointer;color:#fff;border:none;border-radius:30px;flex:1;min-height:58px;font-size:20px;font-weight:700}.bigbtn.start{background:var(--accent)}.bigbtn.stop{background:var(--danger)}.bigbtn:disabled{opacity:.45}select.lang{background:var(--surface);color:var(--text);border:1px solid var(--divider);border-radius:22px;min-height:46px;padding:0 14px;font-size:16px;font-weight:600}.status-line{color:var(--dim);background:var(--panel);min-height:24px;padding:8px 18px;font-size:14px}.status-line.error{color:var(--danger);font-weight:600}.prompt-row{background:var(--panel);flex-shrink:0;gap:8px;padding:8px 14px;display:flex}.promptbtn{background:var(--surface);color:var(--text);border:1px solid var(--divider);cursor:pointer;border-radius:22px;flex:1;min-height:46px;font-size:16px;font-weight:600}.promptbtn:active{background:var(--accent);color:#fff}.stub{color:var(--dim);padding:32px 24px;font-size:19px;line-height:1.5}.call-ring{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.avatar{background:var(--surface);width:108px;height:108px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:44px;font-weight:700;display:flex}.call-ring.incoming .avatar{animation:1.2s infinite ring-halo}@keyframes ring-halo{0%{box-shadow:0 0 #00a88480}to{box-shadow:0 0 0 26px #00a88400}}.call-ring h2{color:var(--dim);letter-spacing:.02em;margin:0;font-size:17px;font-weight:500}.caller-number{color:var(--text);text-align:center;margin:0;font-size:30px;font-weight:600}.ring-actions{align-items:center;gap:64px;margin-top:42px;display:flex}.roundbtn{cursor:pointer;color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;font-size:30px;display:flex;box-shadow:0 4px 14px #0006}.roundbtn.accept{background:var(--accent);animation:1.4s infinite pulse}.roundbtn.decline{background:var(--danger)}.roundbtn-label{text-align:center;color:var(--dim);margin-top:8px;font-size:13px;display:block}.call-idle{text-align:center;flex-direction:column;flex:1;align-items:center;gap:10px;padding:24px;display:flex;overflow-y:auto}.idle-top{flex-direction:column;align-items:center;gap:10px;margin-top:10vh;display:flex}.idle-icon{margin:0;font-size:56px}.call-idle h2{margin:0;font-size:24px}.idle-hint{color:var(--dim);max-width:420px;margin:0;font-size:16px;line-height:1.5}.historylink{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:16px;font-size:16px;font-weight:600}.history-page{flex:1;justify-content:center;padding:14px;display:flex;overflow-y:auto}.history-page .history{width:100%;max-width:640px}.history-item{border-bottom:1px solid var(--divider);overflow:hidden}.history-row{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:14px 6px;font-size:17px;display:flex}.history-row:active{background:var(--surface)}.history-badge{background:var(--surface);width:40px;height:40px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.history-badge.missed{color:var(--danger)}.history-number{flex-shrink:0;font-weight:600}.history-meta{color:var(--dim);flex:1;font-size:14px}.history-chevron{color:var(--dim);font-size:11px}.history-transcript{background:var(--panel);border-radius:12px;margin-bottom:10px;padding:12px 10px 16px;font-size:18px;line-height:1.5}.audio-row{flex-wrap:wrap;gap:14px;margin:10px 0;display:flex}.audio-track{flex-direction:column;flex:1;gap:4px;min-width:240px;display:flex}.audio-track small{color:var(--dim)}.audio-track audio{width:100%;height:40px}.timeline{border-top:1px solid var(--divider);margin-top:10px;padding-top:10px}.timeline summary{color:var(--dim);cursor:pointer;font-size:14px}.timeline-events{max-height:320px;margin-top:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;overflow-y:auto}.timeline-row{color:var(--dim);gap:10px;padding:2px 0;display:flex}.timeline-row.caption-ev,.timeline-row.caption-ev .timeline-name{color:var(--accent)}.timeline-t{text-align:right;flex-shrink:0;min-width:72px}.timeline-name{min-width:170px;color:var(--text);flex-shrink:0}.timeline-detail{word-break:break-all}.settings-page{flex-direction:column;flex:1;gap:22px;width:100%;max-width:640px;margin:0 auto;padding:20px 16px;display:flex;overflow-y:auto}.setting-block{background:var(--panel);border:1px solid var(--divider);border-radius:16px;padding:16px}.setting-block h3{margin:0 0 4px;font-size:19px}.setting-block .idle-hint{text-align:left;margin-bottom:12px}select.lang.wide{width:100%}.configured-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.configured-row{background:var(--surface);border:1px solid var(--divider);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.configured-row small{color:var(--dim);display:block}.volume-slider{width:100%;accent-color:var(--accent);height:32px}.quality-chip{font-weight:700;background:0 0!important}.quality-chip.verdict-ok{color:var(--ok)}.quality-chip.verdict-warn{color:#f7b731}.quality-chip.verdict-bad{color:var(--danger)}.quality-line{color:var(--dim);margin:0 0 10px;font-size:15px}.q-ok{color:var(--ok)}.q-warn{color:#f7b731}.q-bad{color:var(--danger)}.live-card.live-bad{border-color:var(--danger)}.monitor-heading{color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:15px}.monitor-row{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:2px 0;font-size:16px;display:flex}.verdict-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.verdict-ok{background:var(--ok)}.verdict-warn{background:#f7b731}.verdict-bad{background:var(--danger)}.monitor-main{flex:1}.monitor-main small{color:var(--dim);display:block}.monitor-verdict{color:var(--dim);text-align:right;max-width:40%;font-size:13px}.funnel{border-top:1px solid var(--divider);flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;font-size:14px;display:flex}.funnel-row{align-items:baseline;gap:10px;display:flex}.funnel-ok{color:var(--ok);width:18px;font-weight:800}.funnel-bad{color:var(--danger);width:18px;font-weight:800}.funnel-name{min-width:120px;font-weight:600}.funnel-time{color:var(--dim);min-width:70px;font-family:ui-monospace,Menlo,monospace}.funnel-note{color:var(--dim)}.contacts-page{flex-direction:column;flex:1;gap:14px;width:100%;max-width:640px;margin:0 auto;padding:16px;display:flex;overflow-y:auto}.dialbar{gap:10px;display:flex}.dialinput{background:var(--surface);border:1px solid var(--divider);color:var(--text);border-radius:24px;flex:1;min-height:52px;padding:12px 18px;font-size:18px}.dialinput::placeholder{color:var(--dim)}.dialcall{flex:none;padding:0 22px}.contacts-list{flex-direction:column;display:flex}.contact-row{border-bottom:1px solid var(--divider);align-items:center;gap:8px;padding:4px 0;display:flex}.contact-main{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:14px;padding:10px 4px;display:flex}.contact-avatar{background:var(--surface);width:46px;height:46px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.contact-name{font-size:18px;font-weight:600;display:block}.contact-number{color:var(--dim);font-size:14px;display:block}.contact-callbtn,.contact-delete{cursor:pointer;min-width:46px;min-height:46px;color:var(--accent);background:0 0;border:none;border-radius:50%;font-size:20px}.contact-delete{color:var(--dim)}.contact-add-form{background:var(--panel);border:1px solid var(--divider);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.contact-add-actions{gap:10px;display:flex}.addcontact{flex:none}