@font-face{font-family:Lexend;src:url(/app/fonts/lexend.woff2) format("woff2");font-weight:100 900;font-display:block}:root{--p: #2c4396;--pd: #1e2f6b;--pt: #e9edf9;--ptb: #b5c0e5;--bg: #f6f4ed;--sur: #ffffff;--ink: #1a1e2c;--mut-strong: #3f4453;--mut: #5a5f70;--line: #dcd8cb;--red: #d0271a;--red-text: #b02318;--facing-rec: #b32115;--facing-idle: #22262f;--green: #1d7a46;--green-text: #155c35;--green-tint: #e3f1e7;--green-border: #9ccbab;--amber-bg: #fdf0dc;--amber-border: #e8c48a;--amber-text: #6e3a03;--amber-icon: #b45309;--offline-dot: #f2b84b;--wave-idle: #c4bfb1;--mic-off: #9aa0b0;--scrim: rgba(20, 22, 32, .45);--scrim-heavy: rgba(20, 22, 32, .55);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Lexend,-apple-system,system-ui,sans-serif;font-weight:600;font-size:15px;line-height:1.35;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea{-webkit-user-select:text;user-select:text}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;pointer-events:none}button:focus-visible,input:focus-visible{outline:3px solid rgba(44,67,150,.45);outline-offset:1px}.screen{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg);padding-top:var(--safe-top)}.screen.no-safe-top{padding-top:0}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.pad{padding:16px}.padx{padding-left:16px;padding-right:16px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.grow{flex:1;min-width:0}.center{text-align:center;align-items:center;justify-content:center}.spacer{flex:1}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bottom-bar{border-top:1.5px solid var(--line);padding:10px 16px calc(14px + var(--safe-bottom));background:var(--bg);display:flex;flex-direction:column;gap:8px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--mut)}.h-hero{font-size:52px;font-weight:800;line-height:1.05}.h-greet{font-size:23px;font-weight:800}.h-title{font-size:19px;font-weight:800}.h-sec{font-size:15px;font-weight:700}.body-l{font-size:15px;font-weight:600}.body-m{font-size:13px;font-weight:600}.body-s{font-size:12px;font-weight:500}.muted{color:var(--mut)}.muted-strong{color:var(--mut-strong)}.c-pd{color:var(--pd)}.c-green{color:var(--green-text)}.c-amber{color:var(--amber-text)}.c-red{color:var(--red-text)}.link{text-decoration:underline;font-size:13px;font-weight:700;color:var(--pd);padding:8px}.link.muted{color:var(--mut)}.wo{font-weight:500;opacity:.8;font-size:.85em}.card{background:var(--sur);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 1px 3px #1a1e2c12}.card.hero{border-radius:20px}.tint-card{background:var(--pt);border:1.5px solid var(--ptb);border-radius:16px;padding:14px 16px;color:var(--pd)}.banner{border-radius:15px;padding:12px 14px;font-size:13.5px;font-weight:700}.banner.amber{background:var(--amber-bg);border:1.5px solid var(--amber-border);color:var(--amber-text)}.banner.green{background:var(--green-tint);border:1.5px solid var(--green-border);color:var(--green-text)}.banner .sub{font-weight:500;font-size:13px;margin-top:3px}.banner.indigo{background:var(--p);color:#fff;font-weight:500;font-size:14px;border-radius:16px;padding:14px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;white-space:nowrap}.pill.green{background:var(--green-tint);color:var(--green-text)}.pill.amber{background:var(--amber-bg);color:var(--amber-text);border:1.5px solid var(--amber-border)}.pill.neutral{background:var(--bg);color:var(--mut);border:1.5px solid var(--line)}.pill.indigo{background:var(--pt);color:var(--pd);border:1.5px solid var(--ptb)}.pill.on-primary{background:#ffffff29;color:#fff;font-weight:600;font-size:12.5px}.btn-primary{width:100%;min-height:56px;border-radius:15px;background:var(--p);color:#fff;font-size:17px;font-weight:700;box-shadow:0 4px 12px #00000029;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 14px;transition:transform .08s}.btn-primary:active{transform:scale(.985)}.btn-primary .sub{font-size:12px;font-weight:500;opacity:.85}.btn-green{width:100%;min-height:58px;border-radius:15px;background:var(--green);color:#fff;font-size:17px;font-weight:800;box-shadow:0 4px 12px #00000029}.btn-green:active{transform:scale(.985)}.btn-secondary{flex:1;width:100%;min-height:46px;border-radius:13px;background:var(--sur);border:1.5px solid var(--line);font-size:14.5px;font-weight:700;padding:6px 12px}.btn-secondary.inline{flex:none;width:auto;min-height:36px;font-size:12.5px;border-radius:10px;padding:0 12px}.btn-ink{width:100%;min-height:52px;border-radius:13px;background:var(--ink);color:#fff;font-size:15px;font-weight:700}.btn-back{width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--sur);font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.icon-btn{width:46px;height:46px;border-radius:13px;border:1.5px solid var(--line);background:var(--sur);display:flex;align-items:center;justify-content:center;flex:none}.icon-btn svg{width:22px;height:22px}.chip{min-height:44px;border-radius:12px;padding:0 15px;border:2px solid var(--line);background:var(--sur);color:var(--ink);font-weight:600;font-size:14.5px}.chip.sel{border-color:var(--p);background:var(--pt);color:var(--pd);font-weight:800}.big-opt{min-height:56px;border-radius:14px;border:2px solid var(--line);background:var(--sur);color:var(--ink);font-size:16.5px;font-weight:600;width:100%;padding:6px 10px}.big-opt.sel{border-color:var(--p);background:var(--pt);color:var(--pd);font-weight:800}.seg{flex:1;min-height:46px;border-radius:12px;border:2px solid var(--line);background:var(--sur);font-size:14.5px;font-weight:700}.seg.sel{background:var(--p);border-color:var(--p);color:#fff}.check-row{display:flex;align-items:center;gap:10px;padding:12px;width:100%;text-align:left;background:var(--sur);border:1.5px solid var(--line);border-radius:12px;font-size:13.5px;font-weight:600}.checkbox{width:27px;height:27px;border-radius:8px;border:2px solid var(--line);background:var(--sur);flex:none;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:14px}.checkbox.on{background:var(--p);border-color:var(--p)}.input{width:100%;min-height:50px;border-radius:13px;border:1.5px solid var(--line);background:var(--sur);padding:0 14px;font:inherit;font-size:16px;font-weight:600;color:var(--ink);display:flex;align-items:center;gap:6px}.input input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;color:inherit;height:48px}.input .prefix{color:var(--mut)}.subheader{display:flex;align-items:center;gap:12px;padding:12px 16px 8px}.subheader .title{font-size:19px;font-weight:800}.home-header{background:var(--p);color:#fff;border-radius:0 0 24px 24px;box-shadow:0 2px 10px #1a1e2c29;padding:calc(16px + var(--safe-top)) 16px 16px}.logo-box{width:27px;height:27px;border-radius:8px;background:#ffffff29;display:flex;align-items:center;justify-content:center}.conn-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff26;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700}.conn-dot{width:8px;height:8px;border-radius:50%;background:#fff}.conn-dot.off{background:var(--offline-dot)}.week-box{background:#ffffff26;border-radius:13px;padding:6px 12px;text-align:center}.bar{height:9px;border-radius:5px;background:var(--pt);overflow:hidden}.bar>i{display:block;height:100%;background:var(--p);border-radius:5px;transition:width .45s}.bar.green>i{background:var(--green)}.bar.thin{height:5px;border-radius:3px}.pips{display:flex;flex-wrap:wrap;gap:6px}.pip{width:23px;height:23px;border-radius:8px;border:1.5px dashed var(--ptb);background:#ffffffd9;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.pip.on{background:var(--p);border:0}.scrim{position:fixed;inset:0;background:var(--scrim);z-index:40;display:flex;flex-direction:column;justify-content:flex-end;animation:fade .2s ease-out}.scrim.heavy{background:var(--scrim-heavy)}.sheet{background:var(--sur);border-radius:22px 22px 0 0;padding:8px 16px calc(20px + var(--safe-bottom));animation:rise .25s ease-out;max-height:92%;overflow-y:auto}.sheet .handle{width:44px;height:5px;border-radius:3px;background:var(--line);margin:2px auto 12px}.toast{position:fixed;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);background:var(--ink);color:#fff;padding:11px 18px;border-radius:999px;font-size:13.5px;font-weight:700;box-shadow:0 8px 22px #0000004d;z-index:60;animation:rise .25s ease-out;max-width:calc(100% - 32px);text-align:center}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast{animation-name:toastRise}@keyframes toastRise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.rec-btn{width:94px;height:94px;border-radius:50%;background:var(--ink);border:5px solid #fff;box-shadow:0 8px 20px #00000047;display:flex;align-items:center;justify-content:center;transition:transform .08s}.rec-btn:active{transform:scale(.96)}.rec-btn.recording{background:var(--red);animation:pulseRed 1.3s ease-out infinite}.rec-btn svg{width:40px;height:40px}.rec-btn .stop-square{width:32px;height:32px;border-radius:9px;background:#fff}@keyframes pulseRed{0%{box-shadow:0 0 #d0271a80,0 8px 20px #00000047}to{box-shadow:0 0 0 26px #d0271a00,0 8px 20px #00000047}}.rec-timer{font-size:42px;font-weight:800;color:var(--red-text);letter-spacing:1px;text-align:center;font-variant-numeric:tabular-nums}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:46px}.wave i{width:5px;border-radius:3px;background:var(--red);transition:height .08s linear}.scenario{flex:1;min-height:0;position:relative}.scenario .card{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;border-radius:20px}.qc-overlay{position:absolute;top:10px;left:10px;right:10px;background:var(--amber-bg);border:2px solid var(--amber-border);border-radius:16px;padding:14px;text-align:center;box-shadow:0 8px 22px #00000024;color:var(--amber-text);z-index:2}.countdown{height:4px;border-radius:2px;background:var(--amber-border);overflow:hidden;margin-top:8px}.countdown>i{display:block;height:100%;background:var(--amber-icon);animation:shrink 3s linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}.facing{position:fixed;inset:0;z-index:30;color:#fff;display:flex;flex-direction:column;align-items:center;padding:calc(30px + var(--safe-top)) 24px calc(16px + var(--safe-bottom));background:var(--facing-idle)}.facing.rec{background:var(--facing-rec)}.facing .big-mic{width:150px;height:150px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.facing.rec .big-mic{background:#ffffff24;animation:pulseWhite 1.4s ease-out infinite}.facing .big-mic svg{width:66px;height:66px}@keyframes pulseWhite{0%{box-shadow:0 0 #ffffff59}to{box-shadow:0 0 0 30px #fff0}}.blink{animation:blink 1.1s infinite}@keyframes blink{0%,55%{opacity:1}70%,to{opacity:.12}}.scrubber{flex:1;height:38px;display:flex;align-items:center;gap:2px;position:relative;touch-action:none}.scrubber i{flex:1;border-radius:2px;background:var(--wave-idle)}.scrubber .head{position:absolute;top:0;bottom:0;width:3px;background:var(--pd);border-radius:2px}.play-btn{width:48px;height:48px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}.play-btn svg{width:20px;height:20px}.hold{position:relative;overflow:hidden;width:100%;min-height:52px;border-radius:14px;border:2px solid var(--line);background:var(--bg);font-size:15px;font-weight:700}.hold>i{position:absolute;left:0;top:0;bottom:0;background:var(--pt);width:0}.hold>span{position:relative}.ring-wrap{position:relative;width:112px;height:112px;flex:none}.ring-wrap .center-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.list-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--sur);border:1.5px solid var(--line);border-radius:15px;padding:10px 12px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--pt);color:var(--pd);font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.id-card{background:var(--p);color:#fff;border-radius:18px;padding:18px}.num-badge{width:26px;height:26px;border-radius:50%;background:var(--pt);color:var(--pd);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}.switch{width:52px;height:31px;border-radius:999px;background:var(--line);position:relative;flex:none;transition:background .15s}.switch:after{content:"";position:absolute;top:3.5px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .15s}.switch.on{background:var(--p)}.switch.on:after{left:24px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--pt);border-top-color:var(--p);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.splash{height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg)}