:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172950;background:#f6f9ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}#app{min-height:100dvh}.shell{min-height:100dvh;max-width:520px;margin:auto;background:#fff;box-shadow:0 0 90px rgba(40,78,150,.09);position:relative;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:4;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid #e9eef8;padding:14px 20px 12px;display:flex;gap:12px;align-items:center}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.05em;font-size:23px;color:#1e60df}.brandmark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#2367ed;color:#fff;font-size:17px;letter-spacing:-.09em}.topcenter{min-width:0;flex:1}.topname{font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topsub{font-size:11px;color:#8493ac;margin-top:2px}.iconbtn{border:0;background:#f1f5fc;color:#3d5b8d;border-radius:12px;width:36px;height:36px;display:grid;place-items:center;font-size:18px}.balance{background:#f2f6ff;border:1px solid #e4ecff;padding:7px 10px;border-radius:12px;text-align:right;white-space:nowrap}.balance small{display:block;color:#7890b4;font-size:10px}.balance strong{font-size:14px;color:#235cc8}.scroller{flex:1;overflow:auto;padding:20px 20px 170px;scroll-behavior:smooth}.hero{padding:15px 3px 24px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#7193d0;font-size:10px}.hero h1{font-size:31px;line-height:1.09;letter-spacing:-.055em;margin:10px 0 12px;color:#142a53}.hero p{font-size:15px;line-height:1.55;color:#677b9d;margin:0}.softcard{border:1px solid #e5ecfa;background:#f9fbff;border-radius:22px;padding:18px;margin:12px 0;box-shadow:0 8px 25px rgba(39,78,155,.025)}.softcard h2{font-size:17px;letter-spacing:-.025em;margin:0 0 7px}.softcard p{font-size:13px;line-height:1.48;color:#70819f;margin:0}.clientrow{display:flex;gap:12px;align-items:center;border:1px solid #e8eef9;background:white;border-radius:18px;padding:14px;width:100%;text-align:left;margin:10px 0}.avatar{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#e4eeff,#cadeff);color:#2465dd;font-weight:800}.clientrow .info{flex:1;min-width:0}.clientrow strong{display:block;color:#213759}.clientrow small{display:block;margin-top:4px;color:#8494af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{color:#a0b3d2;font-size:23px}.addrow{border:1px dashed #bad0f7;color:#2765d9;background:#f8fbff;justify-content:center;font-weight:700}.bottom{position:sticky;bottom:0;z-index:3;background:linear-gradient(to bottom,rgba(255,255,255,.84),#fff 28%);border-top:1px solid #edf1f8;padding:17px 20px calc(17px + env(safe-area-inset-bottom))}.primary{border:0;background:#2367ed;color:#fff;border-radius:17px;padding:16px 19px;font-weight:760;letter-spacing:-.01em;width:100%;box-shadow:0 9px 19px rgba(35,103,237,.18);display:flex;align-items:center;justify-content:center;gap:10px}.primary:hover{background:#1656d4}.secondary{border:1px solid #d5e1f7;background:white;color:#326bd3;border-radius:15px;padding:13px 16px;font-weight:700}.linkbutton{border:0;background:none;color:#3d70d5;font-weight:700;padding:8px}.muted{color:#8492aa;font-size:12px}.date-sep{display:flex;align-items:center;gap:10px;color:#8b9bb5;font-size:11px;margin:26px 0 15px}.date-sep:before,.date-sep:after{content:"";height:1px;background:#e9edf5;flex:1}.report{margin:0 0 11px 30px;background:#eaf2ff;border-radius:20px 20px 5px 20px;padding:17px 17px 15px;color:#2a426b;position:relative;font-size:13px;line-height:1.52;white-space:pre-wrap}.reporthead{font-weight:750;color:#3366bd;font-size:12px;margin-bottom:7px;display:flex;justify-content:space-between;gap:5px}.xbtn{border:0;background:transparent;color:#8ea3c7;font-size:18px;padding:0 0 0 8px;line-height:1}.picture{border:1px solid #dfe9fa;background:#fff;border-radius:20px 20px 20px 5px;padding:18px;margin:0 28px 8px 0;box-shadow:0 10px 28px rgba(37,82,164,.06)}.picture .eyebrow{display:flex;align-items:center;gap:6px}.spark{font-size:17px;color:#3876f0}.picture h2{font-size:19px;letter-spacing:-.035em;margin:10px 0;color:#213456}.picture p{font-size:13px;line-height:1.55;color:#455c7e;margin:0}.pictureblock{padding-top:13px;margin-top:14px;border-top:1px solid #eef2f9}.pictureblock strong{display:block;font-size:11px;color:#4c72b3;margin-bottom:6px}.pictureblock p{font-size:13px}.emptychat{padding-top:64px;text-align:center}.orbit{width:84px;height:84px;border-radius:50%;margin:0 auto 22px;background:radial-gradient(circle at 50% 50%,#fff 19%,#b8d2ff 20%,#edf4ff 60%,#fff 61%);box-shadow:0 0 0 12px #f5f9ff,0 0 0 27px #fafcff;display:grid;place-items:center;color:#2d6fee;font-size:30px}.emptychat h2{font-size:24px;letter-spacing:-.04em}.emptychat p{max-width:300px;margin:0 auto;color:#7b8dab;font-size:14px;line-height:1.5}.panel{padding:22px 20px 160px;overflow:auto;flex:1}.panel h1{font-size:27px;letter-spacing:-.05em;margin:15px 0 7px}.panel>p{font-size:14px;color:#788aa8;line-height:1.5;margin:0 0 22px}.field{margin:16px 0}.field label{display:block;font-weight:700;font-size:12px;margin:0 0 8px;color:#405a86}.field input,.field textarea,.field select{width:100%;border:1px solid #dce6f7;background:#fbfcff;color:#1b3156;border-radius:14px;padding:14px;outline:none;min-height:48px}.field textarea{min-height:82px;resize:vertical}.field :focus{border-color:#5890f3;box-shadow:0 0 0 3px #e7f0ff}.approaches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.approach{border:1px solid #dce6f7;background:#fbfcff;padding:13px 5px;border-radius:14px;color:#5b6e8d;font-size:12px;font-weight:700}.approach.selected{border-color:#2d70ed;background:#eaf2ff;color:#2365d9}.hint{background:#f5f8ff;border-radius:15px;padding:13px 15px;color:#7389ab;font-size:12px;line-height:1.45}.recordlead{text-align:center;padding:15px 0 19px}.recordlead .eyebrow{color:#3a77ed}.recordlead h1{font-size:28px;letter-spacing:-.05em;margin:7px 0}.recordlead p{font-size:13px;color:#8293af;margin:0}.timer{font-size:49px;font-weight:750;letter-spacing:-.065em;text-align:center;color:#234780;font-variant-numeric:tabular-nums;margin:12px 0 3px}.timerbar{height:6px;background:#e7efff;border-radius:8px;overflow:hidden;margin:0 15px 18px}.timerbar span{display:block;height:100%;background:linear-gradient(90deg,#5ba2ff,#2267ed);width:0%;transition:width .5s}.cue{display:flex;gap:14px;padding:14px 13px;border-radius:16px;color:#8ca0bc;transition:.2s;margin:5px 0}.cue.active{background:#edf4ff;color:#245bc1}.cue.done{opacity:.55}.cue-index{width:25px;height:25px;flex:none;border-radius:50%;border:1px solid #cbd9f2;display:grid;place-items:center;font-size:11px;font-weight:800}.cue.active .cue-index{background:#296dea;border-color:#296dea;color:white}.cue-text strong{font-size:13px;display:block}.cue-text small{display:block;line-height:1.4;margin-top:3px}.recordfoot{text-align:center;color:#97a6bd;font-size:11px;margin:12px 0}.mic{width:72px;height:72px;border-radius:50%;border:0;background:#246bec;color:#fff;display:grid;place-items:center;margin:21px auto 5px;box-shadow:0 0 0 12px #e6f0ff,0 10px 25px #90b4f4;font-size:28px}.mic.live{background:#f05c65;box-shadow:0 0 0 12px #ffe8eb,0 10px 25px #f7a9b1;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 19px #ffeff1,0 10px 25px #f7a9b1}}.overlay{position:fixed;inset:0;background:rgba(14,29,58,.32);z-index:20;display:grid;place-items:center;padding:18px}.modal{background:white;border-radius:23px;padding:24px;width:min(100%,380px);box-shadow:0 25px 60px #1b376340}.modal h2{font-size:23px;margin:0 0 8px;letter-spacing:-.04em}.modal p{font-size:14px;line-height:1.5;color:#6f829f}.modal .primary{margin-top:15px}.error{background:#fff1f1;color:#ad404b;border-radius:12px;padding:11px 13px;font-size:12px;margin:12px 0}.success{color:#4c71a6}.spinner{width:31px;height:31px;border:3px solid #dce9ff;border-top-color:#2670ec;border-radius:50%;animation:spin .8s linear infinite;margin:12px auto}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:650px){body{padding:18px}.shell{height:calc(100dvh - 36px);min-height:620px;border-radius:28px;overflow:hidden;border:1px solid #e5ebf7}.overlay{border-radius:0}}
:root{--brand-blue:#2367ed}
.top .brand{font-size:22px;letter-spacing:-.045em;white-space:nowrap}
.topcenter{flex:1}
.intro{padding:5px 2px 18px}
.intro p{font-size:16px;line-height:1.45;color:#526b92;margin:0 0 10px;max-width:420px}
.intro p:first-child{font-weight:650;color:#213b67}
.intro p:last-child{color:#2264df;font-weight:750;margin-bottom:0}
.demo-steps{margin:14px 0 20px;padding:5px 0 5px 12px;border-left:2px solid #e5edfc}
.demo-step{display:flex;gap:13px;align-items:flex-start;padding:10px 0}
.demo-step>span{width:27px;height:27px;flex:none;border-radius:9px;background:#eaf2ff;color:#2367ed;display:grid;place-items:center;font-size:12px;font-weight:800}
.demo-step strong{display:block;color:#253d66;font-size:14px;margin:1px 0 3px}
.demo-step small{display:block;color:#7489a9;font-size:12px;line-height:1.4}
.demo-client{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid #e7eefb;border-radius:16px;background:#fafcff}
.demo-client small{color:#8295b1;font-size:11px}
.demo-client strong{color:#284677;font-size:14px}
.permission-help{margin:2px 0 18px;padding:22px 19px;border:1px solid #dce8fa;border-radius:23px;background:linear-gradient(150deg,#f3f8ff,#fff 55%);color:#223a60;box-shadow:0 12px 28px #2d68c30d}
.permission-label{display:inline-block;padding:6px 10px;border-radius:20px;background:#e5efff;color:#326bd0;font-size:11px;font-weight:800;letter-spacing:.02em}
.permission-help h1{font-size:27px;line-height:1.12;letter-spacing:-.045em;margin:15px 0 9px;color:#1d3560}
.permission-lead{font-size:13px;line-height:1.5;color:#607797;margin:0 0 17px}
.permission-device{font-size:12px;font-weight:800;color:#3965a9;padding:11px 0;border-top:1px solid #e3ebf7;border-bottom:1px solid #e3ebf7}
.permission-steps{list-style:none;padding:0;margin:4px 0 0}
.permission-steps li{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #edf2f9;font-size:13px;line-height:1.48;color:#354d70}
.permission-step-number{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:9px;background:#e9f1ff;color:#2e67cc;font-size:12px;font-weight:800}
.permission-source{display:inline-block;margin-top:17px;color:#3369c3;font-size:12px;font-weight:700;text-decoration:none}
.permission-source:hover{text-decoration:underline}
.subnav{display:flex;align-items:center;gap:12px;margin:0 0 22px}
.subnav .iconbtn{flex:none}
.subnav strong{display:block;font-size:16px;color:#203b66}
.subnav small{display:block;font-size:11px;color:#8a9ab4;margin-top:3px}
.record-main{flex:1;min-height:0;overflow:auto;padding:20px 20px 14px}
.record-intro{padding:6px 4px 22px}
.record-intro .eyebrow{color:#4f83e9}
.record-intro h1{font-size:34px;line-height:1.04;letter-spacing:-.055em;color:#172e58;margin:10px 0 12px}
.record-intro p{max-width:370px;color:#6b7f9f;font-size:14px;line-height:1.5;margin:0}
.record-guide{border:1px solid #dae8ff;border-radius:22px;background:linear-gradient(145deg,#f3f8ff,#fff 62%);padding:16px 15px 10px;box-shadow:0 12px 26px #356fc20b}
.guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#43669c;font-size:12px}
.guide-top strong{font-size:13px;color:#234b8b}
.guide-top span{background:#e7f0ff;border-radius:20px;padding:5px 9px;color:#497bd0;font-size:10px;font-weight:750}
.record-progress{display:flex;justify-content:space-between;align-items:baseline;margin:15px 5px 8px;color:#9aaccc;font-variant-numeric:tabular-nums;font-weight:700;font-size:15px}
.record-progress strong{font-size:29px;letter-spacing:-.05em;color:#275dc2}
.record-guide .timerbar{margin:0 4px 14px;height:5px}
.record-guide .cue{margin:2px 0;padding:9px 8px;gap:10px}
.record-guide .cue-text strong{font-size:12px}
.record-guide .cue-text small{font-size:11px;margin-top:2px}
.record-guide .cue-index{width:23px;height:23px}
.record-bottom{flex:none;border-top:1px solid #edf2fa;background:#fff;padding:8px 20px calc(10px + env(safe-area-inset-bottom));text-align:center;box-shadow:0 -9px 20px #4c78bd08}
.record-bottom .mic{width:65px;height:65px;margin:5px auto 9px;font-size:26px;box-shadow:0 0 0 8px #eaf2ff,0 7px 17px #9bbcf4}
.record-bottom .mic.live{box-shadow:0 0 0 8px #ffe8eb,0 7px 17px #f7a9b1}
.record-bottom .recordfoot{margin:5px 0 1px;font-size:11px;color:#8b9ab1}
.record-bottom .linkbutton{font-size:11px;padding:7px 5px 1px}
.record-bottom .retry{width:100%;margin-top:9px;padding:10px;font-size:12px}
.record-intro{padding:0 3px 16px}
.record-intro h1{font-size:32px;line-height:1.08;margin:0;letter-spacing:-.05em}
.time-card{border:1px solid #d6e5ff;background:linear-gradient(120deg,#eaf3ff,#f8fbff);border-radius:20px;padding:13px 17px 15px;margin-bottom:12px}
.time-card .record-progress{margin:0 1px 9px}
.time-card .record-progress strong{font-size:38px;color:#2367ed}
.time-card .record-progress span{font-size:17px;color:#8fa8d0}
.time-card .timerbar{margin:0;height:6px;background:#d8e6fb}
.record-guide{padding:16px 15px 10px;background:#fff;border-color:#e3ebf7;box-shadow:none}
.record-guide .guide-top{margin:0 6px 8px}
.record-guide .cue{padding:10px 8px}
.record-bottom{padding:13px 20px calc(13px + env(safe-area-inset-bottom))}
.record-button{width:100%;min-height:61px;display:flex;align-items:center;justify-content:center;gap:11px;border:0;border-radius:17px;background:#2367ed;color:white;font-weight:780;font-size:16px;box-shadow:0 9px 20px #2367ed36}
.record-button.live{background:#e75261;box-shadow:0 9px 20px #e7526130}
.record-bottom .recordfoot{margin-top:9px}
.record-guide .cue{color:#435777;background:transparent;opacity:1;transition:none}
.record-guide .cue-index{background:#f3f6fb;border-color:#dce5f2;color:#7185a3}
.list-title{font-size:24px;letter-spacing:-.04em;margin:2px 2px 18px;color:#213759}
.demo-own{display:block;width:100%;border:0;background:transparent;color:#3168c6;font-size:13px;font-weight:700;padding:15px 10px;margin:3px 0 75px}
.more-fields{border-top:1px solid #e8eef8;margin:20px 0 8px;padding-top:4px}
.more-fields summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:14px 2px;color:#4771ae;font-size:13px;font-weight:700}
.more-fields summary::-webkit-details-marker{display:none}
.more-fields summary::after{content:'⌄';font-size:19px;font-weight:400;line-height:1}
.more-fields[open] summary::after{transform:rotate(180deg)}
.more-fields .field{margin:13px 0}
.report details summary{list-style:none;cursor:pointer;color:#456da9;font-size:12px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:8px}
.report details summary::-webkit-details-marker{display:none}
.report details summary::after{content:'⌄';font-size:18px;line-height:1}
.report details[open] summary::after{transform:rotate(180deg)}
.report-body{margin-top:10px;padding-top:9px;border-top:1px solid #d9e5f8;color:#2a426b;font-weight:400}