:root{color-scheme:light;--brand: #3f6ff6;--brand2: #7359f7;--ink: #172033;--muted: #687386;--soft: #9da5b2;--line: #e8eaf1;--bg: #fbfcff;--card: #fff;--green: #11845d;--red: #e54b55;--shadow: 0 14px 38px rgba(37, 54, 96, .09);--safe: env(safe-area-inset-bottom, 0px);--pad: max(12px, env(safe-area-inset-left))}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#eef1f6;color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,sans-serif}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}.sprite{position:absolute}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon.sm{width:18px;height:18px}.app{position:relative;min-height:100dvh;max-width:430px;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;overflow:hidden}.header{height:54px;flex:0 0 auto;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:env(safe-area-inset-top) 8px 0;background:#ffffffeb;border-bottom:1px solid rgba(232,234,240,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.header-title{text-align:center}.header-title b{font-size:16px}.head-btn{width:44px;height:44px;border:0;border-radius:12px;background:transparent;color:var(--ink);display:grid;place-items:center}.viewport{flex:1;min-height:0;position:relative}.page{height:100%}.chat{height:100%;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 12% 4%,rgba(79,120,255,.09),transparent 24%),radial-gradient(circle at 88% 18%,rgba(148,107,255,.08),transparent 23%),#fff}.chat-scroll{flex:1;min-height:0;overflow-y:auto;padding:0 16px 132px}.empty{padding:72px 12px 0;text-align:center}.empty.hidden{display:none}.empty-mark{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;margin:0 auto 16px;background:linear-gradient(145deg,#4779ff,#765cf7 62%,#9c72f8);color:#fff;font-size:22px;box-shadow:0 15px 34px #4a5ce13d;position:relative}.empty-mark:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(97,87,244,.12);border-radius:25px}.empty h1{font-size:24px;letter-spacing:-.6px;margin:0 0 8px}.empty p{font-size:14px;color:var(--muted);margin:0}.empty-tags{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}.empty-tag{padding:8px 12px;border-radius:16px;font-size:13px;color:#647087;background:#f5f7fcdb;border:1px solid #edf0f6}.sales-home .chat-scroll{padding-bottom:24px}.sales-hero{padding-top:min(22vh,150px)}.start-drill{margin-top:24px;min-width:180px;padding:13px 24px;border:0;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 26px #4162ea3d;font-weight:700}.sales-points{display:grid;gap:10px;max-width:260px;margin:30px auto 0;text-align:left;color:var(--muted);font-size:14px}.sales-points span:before{content:"✓";margin-right:9px;color:var(--green);font-weight:700}.single-app-card{display:grid;gap:14px;padding:24px}.single-app-card h3,.single-app-card p{margin:0}.single-app-card input{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.bubble-row{display:flex;gap:8px;margin:12px 0}.bubble-row.user{justify-content:flex-end}.bubble{max-width:84%;padding:10px 12px;border-radius:16px;font-size:15px;line-height:1.55}.bubble.ai{background:#f4f6fb;border:1px solid #eef1f6;border-top-left-radius:5px}.bubble.user{background:linear-gradient(135deg,#4578ff,#6269f5);color:#fff;border-top-right-radius:5px;box-shadow:0 6px 18px #456ef421}.composer{position:absolute;left:0;right:0;bottom:0;padding:20px 12px calc(10px + var(--safe));background:linear-gradient(180deg,#fff0,#fff 36%);z-index:18}.composer-shell{background:#f7f8fcf7;border:1px solid #e1e5ee;border-radius:20px;padding:8px}.composer textarea{display:block;width:100%;resize:none;border:0;outline:0;background:transparent;min-height:40px;max-height:96px;padding:8px 6px;font-size:16px;line-height:1.45}.composer-row{display:flex;align-items:center;justify-content:space-between}.composer-tools{display:flex;gap:4px}.tool-btn,.send-btn{width:36px;height:36px;border:0;border-radius:11px;display:grid;place-items:center;background:transparent;color:var(--muted)}.send-btn{background:linear-gradient(135deg,#4078ff,#675cf4);color:#fff}.composer-note{text-align:center;color:#b1b7c1;font-size:11px;margin-top:6px}.drawer-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c14254d;z-index:60;display:none}.drawer-mask.open{display:block}.drawer{position:absolute;left:0;top:0;bottom:0;width:86%;max-width:350px;background:linear-gradient(180deg,#fbfcff,#f8faff);transform:translate(-100%);transition:.22s cubic-bezier(.2,.8,.2,1);z-index:61;box-shadow:22px 0 58px #161f3129;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-top{padding:calc(12px + env(safe-area-inset-top,0px)) 12px 10px}.drawer-top-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:8px;align-items:center}.drawer-search{height:40px;border:1px solid #e5e8ef;border-radius:13px;background:#f1f4f9;display:flex;align-items:center;gap:8px;padding:0 11px;color:#8590a1}.drawer-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px}.new-chat-mini{width:40px;height:40px;border:0;border-radius:13px;background:linear-gradient(135deg,#eef3ff,#f1efff);color:#4664e8;display:grid;place-items:center}.drawer-body{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 14px}.drawer-label{font-size:12px;color:#9ba4b3;font-weight:700;padding:13px 9px 5px}.chat-item{width:100%;padding:10px;border-radius:11px;border:1px solid transparent;background:transparent;text-align:left}.chat-item.active{background:linear-gradient(135deg,#eef3ff,#f5f3ff);border-color:#e3e7f7}.chat-item b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item small{display:block;color:#9ba3af;font-size:12px;margin-top:3px}.drawer-empty{padding:18px 10px;color:#9ca5b2;font-size:13px;text-align:center}.drawer-bottom{border-top:1px solid rgba(232,234,240,.78);padding:9px 10px calc(9px + var(--safe))}.profile-row{height:48px;border:0;background:transparent;width:100%;display:flex;align-items:center;gap:9px;border-radius:11px;padding:0 8px;text-align:left}.avatar{width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#dfe6ff,#e7dcff);color:#514fd0;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.profile-copy{flex:1}.profile-row b{font-size:14px;display:block}.profile-row small{font-size:12px;color:#98a2b3}.chev{color:#98a2b3}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a111e61;z-index:70;display:none;align-items:flex-end}.sheet-mask.open{display:flex}.sheet{width:100%;max-height:88%;background:#fff;border-radius:24px 24px 0 0;overflow:hidden}.sheet-head{padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.sheet-head h3{font-size:16px;margin:0}.sheet-close{width:32px;height:32px;border:0;border-radius:10px;background:#f2f4f8;color:#687386;display:grid;place-items:center}.sheet-scroll{max-height:72vh;overflow-y:auto;padding:14px 14px calc(18px + var(--safe))}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.app-tile{border:1px solid #e7eaf2;background:linear-gradient(180deg,#fff,#fbfcff);border-radius:15px;padding:12px 6px 10px;text-align:center;min-height:108px}.app-tile b{display:block;font-size:13px}.app-tile small{display:block;color:#98a2b3;font-size:11px;margin-top:4px}.tile-ico{width:36px;height:36px;margin:0 auto 8px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#eef3ff,#e8e4ff);color:#4664e8}.app-tile:nth-child(2) .tile-ico{background:linear-gradient(145deg,#fff0e8,#ffe8d9);color:#cf6f25}.app-tile:nth-child(3) .tile-ico{background:linear-gradient(145deg,#eaf7ff,#edf0ff);color:#3679d9}.app-tile:nth-child(4) .tile-ico{background:linear-gradient(145deg,#e8f8f1,#e1f4ed);color:#168665}.app-tile:nth-child(5) .tile-ico{background:linear-gradient(145deg,#fff4dc,#fff0bd);color:#b57a14}.app-tile:nth-child(6) .tile-ico{background:linear-gradient(145deg,#f2ebff,#ece9ff);color:#7753da}.file-option{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;text-align:left;margin-bottom:8px}.file-option b{display:block;font-size:14px}.file-option small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.profile-fields{display:grid;gap:10px;margin-top:8px}.profile-fields label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.profile-fields input{height:40px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font-size:14px}.toast{position:absolute;left:50%;bottom:88px;transform:translate(-50%);z-index:80;margin:0;padding:8px 14px;border-radius:999px;background:#1b2436;color:#fff;font-size:13px}.call-stage,.result-page{position:fixed;top:0;right:0;bottom:0;left:0;max-width:430px;margin:0 auto;z-index:40;background:var(--bg)}.call-stage.hidden,.result-page.hidden{display:none}.call-stage{display:flex;flex-direction:column;background:radial-gradient(circle at 18% 8%,rgba(103,130,255,.3),transparent 28%),radial-gradient(circle at 84% 25%,rgba(159,111,255,.27),transparent 31%),linear-gradient(180deg,#eef3ff,#f8f7ff 42%,#fafbff)}.call-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:calc(10px + env(safe-area-inset-top)) 8px 0}.call-title{text-align:center}.call-title b{display:block;font-size:16px}.call-title small{color:var(--muted);font-size:12px}.call-persona{text-align:center;padding:18px 16px 8px}.customer-avatar-wrap{width:92px;height:92px;margin:0 auto 12px;position:relative;display:grid;place-items:center;--level: .28}.pulse-ring{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid rgba(79,120,255,.28);transform:scale(calc(.92 + var(--level) * .18))}.pulse-ring.r2{top:-18px;right:-18px;bottom:-18px;left:-18px;opacity:.45}.customer-avatar{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#4779ff,#765cf7);color:#fff;font-size:28px;font-weight:800;position:relative;z-index:1}.call-persona h2{margin:0 0 4px;font-size:20px}.call-persona .role{margin:0;color:var(--muted);font-size:13px}.call-timer{margin:10px 0 0;font-size:13px;color:#4d62dd}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e54b55;margin-right:4px}.transcript-wrap{flex:1;min-height:0;padding:8px 14px 110px}.transcript-card{height:100%;overflow:auto;background:#ffffffd1;border:1px solid #e7eaf2;border-radius:16px;padding:12px}.transcript-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:8px}.wrap-banner{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#eef2ff;color:#334155;display:grid;gap:4px}.wrap-banner b{font-size:14px}.wrap-banner span{font-size:12px;color:var(--muted)}.call-stage.wrapping .live-dot{background:#9aa3b5}.call-control:disabled{opacity:.4}.caption{margin:8px 0;font-size:14px;line-height:1.5}.caption-who{display:block;font-size:12px;color:var(--muted)}.call-hint,.listening{font-size:13px;color:var(--muted);margin:8px 0 0}.call-controls{position:absolute;left:0;right:0;bottom:0;padding:16px 22px calc(14px + var(--safe));display:flex;justify-content:center;gap:28px;align-items:flex-end}.call-control{border:0;background:transparent;text-align:center;color:#69758a;font-size:12px}.control-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#eef1f7;color:#445066;margin:0 auto 6px}.call-control.active .control-circle{background:#e8edff;color:#4d62dd}.call-control.hangup .control-circle{background:#e54b55;color:#fff}.phone-rotate{transform:rotate(135deg)}.result-page{display:flex;flex-direction:column;background:linear-gradient(180deg,#f8faff,#f9fafc);overflow-y:auto;padding-bottom:24px}.page-head{height:50px;padding:0 13px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0}.page-head h2{font-size:16px;margin:0}.back{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center}.card{background:#fff;border:1px solid var(--line);border-radius:15px}.score{margin:12px 14px;padding:16px;display:flex;align-items:center;gap:14px}.score-num{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--pct, 0) * 1%),#eceff5 0);position:relative;flex:0 0 auto}.score-num:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;background:#fff;border-radius:50%}.score-num b{z-index:1;font-size:22px}.score-copy h3{font-size:16px;margin:0 0 6px}.score-copy p{font-size:13px;color:#667085;margin:0}.report-card{margin:8px 14px;padding:14px}.report-card h4{font-size:14px;margin:0 0 8px}.report-line{padding:8px 0;border-top:1px solid #f0f1f4}.report-line:first-of-type{border-top:0;padding-top:0}.report-line b{font-size:14px}.report-line p{font-size:13px;color:#667085;line-height:1.5;margin:4px 0 0}.result-transcript{max-height:42vh;overflow:auto}.result-transcript .caption:first-child{margin-top:0}.report-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px;margin:12px 14px}.primary,.secondary{min-height:44px;border-radius:12px;border:0;font-size:15px}.primary{background:linear-gradient(135deg,#4078ff,#675cf4);color:#fff}.secondary{background:#eef1f7;color:var(--ink)}body.stage-open .app,body.result-open .app{visibility:hidden}.hidden{display:none!important}.scenario-picker{width:min(100%,360px);margin:28px auto 0;text-align:left}.market-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.market-tabs button{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:40px}.market-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));border-color:transparent}.scenario-cards{display:grid;gap:10px}.scenario-card{display:grid;gap:6px;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.scenario-card b{font-size:16px}.scenario-card small{color:var(--muted);line-height:1.45}.scenario-brief{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.scenario-brief h2,.scenario-brief p{margin:0 0 10px}.brief-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:8px}.brief-actions .start-drill{margin-top:0;min-width:0}