:root{--purple:#7061d7;--purple-dark:#5b4dc0;--ink:#252337;--muted:#858294;--line:#eae8f1;--green:#368870;--panel:#fff;--bg:#f8f8fb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 15% 10%,#e2d8f8 0,transparent 40%),radial-gradient(ellipse at 90% 85%,#cddfea 0,transparent 40%),#eeeef6;color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.15px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:.18s}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:3px solid #9c8ef0;outline-offset:3px}button{border:0;background:none;color:inherit}button:hover{filter:brightness(.97)}svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.2px;font-weight:650}h2{font-size:18px;letter-spacing:-.45px;font-weight:650}h3{font-size:14px;font-weight:600}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:10px;letter-spacing:.6px;text-transform:uppercase;font-weight:650}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:grid;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:9px;background:#fff;border:1px solid #e5e3ed;font-size:12px;font-weight:550;white-space:nowrap}.btn.primary{background:var(--purple);color:white;border-color:var(--purple);box-shadow:0 3px 7px #7061d71a}.btn.soft{background:#f0edf9;color:var(--purple-dark);border-color:transparent}.btn.danger{color:#b4545d;background:#fff3f3}.btn.icon{padding:9px}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:5px 8px;background:#f1eff9;color:#7a6cad;font-size:10px;font-weight:550;white-space:nowrap}.pill.green{background:#eaf5f0;color:#39856c}.pill.amber{background:#fcf3e3;color:#a77c2f}.pill.gray{background:#f0f0f4;color:#858291}.dot{height:6px;width:6px;border-radius:100%;background:currentColor;display:inline-block}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e8e2f7;color:#79649d;font-size:11px;font-weight:650;flex-shrink:0}.avatar.blue{background:#e6edf8;color:#6686b6}.menu-bar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:11px;color:#686078}.menu-bar b{color:#494157}.menu-bar .row{gap:22px}.app-window{margin:8px 24px 14px;min-height:0;height:calc(100dvh - 130px);display:grid;grid-template-columns:212px 1fr;border:1px solid #ffffffbc;border-radius:15px;overflow:hidden;background:#fafafd;box-shadow:0 25px 70px #5b527426,0 2px 4px #4941570c}.sidebar{background:linear-gradient(160deg,#f5f3f9ed,#f0eef6e8);border-right:1px solid #e5e2ed;display:flex;flex-direction:column;padding:22px 14px 16px;overflow:auto}.traffic{display:flex;gap:7px;padding:0 8px 26px}.traffic i{width:11px;height:11px;background:#fc6962;border-radius:50%;border:1px solid #d8615b44}.traffic i:nth-child(2){background:#f7c354}.traffic i:nth-child(3){background:#61c854}.brand{display:flex;align-items:center;gap:9px;padding:0 9px;font-size:21px;font-weight:650;letter-spacing:-.8px}.brand-mark{display:flex;align-items:center;justify-content:center;gap:3px;background:var(--purple);width:29px;height:29px;border-radius:9px;box-shadow:0 3px 6px #7562d530}.brand-mark i{width:3px;background:#fff;border-radius:3px;height:12px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:16px}.org{font-size:10px;color:#92899e;padding:9px 10px 26px;letter-spacing:.2px}.navlabel{padding:10px 12px 8px;color:#a4a0ae;font-size:9px;font-weight:650;letter-spacing:1.2px}.navitem{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:11px 12px;border-radius:8px;color:#7e798e;font-size:12px;margin:2px 0}.navitem svg{width:17px;height:17px}.navitem.active{background:#e7e2f4;color:#6d59ae;font-weight:600}.navitem .count{margin-left:auto;font-size:10px;min-width:19px;border-radius:5px;background:#ffffff80;text-align:center;padding:2px}.navbottom{margin-top:auto;padding-top:24px}.user{margin-top:16px;border-top:1px solid #e0dce8;padding:18px 7px 0;display:flex;align-items:center;gap:9px}.user strong{font-size:11px}.user span{display:block;font-size:10px;color:var(--muted);padding-top:3px}.main{min-width:0;overflow:auto;background:var(--bg)}.topbar{height:63px;padding:0 32px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#ffffff7a}.breadcrumb{font-size:11px;color:#92909e}.breadcrumb b{color:#595368;font-weight:500}.searchbox{display:flex;align-items:center;gap:8px;background:#f2f1f6;border:1px solid #ebe9f2;padding:8px 11px;border-radius:8px;width:220px}.searchbox svg{width:14px}.searchbox input{background:none;border:0;outline:0;width:100%;font-size:11px;color:var(--ink)}.searchbox kbd{font-size:9px;color:#9c97a7}.content{padding:30px 32px 34px;max-width:1500px;margin:auto}.page-head{margin-bottom:26px}.page-head p{color:var(--muted);font-size:12px;margin-top:7px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--purple);font-weight:600;margin-bottom:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:19px 20px}.stat .num{font-size:29px;font-weight:600;letter-spacing:-1px;margin:13px 0 8px}.stat .symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f2effb;color:#9380c8}.stat .small{font-size:11px;color:var(--muted)}.stat .foot{font-size:10px;color:#93909f}.stat .foot b{color:#669b84;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:23px}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.card-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h2{font-size:14px}.card-body{padding:0 22px 22px}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding:0 22px}.tab{padding:0 0 13px;font-size:11px;color:#96909f;border-bottom:2px solid transparent}.tab.active{color:var(--purple);border-color:var(--purple);font-weight:600}.table{width:100%;border-collapse:collapse;text-align:left}.table th{font-size:9px;text-transform:uppercase;color:#a29baa;font-weight:500;letter-spacing:.8px;padding:13px 20px;border-bottom:1px solid #f0eef4;background:#fcfbfd}.table td{padding:17px 20px;border-bottom:1px solid #f0eef4;font-size:11px;color:#8b8595}.table tr:last-child td{border:0}.table .title{color:#494256;font-size:11px;font-weight:550}.table .sub{font-size:10px;color:#a39aaa;margin-top:5px}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:#faf8ff}.doc-icon{width:31px;height:35px;background:#f3eff9;border-radius:7px;display:grid;place-items:center;color:#9584bb}.doc-icon svg{width:16px}.table .row{gap:11px}.arrow{color:#afa8bd}.link{color:var(--purple);font-size:11px;font-weight:500}.card-footer{padding:15px 22px;font-size:10px;color:#a29aaa;border-top:1px solid var(--line)}.welcome{background:linear-gradient(125deg,#eee9fb,#f4f2fc);border:1px solid #e7e1f4;border-radius:12px;padding:22px;margin-bottom:17px;position:relative;overflow:hidden}.welcome h2{font-size:17px;line-height:1.4;max-width:180px;margin:13px 0 9px}.welcome p{font-size:11px;color:#9589ab;margin-bottom:19px;max-width:205px}.welcome .orb{position:absolute;width:90px;height:90px;border:13px solid #b4a2dc33;border-radius:50%;right:-33px;top:42px}.activity{display:flex;gap:10px;margin:19px 0}.activity .ball{width:23px;height:23px;border-radius:50%;background:#edf5f0;color:#76a38b;display:grid;place-items:center;flex-shrink:0}.activity .ball svg{width:12px}.activity p{font-size:10px;color:#93899c;line-height:1.5}.activity strong{font-size:11px;color:#60596c;font-weight:500}.retention{display:flex;gap:10px;padding:16px 19px;border-radius:11px;background:#f4f2f8;color:#9589a6;font-size:10px;line-height:1.7;margin-top:17px}.retention svg{width:16px;margin-top:2px}.mini-chart{display:flex;gap:7px;align-items:end;height:87px;padding:8px 0 0}.bar-col{flex:1;text-align:center;color:#aea6b9;font-size:8px}.bar-col i{display:block;background:#dad2ef;border-radius:4px 4px 2px 2px;margin-bottom:8px}.bar-col:nth-child(5) i{background:#9c88ca}.chart-head{font-size:10px;color:#968b9f;margin:10px 0 3px}.bottom-note{display:flex;align-items:center;justify-content:space-between;padding-top:22px;color:#b0a9ba;font-size:9px;letter-spacing:.2px}.presenter{margin:0 24px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;height:57px;background:#ffffffa6;border:1px solid #ffffffc9;box-shadow:0 8px 20px #62507809;backdrop-filter:blur(20px);border-radius:12px;padding:9px 17px}.scene-icon{width:30px;height:30px;border-radius:8px;background:#ece7f7;color:#8c78ba;display:grid;place-items:center}.scene-info{font-size:10px;color:#8d829d}.scene-info strong{display:block;color:#5f526e;font-size:11px;margin-bottom:4px;font-weight:550}.scene-dots{display:flex;gap:5px}.scene-dots button{height:5px;width:19px;background:#dcd6e6;border-radius:4px;padding:0}.scene-dots button.active{background:#9380bd;width:30px}.presenter .btn{font-size:10px;padding:7px 10px}.time{font-variant-numeric:tabular-nums;color:#8d829d;font-size:11px}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.info-box{padding:15px 17px;background:#f4f1fb;color:#85749c;border:1px solid #e8e1f4;border-radius:10px;font-size:12px;line-height:1.65}.info-box.amber{background:#fff9ed;color:#a17a36;border-color:#f2e5cb}.info-box.green{background:#eff8f3;color:#598871;border-color:#dbece3}.mobile-stage{display:grid;grid-template-columns:minmax(300px,1fr) 1fr;gap:35px;align-items:center;padding:0 35px}.phone-wrap{display:flex;justify-content:center;position:relative}.phone{width:306px;min-height:570px;border:6px solid #282632;border-radius:43px;background:#faf9fd;box-shadow:0 20px 45px #51446b22,0 0 0 1px #615b6b;overflow:hidden;padding:15px 17px 24px;position:relative}.phone:after{content:"";height:4px;border-radius:4px;background:#302b3c;width:100px;position:absolute;bottom:8px;left:calc(50% - 50px)}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:650;padding:0 5px 26px}.phone-status:after{content:"";position:absolute;left:calc(50% - 40px);top:9px;background:#25232c;height:20px;width:80px;border-radius:18px}.phone h2{font-size:23px;letter-spacing:-.8px}.phone .small{font-size:10px}.phone .btn{font-size:11px;width:100%;margin-top:9px;padding:12px}.phone label{font-size:10px;color:#8d819b;display:block;margin:16px 0 7px}.phone input,.phone select{width:100%;border:1px solid #e6e0ed;border-radius:9px;background:white;padding:11px;color:#5d516c;font-size:11px}.phone-card{background:white;border:1px solid #eae5f1;border-radius:12px;padding:15px;margin-top:15px}.phone-card p{font-size:11px;color:#867a96}.phone .checkline{display:flex;align-items:start;gap:8px;font-size:11px;line-height:1.6;color:#70617e;margin:14px 0}.phone .checkline input{width:auto;accent-color:var(--purple);margin-top:4px}.phone-step{font-size:10px;color:var(--purple);margin-bottom:12px}.phone .back{padding:3px 0 15px;color:var(--purple);font-size:11px}.phone-caption{margin-top:15px;font-size:10px;color:#a092b0;text-align:center}.feature-copy .eyebrow{margin-bottom:14px}.feature-copy h1{font-size:36px;line-height:1.17;max-width:350px;margin-bottom:17px}.feature-copy>p{max-width:360px;font-size:13px;color:#96889f;margin-bottom:27px}.feature-point{display:flex;gap:13px;margin:23px 0;max-width:350px}.feature-point>span{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#eee9f8;color:#9982b6;flex-shrink:0}.feature-point h3{font-size:12px;margin-bottom:5px}.feature-point p{font-size:11px;color:#a092ac;line-height:1.6}.wave{display:flex;align-items:center;justify-content:center;gap:4px;height:90px;margin:18px 0;color:#a38ac9}.wave i{width:4px;border-radius:4px;background:currentColor;animation:wave 1.1s ease-in-out infinite alternate}.wave.paused i{animation-play-state:paused}.record-clock{font-size:38px;text-align:center;letter-spacing:1px;font-weight:300;padding-top:28px;font-variant-numeric:tabular-nums}.review-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.review-panel .card-head{border-bottom:1px solid var(--line)}.transcript{padding:20px;max-height:420px;overflow:auto}.utterance{padding:12px;border-radius:9px;margin-bottom:12px;border:1px solid transparent}.utterance.selected{border-color:#daceef;background:#f7f3fd}.utterance .speaker{font-size:10px;color:#9381aa;margin-bottom:9px}.utterance p{font-size:12px;line-height:1.75;color:#75677f}.utterance .stamp{float:right;color:#a498ad;font-size:10px}.utterance [contenteditable]{border-radius:5px;outline-offset:5px}.audio{border-top:1px solid var(--line);padding:15px 20px;display:flex;align-items:center;gap:12px;font-size:10px;color:#a495b2}.audio .line{height:3px;background:#e9e2f1;flex:1;border-radius:10px}.audio .line i{height:3px;background:#a18cbf;display:block;width:32%}.draft{padding:20px}.draft-section{margin-bottom:19px}.draft-section h3{font-size:11px;color:#766484;margin-bottom:8px}.draft-section textarea{width:100%;resize:vertical;min-height:65px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1.75;color:#82728e;background:#faf9fc;padding:10px}.draft-section textarea:focus{border-color:#c2b1df;outline:none;background:#fff}.source-link{font-size:9px;color:#a18ab9;display:inline-flex;align-items:center;gap:4px;margin-top:7px}.source-link svg{width:11px;height:11px}.review-actions{padding:17px 20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.flag{border:1px solid #ead8af;background:#fffaf0;padding:13px;border-radius:9px;font-size:11px;color:#a18650;line-height:1.6;margin-bottom:20px}.flag .btn{margin-top:10px;font-size:10px}.checkline{display:flex;align-items:start;gap:8px;font-size:11px;line-height:1.6;color:#887792}.checkline input{accent-color:var(--purple)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{padding:22px}.template-card h3{margin:16px 0 8px}.template-card p{font-size:11px;color:#a090ae;min-height:37px}.template-card .between{margin-top:20px}.template-card .icon-tile{background:#f0eafa;border-radius:10px;padding:10px;color:#aa91c5;display:inline-flex}.settings-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.policy{padding:18px 0;border-bottom:1px solid var(--line)}.policy:last-child{border:0}.policy p{font-size:11px;color:#a08daa;margin-top:5px}.toggle{width:33px;height:20px;border-radius:20px;background:#b2a0cf;position:relative}.toggle:after{content:"";height:16px;width:16px;border-radius:50%;background:white;position:absolute;top:2px;right:2px}.guide-shade{position:fixed;inset:0;z-index:20;background:#29203744;backdrop-filter:blur(6px);display:flex;justify-content:flex-end}.guide{width:430px;max-width:100%;background:#faf9fd;box-shadow:-10px 0 60px #42314922;overflow:auto;padding:30px}.guide h2{font-size:24px;margin:20px 0 9px}.guide p{color:#9b88a7;font-size:12px}.guide-scene{width:100%;text-align:left;padding:16px;border:1px solid #e8e1ee;border-radius:10px;margin-top:12px;background:white}.guide-scene.active{border-color:#bda6d6;background:#f5effc}.guide-scene strong{font-size:12px}.guide-scene p{font-size:11px;margin-top:7px}.modal-shade{position:fixed;inset:0;z-index:25;background:#29203744;backdrop-filter:blur(6px);display:grid;place-items:center;padding:25px}.modal{background:#fff;border:1px solid #f0e8f5;width:620px;max-width:100%;max-height:85vh;overflow:auto;border-radius:18px;box-shadow:0 30px 90px #38224630;padding:28px}.modal p{font-size:12px;color:#9c89a7;margin:12px 0}.modal input,.modal textarea,.modal select{width:100%;border:1px solid #e7deee;border-radius:8px;padding:12px;margin:8px 0 15px;color:#73617f;background:#fdfbff}.modal label{font-size:11px;color:#9a86a6}.modal textarea{min-height:120px;line-height:1.7;resize:vertical}.modal .btn{margin-top:12px}#toast{position:fixed;left:50%;bottom:88px;transform:translateX(-50%) translateY(30px);background:#3e344d;color:white;padding:13px 22px;border-radius:10px;box-shadow:0 10px 30px #39234822;opacity:0;pointer-events:none;z-index:50;font-size:12px;transition:.25s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.rollout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rollout-card{padding:25px}.rollout-card .big{font-size:35px;font-weight:300;color:#b09ac7;margin:20px 0}.rollout-card p{font-size:12px;color:#a18aaf;line-height:1.8}.callout-title{font-size:30px;letter-spacing:-1px;line-height:1.3;max-width:600px;margin:15px 0}.language-original{font-size:14px!important;color:#746582!important;margin:10px 0}.mode-segment{display:flex;padding:3px;border-radius:8px;background:#ece8f2}.mode-segment button{padding:7px 13px;border-radius:6px;font-size:11px;color:#9686a2}.mode-segment .active{background:white;color:#746080;box-shadow:0 1px 4px #58406b10}.full-width{width:100%}.hide{display:none!important}.empty{padding:45px;text-align:center;color:#9e8caa;font-size:12px}@keyframes wave{to{transform:scaleY(.4)}}@media(min-width:1600px){.content{padding-top:40px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.phone{width:330px;min-height:610px}.table td{padding-top:23px;padding-bottom:23px}}@media(max-width:1100px){.app-window{grid-template-columns:175px 1fr;margin:5px 12px 12px}.sidebar{padding-left:8px;padding-right:8px}.content{padding:25px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:1fr 245px;gap:15px}.stat{padding:15px}.table td,.table th{padding-left:13px;padding-right:13px}.searchbox{width:175px}.mobile-stage{padding:0;gap:24px}.feature-copy h1{font-size:29px}.presenter{margin-left:12px;margin-right:12px}.table .optional{display:none}}@media(max-width:850px){.app-window{grid-template-columns:65px 1fr}.sidebar{align-items:center}.brand{padding:0;font-size:0}.org,.navlabel,.navitem span,.user,.traffic,.navbottom .small{display:none}.navitem{justify-content:center;padding:12px}.navitem svg{width:20px;height:20px}.navbottom{margin-top:auto}.sidebar nav{margin-top:28px;width:100%}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:none}.searchbox{display:none}.scene-dots{display:none}.review-grid,.settings-grid{grid-template-columns:1fr}.mobile-stage{grid-template-columns:1fr}.feature-copy{display:none}.template-grid{grid-template-columns:repeat(2,1fr)}.rollout-grid{grid-template-columns:1fr}.presenter .time{display:none}}@media(max-width:550px){.menu-bar{padding:0 14px}.menu-bar .row span{display:none}.app-window{margin:2px 5px 8px;grid-template-columns:49px 1fr;height:calc(100dvh - 117px);min-height:0}.content{padding:20px 15px}.topbar{padding:0 15px;height:54px}.topbar .pill{display:none}.topbar .row{gap:6px}h1{font-size:24px}.page-head{align-items:start}.page-head .btn{padding:8px;font-size:10px}.stat .num{font-size:25px}.table .hide-mobile{display:none}.presenter{margin:0 5px 8px;padding:8px;gap:5px}.presenter .scene-icon,.presenter .notes-btn{display:none}.presenter .row{gap:6px}.scene-info{max-width:145px}.presenter .btn{padding:7px}.template-grid{grid-template-columns:1fr}.phone{width:280px}.stats{gap:10px}.sidebar{padding:18px 4px}.brand-mark{width:27px}.review-actions{flex-wrap:wrap}.split{grid-template-columns:1fr}}

a.btn{text-decoration:none}.table tr:focus-visible{outline:2px solid #a897d1;outline-offset:-3px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Independent, touch-first mobile application */
.mobile-mode{background:radial-gradient(ellipse at 20% 0,#ded4f6,transparent 55%),radial-gradient(ellipse at 90% 95%,#d4e5ec,transparent 45%),#efedf5;min-height:100dvh}.m-desktop-label{max-width:960px;margin:26px auto;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:10px;letter-spacing:1.5px;color:#9989af}.m-desktop-label a{color:#7b698e;text-decoration:none;letter-spacing:0;display:flex;gap:7px;align-items:center}.m-desktop-label svg{width:15px}.m-app{width:430px;max-width:100%;margin:0 auto;background:#fbfafd;border:1px solid #fff;border-radius:30px;box-shadow:0 30px 90px #5b43672b;overflow:hidden;position:relative;display:flex;flex-direction:column;height:calc(100dvh - 112px);min-height:540px}.m-header{display:flex;justify-content:space-between;align-items:center;height:76px;flex-shrink:0;padding:0 25px;border-bottom:1px solid #f0ebf4;background:#fdfcff}.m-wordmark{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-size:21px;letter-spacing:-.8px;font-weight:650}.m-wordmark>span{font-size:10px;color:#a497b1;align-self:end;margin-bottom:4px;letter-spacing:0;font-weight:400}.m-content{overflow:auto;padding:25px 24px 28px;flex:1;min-height:0}.m-greeting h1{font-size:35px;line-height:1.16;letter-spacing:-1.4px;margin:12px 0}.m-greeting p{font-size:13px;color:#9b8ca8;line-height:1.65}.m-hero{margin-top:23px;padding:22px;background:linear-gradient(145deg,#eee6fa,#f2effa 70%,#e9edf9);border:1px solid #e8dff4;border-radius:20px}.m-hero h2{font-size:24px;line-height:1.25;letter-spacing:-.8px;margin:18px 0 12px}.m-hero p{font-size:12px;color:#9785a7;margin-bottom:20px}.m-hero .btn{padding:14px;border-radius:12px;font-size:13px}.m-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.m-stats button{border:1px solid #ebe5f1;border-radius:15px;padding:17px;text-align:left;background:white}.m-stats strong{font-size:27px;font-weight:600;display:block;letter-spacing:-1px}.m-stats span{display:block;font-size:11px;color:#9a8ba6;margin-top:5px}.m-list{border:1px solid #ece7f1;border-radius:15px;overflow:hidden;background:#fff}.m-session{display:flex;align-items:center;width:100%;padding:18px 14px;gap:11px;text-align:left;border-bottom:1px solid #f0ebf4}.m-session:last-child{border:0}.m-session>div:nth-child(2){flex:1;min-width:0}.m-session strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.m-session span:not(.pill){display:block;color:#a193ac;font-size:10px;margin:5px 0 9px}.m-session>svg{width:15px;color:#b5a7bf}.m-session .pill{font-size:9px}.m-tabbar{height:74px;flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 12px 12px;border-top:1px solid #eae4f1;background:#ffffffed;backdrop-filter:blur(18px)}.m-tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a295b0;font-size:9px;border-radius:11px}.m-tabbar button.active{color:#7e63bf;background:#f2edf9}.m-tabbar svg{width:21px;height:21px}.m-outside-note{text-align:center;color:#a398af;font-size:10px;margin:17px 0}.m-footnote{margin-top:24px;font-size:10px;color:#a89ab3;display:flex;align-items:center;justify-content:center;gap:7px}.m-footnote svg{width:14px}.m-back{display:flex;align-items:center;gap:4px;color:#9a84b7;font-size:12px;padding:0 0 22px}.m-back svg{width:15px}.m-content .page-head{display:block}.m-content .page-head h1{font-size:26px;line-height:1.2}.m-content .page-head>.row{margin-top:16px}.m-content .page-head>.btn{margin-top:14px}.m-content .mobile-stage{display:block;padding:0}.m-content .feature-copy,.m-content .phone-caption,.m-content .phone-status,.m-capture>.page-head,.m-capture>.mobile-stage>.feature-copy{display:none}.m-content .mobile-stage .phone-wrap{display:block}.m-content .phone{border:0;background:transparent;box-shadow:none;padding:0;width:100%;border-radius:0;min-height:0}.m-content .phone:after{display:none}.m-content .phone h2{font-size:30px}.m-content .phone p.small{font-size:12px}.m-content .phone label{font-size:12px;margin-top:22px}.m-content .phone input,.m-content .phone select{font-size:14px;padding:14px;border-radius:11px}.m-content .phone .btn{font-size:13px;padding:14px;border-radius:11px;margin-top:12px}.m-content .phone .phone-card{padding:19px}.m-content .phone-card p{font-size:13px;line-height:1.8}.m-content .phone .checkline{font-size:12px}.m-content .phone-step{font-size:10px;letter-spacing:.8px}.m-content .phone .checkline input{width:auto;margin-top:4px}.m-capture .page-head h1{font-size:23px}.m-capture .page-head{display:none}.m-content .record-clock{padding-top:40px;font-size:49px}.m-content .wave{height:110px}.m-content .settings-grid,.m-content .review-grid,.m-content .split{display:block}.m-content .settings-grid>*,.m-content .review-grid>*,.m-content .split>*{margin-bottom:18px}.m-content .card-head{padding:17px 15px}.m-content .card-body{padding:0 17px 20px}.m-content .draft,.m-content .transcript{padding:15px}.m-content .transcript{max-height:340px}.m-content .draft-section textarea{font-size:13px;min-height:100px}.m-content .review-actions{flex-wrap:wrap}.m-content .review-panel .card-head h2{font-size:13px}.m-content .info-box{font-size:12px}.m-content .small{font-size:11px}.mobile-mode #toast{bottom:100px;max-width:370px;width:calc(100% - 42px);text-align:center}.mobile-mode .modal{max-width:410px}.mobile-mode .guide{max-width:430px}@media(max-width:550px){.m-desktop-label,.m-outside-note{display:none}.m-app{width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.m-header{height:70px;padding-top:env(safe-area-inset-top)}.m-content{padding:24px}.m-tabbar{height:calc(74px + env(safe-area-inset-bottom));padding-bottom:calc(12px + env(safe-area-inset-bottom))}.mobile-mode{background:#fbfafd}.m-content .phone{width:100%}}

/* Standalone workspaces */
body{background:#f5f4f9}.app-window{margin:0;width:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.sidebar{padding-top:30px}.brand{margin-bottom:3px}.m-app{margin:24px auto;height:calc(100dvh - 48px)}.m-content .phone-status{display:none}@media(max-width:550px){.app-window{margin:0;height:100dvh}.m-app{margin:0;height:100dvh}}

body:not(.mobile-mode) .mobile-stage{display:block;max-width:650px;margin:0 auto}body:not(.mobile-mode) .feature-copy,body:not(.mobile-mode) .phone-status,body:not(.mobile-mode) .phone-caption{display:none}body:not(.mobile-mode) .phone{width:100%;border:1px solid var(--line);border-radius:16px;box-shadow:none;background:white;padding:28px;min-height:0}body:not(.mobile-mode) .phone:after{display:none}
/* Focused mobile workflow */
.ux-title{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:8px 0 12px}.ux-sub{font-size:14px;color:#8b7c98;line-height:1.65;margin-bottom:26px}.ux-steps{display:flex;justify-content:space-between;margin:0 0 28px;gap:8px}.ux-steps span{display:flex;align-items:center;gap:6px;font-size:11px;color:#b5aabe}.ux-steps i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#eeebf3}.ux-steps .on{color:#7f66b6}.ux-steps .on i{background:#e9e0f6}.ux-label{display:block;margin:22px 0 9px;font-size:13px;font-weight:550}.ux-input{width:100%;border:1px solid #e4ddec;border-radius:12px;padding:15px;background:white;color:#55475f;font-size:15px;min-height:50px}.ux-details{margin:24px 0;border:1px solid #ebe5f1;border-radius:12px;padding:16px}.ux-details summary{font-size:13px;cursor:pointer;color:#7f6b90}.ux-details summary span{float:right;color:#b0a0ba;font-size:11px}.ux-hint{font-size:12px;color:#8c7b9b;line-height:1.8;padding:16px;background:#f2edf8;border-radius:12px}.ux-hint span{margin-left:24px;font-size:11px}.ux-actions{position:sticky;bottom:-28px;background:linear-gradient(#fbfafd00,#fbfafd 12%);padding:24px 0 12px;display:grid;gap:10px;margin-top:20px;z-index:2}.ux-actions .btn{min-height:52px;font-size:14px;border-radius:13px}.ux-text-btn{padding:12px 4px;min-height:44px;color:#87709e;font-size:12px;line-height:1.5}.ux-caption{text-align:center;color:#a494ae;font-size:11px}.ux-script{border:1px solid #e5dbee;border-radius:16px;background:#f4effb;padding:22px}.ux-script p{font-size:15px;line-height:1.85;color:#746180;margin-top:12px}.ux-consent{display:flex;align-items:start;gap:13px;padding:21px 0;font-size:14px}.ux-consent input{width:23px;height:23px;accent-color:var(--purple);flex-shrink:0}.ux-consent b{display:block;margin:3px 0 6px}.ux-consent small{display:block;color:#95839f;font-size:12px;line-height:1.6}.ux-contact{display:flex;align-items:center;gap:11px;border:1px solid #e9e1f0;border-radius:13px;padding:16px;background:white;font-size:12px}.ux-contact>div{flex:1}.ux-contact b,.ux-contact small{display:block}.ux-contact small{font-size:10px;color:#a18cac;margin-top:6px}.ux-contact>svg{color:#a28ab9}.ux-record-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#aa697b;margin-top:36px}.ux-record-status i{width:7px;height:7px;border-radius:50%;background:#d68598;box-shadow:0 0 0 5px #f6e8ee}.ux-record-status.paused{color:#93859e}.ux-record-status.paused i{background:#b6a9c1}.ux-record .record-clock{padding-top:16px!important}.ux-status-screen{text-align:center;padding-top:15px}.ux-state-icon{display:grid;place-items:center;width:80px;height:80px;border-radius:25px;margin:8px auto 26px;color:#9a7cc6;background:linear-gradient(135deg,#e9def7,#f6effc);position:relative}.ux-state-icon>svg{width:32px;height:32px}.ux-state-icon.loading:after{content:'';position:absolute;inset:-7px;border:2px solid #e9e2f3;border-top-color:#a084cc;border-radius:30px;animation:ux-spin 2.8s linear infinite}.ux-state-icon.done{background:#e8f5ef;color:#67a288}.ux-job{text-align:left;border:1px solid #e7e0ee;background:white;border-radius:16px;padding:20px;margin:24px 0}.ux-job .between{font-size:12px}.ux-job .between>span{color:#a28ab7;font-size:11px}.ux-progress{height:5px;background:#eee8f6;border-radius:10px;margin:17px 0 22px;overflow:hidden}.ux-progress i{height:100%;display:block;background:linear-gradient(90deg,#bca3df,#8c71bc);transition:width .45s linear;border-radius:10px}.ux-stage{display:flex;align-items:center;gap:12px;padding:13px 0;color:#b8afc2}.ux-stage b{font-size:12px;font-weight:500}.ux-stage small{display:block;color:#a491b2;font-size:10px;margin-top:7px;line-height:1.5}.ux-stage-symbol{height:24px;width:24px;border-radius:50%;background:#f5f1f8;display:grid;place-items:center;font-size:10px;flex-shrink:0}.ux-stage-symbol svg{width:14px;height:14px}.ux-stage.current{color:#7d619c}.ux-stage.complete{color:#6f9582}.ux-stage.complete .ux-stage-symbol{background:#edf7f0}.ux-spinner{width:19px;height:19px;border:2px solid #e4daef;border-top-color:#9b7dc4;border-radius:50%;display:inline-block;animation:ux-spin 1s linear infinite}.ux-job-short{width:100%;padding:18px 15px;display:flex;align-items:center;gap:13px;text-align:left;background:#f1ebfa;border:1px solid #e6dcf0;border-radius:15px;margin-top:18px}.ux-job-short>div{flex:1}.ux-job-short b{font-size:13px;display:block}.ux-job-short small{display:block;font-size:11px;color:#a18aaf;margin-top:5px}.ux-job-short.ready{background:#eef7f2;border-color:#e0ede5}.ux-job-short.ready>svg{color:#75a38a}.ux-review-tabs{display:flex;gap:5px;border-radius:12px;padding:5px;background:#eee8f5;margin-bottom:22px;position:sticky;top:-25px;z-index:3}.ux-review-tabs button{min-height:42px;flex:1;border-radius:9px;font-size:13px;color:#9b87ab}.ux-review-tabs .active{background:white;color:#76578f;box-shadow:0 2px 4px #6742780a}.ux-review.show-draft .review-panel:first-child,.ux-review.show-source .review-panel:last-child{display:none}.ux-review .page-head h1{font-size:22px}.ux-review .review-actions{position:sticky;bottom:-28px;background:#fff;padding:18px}.ux-review .review-actions .btn{min-height:48px;width:100%}.m-tabbar button{min-height:48px;font-size:10px}.m-content .m-hero h2{font-size:23px}.m-content .m-hero p{font-size:13px}.m-content .m-session{padding:20px 14px}.m-content .m-session strong{font-size:13px}.m-content .m-session span:not(.pill){font-size:11px}@keyframes ux-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ux-spinner,.ux-state-icon.loading:after{animation:none}.ux-progress i{transition:none}}
/* County sign-in walkthrough */
.auth-app{min-height:760px}.auth-content{padding:40px 26px 30px;overflow:auto;flex:1}.auth-content h1{font-size:30px;line-height:1.2;letter-spacing:-1px;margin:16px 0}.auth-content p{font-size:14px;line-height:1.7;color:#81798f;margin:0 0 26px}.auth-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#8d7db2;margin-top:24px;line-height:1.8}.auth-symbol{height:68px;width:68px;display:grid;place-items:center;border-radius:22px;background:#eee8fa;color:#8065c5;margin:0 0 28px}.auth-symbol svg{width:29px;height:29px}.auth-symbol.success{background:#e9f4ee;color:#73a18d}.auth-org,.auth-account{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #e8e3ef;border-radius:16px;background:#fff;margin:24px 0;text-align:left;width:100%}.auth-org span:not(.avatar),.auth-account small{display:block;color:#8b8199;font-size:11px;margin-top:5px}.auth-org strong,.auth-account strong{font-size:13px}.auth-account{cursor:pointer}.auth-account>svg{margin-left:auto}.auth-content .btn{min-height:50px;margin-top:12px;justify-content:center}.auth-caption{display:block;font-size:11px;line-height:1.65;color:#958ba2;text-align:center;margin:14px 0}.auth-info{font-size:12px;line-height:1.8;color:#847590;background:#f3eff8;border:1px solid #eae3f1;border-radius:14px;padding:16px;margin:22px 0}.auth-link{display:block;background:none;border:0;color:#8b72b9;font-size:12px;margin:23px auto;cursor:pointer;padding:8px}.auth-footer{text-align:center;font-size:10px;color:#a89bb7;padding:20px;border-top:1px solid #eee9f3}.ms-mark{display:inline-grid;grid-template-columns:repeat(2,10px);gap:2px;vertical-align:middle;margin-right:10px}.ms-mark i{width:10px;height:10px;background:#f35325}.ms-mark i:nth-child(2){background:#81bc06}.ms-mark i:nth-child(3){background:#05a6f0}.ms-mark i:nth-child(4){background:#ffba08}.auth-number{font-size:55px;letter-spacing:6px;font-weight:600;text-align:center;padding:27px;background:#f2edf8;border-radius:20px;margin:26px 0;color:#7660ad}.auth-content label{display:block;margin:20px 0 10px;font-size:12px;color:#796989}.auth-content input{width:100%;padding:16px;border:1px solid #ddd4e8;border-radius:12px;background:white;font-size:17px;box-sizing:border-box}.auth-summary{border:1px solid #e5ddeb;border-radius:16px;padding:6px 18px;margin:28px 0}.auth-summary>div{display:flex;justify-content:space-between;gap:15px;padding:16px 0;font-size:12px;border-bottom:1px solid #eee9f3}.auth-summary>div:last-child{border:0}.auth-summary span{color:#95879f}.auth-spinner{width:46px;height:46px;border:3px solid #e7dff2;border-top-color:#8c6cc1;border-radius:50%;animation:auth-spin 1s linear infinite;margin:70px 0 40px}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.auth-app{min-height:100dvh}.auth-content{padding-top:30px}}@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}

.ux-approval-complete{max-width:390px!important;text-align:center;padding:36px 24px 24px!important;border-radius:28px!important}
.ux-complete-check{width:76px;height:76px;margin:0 auto 22px;display:grid;place-items:center;background:#e3f4ec;color:#39856b;border:7px solid #f3faf6;border-radius:50%;animation:approval-pop .3s ease-out}
.ux-complete-check svg{width:32px;height:32px;stroke-width:2.6}
.ux-approval-complete h2{font-size:27px;letter-spacing:-.8px;margin:0 0 10px}
.ux-approval-complete>p{font-size:15px;line-height:1.6;margin:0;color:#81738d}
.ux-complete-receipt{display:grid;gap:8px;margin:24px 0;padding:18px 12px;background:#f7f5fa;border-radius:16px;font-size:13px}
.ux-complete-receipt span{font-size:11px;color:#81738d;line-height:1.5}
.ux-approval-complete .btn{min-height:48px;margin-top:10px}
@keyframes approval-pop{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.ux-complete-check{animation:none}}