@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#22364b;background:#f5f7fa;font-synthesis:none;--brand:#265385;--ink:#20364d;--muted:#7a8896;--line:#e0e7ef;--surface:#fff;--accent:#265385;--student-bg:#f2f6fa;--student-text:#203b58}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #265385;outline-offset:3px}button{border:0;background:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.icon{width:19px;height:19px;flex-shrink:0;vertical-align:middle}#app{min-height:100vh;display:flex}.rail{width:206px;background:#182b40;color:#c1cede;position:fixed;inset:0 auto 0 0;padding:28px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-family:Manrope,sans-serif;font-size:34px;font-weight:800;letter-spacing:-1.6px;color:#fff;padding-left:9px}.brand-mark{width:31px;height:34px;border-radius:9px;background:var(--brand);color:#ffffff;display:grid;place-items:center}.brand-mark svg{width:21px;fill:currentColor;stroke-width:0}.brand-dot{color:var(--brand)}.workspace-label{font-size:11px;letter-spacing:1.8px;font-weight:600;color:#7c8a98;margin:55px 13px 17px}.rail-item{display:flex;align-items:center;gap:11px;width:100%;padding:13px 14px;border-radius:7px;font-size:14px;text-align:left}.rail-item.selected{background:#284765;color:#e6eff9}.rail-item.selected .icon{color:#dce8f6}.rail-caption{font-size:12px;color:#7b8998;position:absolute;bottom:104px;left:30px}.rail-bottom{margin-top:auto;border-top:1px solid #31485f;padding:23px 3px 0;display:flex;gap:10px;align-items:center}.avatar{width:34px;height:34px;display:grid;place-items:center;background:#385571;color:#e6eff9;border-radius:50%;font-weight:600;font-size:12px}.rail-bottom strong{font-size:12px;color:#e2e5e8;font-weight:500}.rail-bottom small{display:block;font-size:11px;color:#8592a0;margin-top:4px}.workspace{margin-left:206px;width:calc(100% - 206px);min-height:100vh}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:white;border-bottom:1px solid var(--line);gap:16px}.breadcrumbs{display:flex;align-items:center;gap:16px;font-size:14px;color:#7e8c9a;min-width:0}.breadcrumbs .icon{width:13px}.breadcrumbs strong{font-weight:550;color:#2d3339;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;align-items:center;border-radius:5px;background:#edeff2;color:#6a7886;padding:5px 8px;font-size:11px;font-weight:500;white-space:nowrap}.badge.live{background:#dee9f4;color:#265385}.top-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid #dcdfe3;border-radius:7px;font-size:13px;font-weight:550;background:white;white-space:nowrap;min-height:40px;transition:background .15s,transform .15s}.btn:hover{background:#eceff3}.btn.primary{background:var(--brand);border-color:var(--brand);color:#ffffff}.btn.primary:hover{background:#1e446e}.btn.dark{background:#265385;color:white;border-color:#265385}.btn .icon{width:16px;height:16px}.btn.subtle{border:0;background:transparent}.btn.danger{color:#a14e42}.tabbar{height:59px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#fff;gap:12px}.tabs{display:flex;height:100%;gap:29px}.tab{height:100%;font-size:13px;color:#808e9c;position:relative;padding:0 2px}.tab.active{color:#265385;font-weight:600}.tab.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#265385}.saved{display:flex;gap:6px;font-size:11px;color:#7f8d9b;align-items:center;white-space:nowrap}.saved .icon{width:13px;height:13px}.editor{display:grid;grid-template-columns:228px minmax(320px,1fr) 268px;min-height:calc(100vh - 145px)}.steps-panel{padding:25px 15px;border-right:1px solid var(--line);background:#fff;position:relative}.panel-heading{font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center;margin:0 5px 24px}.panel-heading span{font-size:11px;font-weight:400;color:#8996a3}.step{display:flex;gap:11px;width:100%;padding:13px 10px;align-items:center;text-align:left;border:1px solid transparent;border-radius:8px;margin-bottom:8px}.step:hover{background:#f1f4f7}.step.selected{background:#ecf1f7;border-color:#cad8e6}.step-symbol{width:29px;height:31px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}.step-symbol svg{width:15px;height:15px}.mint{background:#c0d4e9;color:#265385}.lilac{background:#e8e4fa;color:#8472b9}.apricot{background:#f7e6cc;color:#a58246}.step small{display:block;font-size:9px;font-weight:600;letter-spacing:.9px;color:#83909d;margin-bottom:5px}.step strong{display:block;font-size:11px;font-weight:500;max-width:139px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-divider{font-size:9px;letter-spacing:1px;color:#909ba7;margin:25px 10px 13px}.add-step{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px dashed #d0d7df;border-radius:7px;padding:12px;font-size:12px;color:#5b6773;margin-top:20px}.add-step:hover{background:#ecf1f7}.add-step svg{width:15px}.flow-note{font-size:11px;color:#8c98a5;line-height:1.8;margin:45px 9px 0}.flow-note svg{width:14px;margin-right:5px}.canvas-area{background:#f4f7fa;padding:26px 30px 20px;display:flex;flex-direction:column;min-width:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.canvas-toolbar>span{font-size:9px;color:#8c98a4;letter-spacing:1.2px;font-weight:500}.device-toggle{display:flex;background:#e4e8ec;border-radius:6px;padding:3px;gap:3px}.device-toggle button{padding:4px 9px;border-radius:4px;color:#8c98a4;display:flex}.device-toggle button.active{background:white;color:#4e5d6e;box-shadow:0 1px 3px #0000000c}.device-toggle .icon{width:15px;height:15px}.form-canvas{background:var(--student-bg);color:var(--student-text);border:1px solid #d7dee5;border-radius:12px;min-height:510px;flex:1;box-shadow:0 4px 8px #23344609;position:relative;display:flex;flex-direction:column;padding:29px 35px;overflow:hidden;transition:max-width .2s;max-width:100%;width:100%;align-self:center}.student-brand{font-size:12px;letter-spacing:1.3px;font-weight:550;display:flex;align-items:center;flex-wrap:wrap}.student-brand>span:first-child{font-weight:800}.mini-play{font-size:8px;letter-spacing:1.3px;border-left:1px solid currentColor;opacity:.45;margin-left:11px;padding-left:11px}.welcome-content{margin:auto 0;padding:50px 0;max-width:560px}.eyebrow{display:block;font-size:9px;letter-spacing:1.4px;font-weight:600;opacity:.57;margin-bottom:24px;text-transform:uppercase}.welcome-content h1{font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(30px,3vw,49px);line-height:1.2;letter-spacing:-2px;margin-bottom:22px;white-space:pre-line}.welcome-content p{font-size:13px;line-height:1.85;opacity:.64;max-width:480px;white-space:pre-line}.accent{color:#265385}.student-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--brand);color:#fff;padding:15px 20px;border-radius:6px;font-size:12px;font-weight:500;margin-top:16px;min-height:46px;transition:transform .15s,opacity .15s}.student-button:hover{transform:translateY(-2px);opacity:.9}.student-button .icon{width:17px}.enter-hint{display:block;font-size:9px;opacity:.44;margin-top:14px}.canvas-footer{display:flex;justify-content:space-between;gap:12px;opacity:.45;font-size:9px}.canvas-under{display:flex;justify-content:center;align-items:center;gap:6px;font-size:10px;color:#97a2ad;text-align:center;margin-top:19px;line-height:1.5}.canvas-under svg{width:13px;flex-shrink:0}.inspector{padding:27px 22px;background:white;border-left:1px solid var(--line)}.inspector-heading{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;margin-bottom:27px}.inspector-heading svg{width:16px}label{display:block;font-size:12px;font-weight:500;margin-bottom:22px}label input,label textarea,label select,.field-input{display:block;width:100%;border:1px solid #d9dee3;border-radius:6px;background:white;margin-top:9px;padding:11px 12px;font-size:12px;font-weight:400;color:#54606c;line-height:1.6;outline-offset:1px}label textarea{resize:vertical;min-height:72px}.inspector-note{margin-top:30px;border-top:1px solid var(--line);padding-top:24px;font-size:11px;color:#5d6a78;line-height:1.6}.inspector-note svg{width:14px;margin-right:4px}.inspector-note p{font-size:11px;color:#85929f;margin:11px 0}.muted{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);padding:13px 20px;background:#265385;color:#fff;box-shadow:0 5px 30px #0002;border-radius:8px;font-size:14px;z-index:100;opacity:0;transition:transform .2s,opacity .2s;max-width:90vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
[hidden]{display:none!important}
.section-page{padding:42px;max-width:1400px;margin:0 auto}.section-heading{margin-bottom:32px}.section-heading .eyebrow{color:#697887;opacity:1;margin-bottom:14px;font-size:11px}.section-heading h1{font:600 clamp(28px,2.8vw,40px)/1.24 Manrope,sans-serif;letter-spacing:-1.4px;margin-bottom:13px}.section-heading p{font-size:14px;color:#778594;line-height:1.8;margin-bottom:0}.white-panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px}.white-panel h2{font-size:16px;font-weight:600;margin-bottom:22px}.panel-title{display:flex;align-items:center;gap:12px;margin-bottom:24px;justify-content:space-between}.panel-title h2{margin:0;flex:1}.panel-title .btn{margin-left:auto}.logic-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.white-panel label{font-size:14px}.white-panel input,.white-panel textarea,.white-panel select{font-size:14px}.field-hint{display:block;font-size:12px;font-weight:400;color:#7e8c9a;line-height:1.7;margin-top:7px}.soft-note{background:#f0f3f7;padding:14px 16px;border-radius:7px;color:#6b7d90;font-size:13px;line-height:1.7;margin:12px 0 25px}.soft-note .icon{width:15px;margin-right:5px}.toggle-label{display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;position:relative;padding:7px 0;font-size:13px;margin-bottom:10px}.toggle-label>input{position:absolute;right:0;opacity:0;width:38px;height:22px;margin:0}.switch{height:22px;width:38px;border-radius:20px;background:#d7dbe0;padding:3px;flex-shrink:0;pointer-events:none}.switch:after{content:'';width:16px;height:16px;background:white;display:block;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.toggle-label input:checked+.switch{background:#587798}.toggle-label input:checked+.switch:after{transform:translateX(16px)}.toggle-label input:focus-visible+.switch{outline:3px solid #265385;outline-offset:3px}.condition-card{border:1px solid #dfe5ec;border-radius:8px;padding:18px;margin-top:16px}.condition-card label{margin:14px 0 0;font-size:12px;color:#677482}.condition-tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#265385;font-weight:500}.condition-tag .icon{width:15px}.condition-tag.amber{color:#a4814e}.custom-rules{margin-top:22px}.small{font-size:13px;line-height:1.7}.empty-rules{border:1px dashed #d4dce4;border-radius:7px;text-align:center;padding:25px;color:#8e9aa7;font-size:13px}.rule-row{display:grid;grid-template-columns:24px 1.25fr 80px 2fr 40px;gap:15px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.rule-row label{margin:0}.rule-row textarea{min-height:70px}.rule-row .btn{padding:8px}.rule-number{font-size:12px;color:#98a3af}.type-label{font-size:11px;padding:5px 8px;background:#eeecf6;color:#8776a9;display:inline-block;border-radius:5px;margin:-8px 0 24px}.question-actions{display:flex;gap:8px;margin-top:22px}.question-actions .btn{padding:8px}.conditional-field{border-top:1px solid var(--line);margin-top:22px;padding-top:15px}.score-mock{font-family:Manrope,sans-serif;font-size:47px;border-bottom:1px solid currentColor;padding-bottom:8px;max-width:220px;opacity:.65;letter-spacing:-2px;margin-top:20px}.score-mock span{font-size:18px;letter-spacing:0;opacity:.4;margin-left:12px}.question-preview h1{font-size:34px}.text-mock{border-bottom:1px solid currentColor;opacity:.3;font-size:20px;padding:15px 0;margin:20px 0}.choice-mock{display:grid;gap:8px}.choice-mock>div{border:1px solid color-mix(in srgb,var(--student-text),transparent 75%);border-radius:6px;padding:11px;font-size:13px;display:flex;align-items:center;gap:12px}.choice-mock span{border:1px solid currentColor;padding:2px 5px;font-size:11px;opacity:.6}.phone-canvas{max-width:375px;min-height:560px}.phone-canvas .welcome-content h1{font-size:36px}.phone-canvas .welcome-content p{font-size:14px}.phone-canvas .student-button{font-size:12px;gap:10px;padding:14px}.design-page{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(350px,1.25fr);gap:50px;padding:45px}.design-canvas{min-height:600px}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:34px 0}.theme-option{padding:6px;border:1px solid #d3dae2;border-radius:9px;text-align:left;background:white}.theme-option.selected{border:2px solid #265385;padding:5px}.theme-sample{height:105px;border-radius:5px;display:flex;align-items:center;justify-content:space-around;font-family:Manrope,sans-serif;font-size:30px}.theme-sample span{width:28px;height:16px;border-radius:3px}.theme-option>span:last-child{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding:12px 7px}.theme-option .icon{width:15px}.share-page{max-width:1050px}.share-box{text-align:center;padding:36px;margin-bottom:24px}.share-icon{display:grid;place-items:center;background:#e1eaf3;width:50px;height:50px;border-radius:12px;margin:0 auto 20px;color:#265385}.share-box h2{font-size:22px;letter-spacing:-.5px;margin-bottom:10px}.share-box p{font-size:14px;color:#7e8b99;margin-bottom:24px}.link-row{display:flex;gap:10px;max-width:690px;margin:0 auto 18px}.link-row input{background:#f2f5f8;border:1px solid #d7dfe7;padding:13px;font-size:13px;border-radius:7px;width:100%;min-width:0;color:#5a6b7e}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-decoration:underline;text-underline-offset:5px;color:#265385;padding:10px}.text-link svg{width:15px}.local-note{font-size:12px;color:#8793a0;line-height:1.9;margin:22px auto 0;max-width:580px}.local-note strong{font-weight:500}.share-box .soft-note{margin:22px 0 0}.responses-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;padding:28px 12px}.stats-row>div{padding:0 25px;border-right:1px solid var(--line)}.stats-row>div:last-child{border:0}.stats-row span{display:block;font-size:13px;color:#7d8b99;margin-bottom:12px}.stats-row strong{font:500 34px Manrope,sans-serif;letter-spacing:-1px}.empty-state{text-align:center;padding:45px 20px}.empty-icon{width:60px;height:60px;border-radius:50%;background:#e8eef5;display:grid;place-items:center;margin:0 auto 25px;color:#265385}.empty-icon svg{width:25px;height:25px}.empty-state h2{font-size:22px;letter-spacing:-.5px;margin-bottom:12px}.empty-state p{font-size:14px;line-height:1.8;color:#808d9b;margin-bottom:25px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left;white-space:nowrap}th{font-weight:500;color:#8894a1;font-size:12px;padding:12px;border-bottom:1px solid var(--line)}td{padding:19px 12px;border-bottom:1px solid var(--line)}td details{white-space:normal;min-width:120px;max-width:300px;font-size:12px;line-height:1.6}td summary{cursor:pointer;color:#265385}td details p{margin-top:15px}.forms-page{padding:42px;max-width:1460px;margin:auto}.forms-page .section-heading h1{font-size:42px;line-height:1.22}.library-stats{display:flex;gap:30px;padding-bottom:27px;border-bottom:1px solid #dbe0e6;font-size:13px;color:#8793a0}.library-stats strong{font-size:16px;font-weight:600;color:#313e4c;margin-right:4px}.pack-section{margin-top:34px}.pack-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pack-heading h2{font-size:17px;font-weight:600;margin:0;display:flex;align-items:center;gap:9px}.pack-heading h2 svg{width:17px;color:#798b9e}.pack-heading>span{font-size:12px;color:#8e9aa6}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px}.form-card{border:1px solid #d5dde5;border-radius:10px;overflow:hidden;background:#fff;transition:box-shadow .2s,transform .2s}.form-card:hover{box-shadow:0 7px 22px #172a3e10;transform:translateY(-2px)}.card-preview{background:var(--student-bg);color:var(--student-text);padding:23px 26px;display:flex;flex-direction:column;width:100%;text-align:left;min-height:220px;gap:20px}.card-brand{font-size:8px;letter-spacing:1.5px;opacity:.55}.card-preview strong{font:600 27px/1.2 Manrope,sans-serif;letter-spacing:-1px;white-space:pre-line}.card-mini-button{display:flex;align-items:center;gap:9px;border-radius:4px;background:var(--student-text);color:var(--student-bg);font-size:8px;padding:8px 12px;align-self:start}.card-mini-button svg{width:11px;height:11px}.card-meta{padding:17px 20px 10px}.card-meta>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title{font-size:14px;font-weight:600;padding:0;text-align:left}.card-meta footer{display:flex;align-items:center;gap:4px;margin-top:13px}.card-meta footer>span{font-size:11px;color:#8e9aa7;margin-right:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px;color:#7e8c9a;border-radius:5px;min-width:32px;min-height:32px}.icon-btn:hover{background:#e8edf3}.icon-btn svg{width:16px;height:16px}.new-card{border:1px dashed #bfcad6;border-radius:10px;min-height:312px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#7f90a2;font-size:13px;transition:background .2s}.new-card:hover{background:#e8eef4}.new-card svg{width:28px;height:28px}.unavailable{margin:auto;padding:35px;text-align:center;max-width:680px}.unavailable .brand-mark{margin:0 auto 30px}.unavailable h1{font-family:Manrope,sans-serif;font-size:30px}.unavailable p{color:#788695;line-height:1.7}.login-page{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#182b40;padding:30px}.login-brand{margin-bottom:35px}.login-page .white-panel{max-width:440px;padding:40px}.login-page h1{font-family:Manrope,sans-serif;font-size:32px;letter-spacing:-1px}.login-page p{font-size:14px;color:#768493;line-height:1.7}.login-page .btn{width:100%}
dialog{border:1px solid #d3dbe3;border-radius:14px;padding:30px;width:min(520px,calc(100vw - 30px));color:#2e3a46;box-shadow:0 24px 80px #0f1b2733;max-height:90vh}dialog::backdrop{background:#181f2666;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.dialog-heading h2{font-family:Manrope,sans-serif;font-size:23px;font-weight:600;letter-spacing:-.7px;margin:0}dialog p{font-size:14px;line-height:1.7}dialog label{font-size:14px}dialog input,dialog select{font-size:14px}dialog input{min-height:46px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:26px}.question-types{display:grid;gap:12px;margin-top:25px}.question-types>button{border:1px solid #dae1e8;display:grid;grid-template-columns:36px 1fr;padding:20px;gap:8px 12px;text-align:left;border-radius:8px}.question-types>button:hover{background:#edf2f7}.question-types .step-symbol{grid-row:1/3}.question-types strong{font-size:14px;font-weight:600}.question-types small{font-size:12px;color:#808d9b}.form-error{color:#ab4e3e;font-size:14px;line-height:1.6;min-height:0;margin:10px 0}.form-error:empty{display:none}.preview-dialog{width:min(1160px,calc(100vw - 48px));padding:0;background:#e7ebf0;border-radius:12px;max-height:94vh}.preview-bar{display:flex;align-items:center;gap:10px;background:white;padding:12px 18px;border-bottom:1px solid #d1dae4;color:#606f7e;font-size:13px;position:sticky;top:0;z-index:2}.preview-bar>span{margin-right:auto}.preview-bar>span>svg{width:16px;margin-right:6px}.preview-bar small{margin-left:15px;font-size:11px;color:#909daa}.preview-bar .btn{font-size:12px;padding:7px 11px;min-height:32px}.preview-bar .icon-btn{flex-shrink:0}.runner-mobile{max-width:390px;margin:auto}.public-runner{width:100%;min-height:100vh}.student-page{background:var(--student-bg);color:var(--student-text);display:flex;flex-direction:column;min-height:100vh;position:relative}.student-page>header{padding:40px 6%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}.student-page>header>span{opacity:.5}.student-page .student-brand{font-size:14px}.student-page .mini-play{font-size:9px}.student-main{display:flex;align-items:center;flex:1;padding:30px 10%;width:100%;max-width:1100px;align-self:center}.student-page .welcome-content{padding:20px 0 50px;max-width:750px;width:100%;animation:appear .35s ease}.student-page .welcome-content h1{font-size:clamp(35px,5vw,64px);line-height:1.16;letter-spacing:-2.5px;margin-bottom:27px}.student-page .welcome-content p{font-size:17px;line-height:1.85;max-width:590px;opacity:.7;margin-bottom:22px}.student-page .eyebrow{font-size:11px;margin-bottom:27px;letter-spacing:1.7px}.student-page .student-button{padding:18px 25px;font-size:15px;border-radius:7px;gap:30px;margin-top:18px}.student-page .enter-hint{font-size:11px;margin-top:19px}.student-page>footer{padding:28px 6%;display:flex;justify-content:space-between;gap:18px;font-size:11px;opacity:.45}.student-page>footer strong{font-family:Manrope,sans-serif;font-size:15px}.student-progress{height:4px;position:absolute;top:0;left:0;right:0;background:#00000008}.student-progress>div{background:var(--student-text);height:100%;opacity:.65;transition:width .3s}.preview-dialog .student-page{min-height:calc(90vh - 68px)}.preview-dialog .student-main{padding:25px 12%}.preview-dialog .student-page>header{padding:28px 5%}.preview-dialog .student-page .welcome-content h1{font-size:50px}.preview-dialog .student-page>footer{padding:20px 5%}.score-input-wrap{display:flex;align-items:baseline;border-bottom:2px solid color-mix(in srgb,var(--student-text),transparent 60%);width:260px;margin:20px 0 24px;gap:10px}.score-input{background:none;border:0;width:185px;min-width:0;padding:8px 0;font:500 65px Manrope,sans-serif;color:var(--student-text);letter-spacing:-2px}.score-input::placeholder{color:var(--student-text);opacity:.2}.score-input-wrap>span{font-size:25px;opacity:.35}.student-text-input{width:100%;border:0;border-bottom:1px solid currentColor;background:transparent;padding:18px 0;color:var(--student-text);font-size:23px;margin:16px 0 24px}.student-text-input::placeholder{color:var(--student-text);opacity:.35}.answer-actions{display:flex;align-items:center;gap:14px}.back-answer{border:1px solid color-mix(in srgb,var(--student-text),transparent 80%);width:49px;height:49px;display:grid;place-items:center;margin-top:18px;border-radius:6px;color:var(--student-text)}.student-choices{display:flex;flex-direction:column;gap:10px;max-width:570px;margin:25px 0 12px}.student-choice{display:flex;align-items:center;gap:14px;font-size:16px;font-weight:400;cursor:pointer;position:relative;padding:14px 16px;border:1px solid color-mix(in srgb,var(--student-text),transparent 75%);border-radius:7px;margin:0;color:var(--student-text)}.student-choice>input{position:absolute;opacity:0;width:1px;height:1px;inset:0;margin:0}.student-choice:has(input:checked){background:color-mix(in srgb,var(--student-text),transparent 93%);border-color:var(--student-text)}.student-choice:has(input:focus-visible){outline:3px solid #265385;outline-offset:3px}.choice-letter{border:1px solid color-mix(in srgb,var(--student-text),transparent 60%);border-radius:3px;font-size:12px;padding:3px 6px}.student-choice svg{margin-left:auto;opacity:0}.student-choice:has(input:checked) svg{opacity:1}.result-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--student-text),transparent 80%);border-radius:5px;opacity:.7;margin:0 0 28px}.result-status.passed{background:color-mix(in srgb,var(--accent),transparent 65%);opacity:1}.result-status svg{width:14px}.result-metrics{display:flex;gap:30px;flex-wrap:wrap;margin:0 0 26px}.result-metrics>div{flex:1;min-width:60px}.result-metrics span{display:block;opacity:.55;font-size:11px;margin-bottom:8px;white-space:nowrap}.result-metrics strong{font:500 35px Manrope,sans-serif;letter-spacing:-1px}.result-metrics .your-score strong{font-weight:650}.score-track{height:6px;background:color-mix(in srgb,var(--student-text),transparent 91%);border-radius:20px;position:relative;margin:8px 0}.score-track>div{height:6px;border-radius:20px;background:var(--student-text);opacity:.65}.score-track>span{position:absolute;width:2px;height:16px;background:var(--student-text);top:-5px;opacity:.6;transform:translateX(-1px)}.track-labels{display:flex;justify-content:space-between;font-size:9px;opacity:.4;margin-top:10px}.result-message{margin-top:28px!important}.result-footnote{font-size:10px;opacity:.5;display:block;line-height:1.8}.submission-note{margin-top:24px;opacity:.7;font-size:12px;line-height:1.7}.submission-note svg{width:15px;margin-right:5px}.student-page .result-metrics{gap:38px;margin:5px 0 25px}.student-page .result-metrics span{font-size:13px}.student-page .result-metrics strong{font-size:48px}.student-page .result-content h1{font-size:47px}.student-page .result-status{font-size:13px}.student-page .result-footnote{font-size:12px}.student-page .result-message{font-size:16px}.student-page .result-content{padding-bottom:20px}.runner-mobile .student-page>header{padding:25px}.runner-mobile .student-page>header>span{display:none}.runner-mobile .student-page .welcome-content h1{font-size:36px;letter-spacing:-1.5px}.runner-mobile .student-main{padding:30px 25px}.runner-mobile .student-page .welcome-content p{font-size:15px}.runner-mobile .student-page .result-metrics{gap:14px}.runner-mobile .student-page .result-metrics strong{font-size:30px}.runner-mobile .student-page .result-metrics span{font-size:10px}.runner-mobile .student-page .student-button{font-size:13px;gap:15px;padding:16px}.runner-mobile .student-page>footer{font-size:9px;padding:22px}.result-content{max-width:620px}.inspector label,.inspector label input,.inspector label textarea,.inspector label select{font-size:13px}.steps-panel .step strong{font-size:12px}.tab{font-size:14px}.btn{font-size:14px}.welcome-content p{font-size:14px}.student-button{font-size:13px}
@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.editor{grid-template-columns:250px minmax(400px,1fr) 300px}.canvas-area{padding:30px 45px}.form-canvas{padding:36px 45px;min-height:590px}.welcome-content h1{font-size:54px}.welcome-content p{font-size:16px}.student-button{font-size:14px}.step strong{font-size:13px;max-width:155px}.inspector label,.inspector input,.inspector textarea{font-size:14px}}
@media(max-width:1190px){.rail{width:175px}.workspace{margin-left:175px;width:calc(100% - 175px)}.editor{grid-template-columns:195px minmax(260px,1fr)}.inspector{grid-column:1/-1;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.inspector-heading{grid-column:1/-1}.inspector-note{margin:0}.canvas-area{padding:23px}.step strong{max-width:112px}.topbar{padding:0 23px}.tabbar{padding:0 23px}.welcome-content h1{font-size:40px}.form-canvas{min-height:500px;padding:27px}}
@media(max-width:760px){.rail{width:68px;padding:20px 8px}.brand{font-size:0;padding:0;justify-content:center}.brand-mark{width:34px}.workspace-label,.rail-caption,.rail-bottom,.rail-item{font-size:0}.rail-item{justify-content:center;padding:14px 0;margin-top:35px}.workspace-label{display:none}.workspace{margin-left:68px;width:calc(100% - 68px)}.topbar{height:auto;min-height:96px;padding:14px 16px;flex-wrap:wrap;gap:10px}.top-actions{margin-left:auto}.top-actions .btn{padding:9px 12px;font-size:12px}.breadcrumbs{font-size:12px;gap:8px;max-width:100%}.tabbar{padding:0 16px;overflow:auto;height:54px}.tabs{gap:22px}.saved{display:none}.editor{display:flex;flex-direction:column}.steps-panel{padding:15px;display:flex;gap:8px;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.panel-heading,.step-divider,.flow-note{display:none}.step{width:130px;flex-shrink:0;margin:0;padding:9px;gap:7px}.step strong{max-width:75px;font-size:10px}.step small{font-size:8px}.step-symbol{width:24px;height:27px}.add-step{margin:0;min-width:44px;width:44px;font-size:0;padding:8px}.canvas-area{padding:18px 14px}.canvas-toolbar>span{font-size:8px}.form-canvas{padding:24px;min-height:480px}.welcome-content h1{font-size:33px;letter-spacing:-1.4px}.welcome-content p{font-size:13px}.canvas-under{font-size:9px}.inspector{padding:22px;display:block}.canvas-footer{font-size:8px}.btn{font-size:13px}.tab{font-size:12px}}
@media(max-width:1100px){.logic-grid,.design-page{grid-template-columns:1fr}.section-page,.forms-page{padding:30px}.design-page{padding:30px;gap:28px}.theme-options{grid-template-columns:repeat(4,1fr)}.theme-sample{height:85px}.theme-sample span{display:none}.design-canvas{min-height:530px}.responses-heading{flex-wrap:wrap}.rule-row{grid-template-columns:20px 1fr 75px 35px}.rule-row>label:nth-of-type(3){grid-column:2/4;grid-row:2}.rule-row>.btn{grid-column:4;grid-row:1}.rule-number{grid-row:1/3}.phone-canvas{min-height:600px}}
@media(max-width:760px){.section-page,.forms-page,.design-page{padding:24px 18px}.section-heading h1,.forms-page .section-heading h1{font-size:29px;letter-spacing:-1px}.section-heading p{font-size:14px}.section-heading .eyebrow{font-size:9px}.white-panel{padding:19px}.two-col{grid-template-columns:1fr;gap:0}.panel-title{flex-wrap:wrap}.custom-rules .panel-title{gap:18px}.custom-rules .panel-title .btn{margin-left:0}.library-stats{gap:15px;flex-wrap:wrap;font-size:12px;line-height:1.7}.form-grid{grid-template-columns:1fr}.new-card{min-height:130px}.pack-heading h2{font-size:14px}.pack-heading>span{font-size:10px}.theme-options{grid-template-columns:1fr 1fr}.design-canvas{min-height:530px}.link-row{flex-direction:column}.link-row input{font-size:12px}.share-box h2{font-size:20px}.stats-row{padding:20px 8px;gap:10px}.stats-row>div{padding:0 8px}.stats-row strong{font-size:25px}.stats-row span{font-size:10px;white-space:normal;line-height:1.7}.responses-heading .top-actions{margin:0;flex-wrap:wrap}.response-list{padding:10px}.empty-state{padding:35px 10px}.empty-state h2{font-size:19px}.empty-state p{font-size:13px}.rule-row{gap:9px;grid-template-columns:16px 1fr 65px 28px}.rule-row label{font-size:11px}.rule-row input,.rule-row select,.rule-row textarea{font-size:12px;padding:8px}.rule-row .btn{padding:4px}.preview-dialog{width:calc(100vw - 16px);max-height:96vh}.preview-bar{font-size:12px;padding:10px}.preview-bar small{display:none}.preview-dialog .student-page .welcome-content h1,.student-page .welcome-content h1{font-size:38px;letter-spacing:-1.5px}.preview-dialog .student-main,.student-main{padding:25px 7%}.student-page .welcome-content p{font-size:16px}.student-page>header,.preview-dialog .student-page>header{padding:28px 7%;gap:12px}.student-page>header>span{font-size:10px;text-align:right;max-width:100px}.student-page .student-brand{font-size:11px;letter-spacing:.8px}.student-page .mini-play{font-size:7px;margin-left:8px;padding-left:8px}.student-page>footer{padding:25px 7%;font-size:10px}.student-page .eyebrow{font-size:10px}.student-page .student-button{font-size:14px;padding:16px 20px;gap:15px}.student-page .result-metrics{gap:18px}.student-page .result-metrics strong{font-size:34px}.student-page .result-metrics span{font-size:11px}.student-page .result-content h1{font-size:36px}.student-page .result-message{font-size:15px}.result-metrics{gap:14px}.result-metrics strong{font-size:30px}.result-metrics span{font-size:9px}.form-canvas .result-content h1{font-size:28px}.result-status{font-size:11px}.student-choice{font-size:15px}.preview-dialog .student-page{min-height:calc(92vh - 54px)}dialog{padding:24px}.dialog-heading h2{font-size:22px}.login-page .white-panel{padding:26px}.inspector .inspector-heading{font-size:15px}.inspector label,.inspector label input,.inspector label textarea{font-size:14px}.canvas-under{line-height:1.8}}
/* Editor, packs and individual results */
.editor-v2 .canvas-area{min-width:0}.add-question-top{width:100%;justify-content:center;margin:0 0 20px}.editor-mode{display:flex;gap:3px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#fff}.editor-mode button{display:flex;align-items:center;gap:6px;border:0;background:none;padding:8px 10px;border-radius:6px;color:#657381;font-size:12px;cursor:pointer}.editor-mode button.active{background:#e4eaf1;color:#2c3640;font-weight:650}.editor-mode .icon{width:15px;height:15px}.history-actions{display:flex;gap:3px}.canvas-toolbar{gap:12px}.icon-btn:disabled{opacity:.3;cursor:default}.preview-device-row{display:flex;justify-content:center;margin-bottom:16px}.editor-document{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 5px 25px #1c273304}.document-content{padding:32px;min-height:430px}.document-kicker{display:block;letter-spacing:1.4px;font-size:10px;color:#63707d;font-weight:700;margin-bottom:24px}.document-content>label{display:block;font-size:12px;font-weight:600;color:#5f6c79;margin-bottom:24px}.document-content input,.document-content textarea{display:block;width:100%;box-sizing:border-box;font-family:inherit;color:#203b58;border:1px solid #d6dce3;border-radius:8px;background:#f9fbfd;margin-top:9px;padding:13px 14px;outline:none;font-size:15px;line-height:1.5;resize:vertical}.document-content textarea[data-bind$="title"]{font-size:25px;font-weight:550;letter-spacing:-.5px;line-height:1.35;min-height:100px}.document-content textarea:focus,.document-content input:focus{border-color:#7c90a6;box-shadow:0 0 0 3px #e8edf3}.document-footer{border-top:1px solid var(--line);padding:18px 25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#f7f9fb}.automatic-result-card{display:flex;gap:15px;padding:20px;background:#e4ecf5;border-radius:10px;margin:0 0 25px;font-size:13px;line-height:1.5}.automatic-result-card>.icon{flex-shrink:0}.automatic-result-card p{margin:5px 0 0;color:#626f7c}.option-editor>label{font-size:12px;color:#5f6c79;font-weight:600}.option-editor-row{display:flex;align-items:center;gap:10px;margin:10px 0}.option-editor-row>span{font-size:11px;color:#667584;background:#e9eef4;padding:8px;border-radius:5px}.option-editor-row input{margin:0}.option-editor-row .icon-btn{flex-shrink:0}.option-editor>.btn{margin-top:8px}.answer-example{border-top:1px dashed #d4dbe2;padding-top:24px}.answer-example>span{font-size:9px;letter-spacing:1px;color:#7d8a98;display:block;margin-bottom:18px}.answer-example .score-mock{font-size:40px}.field-control-preview{--student-text:#203b58;--accent:#dce8f6}.field-control-preview .student-text-input{font-size:17px}.field-control-preview .student-choice{font-size:14px}.drag-handle{margin-left:auto;color:#99a4af;font-size:18px}.step[draggable=true]{cursor:grab}.step.dragging{opacity:.4}.question-actions{flex-wrap:wrap}.question-dialog{width:min(760px,calc(100vw - 40px));max-height:88vh;overflow:auto}.question-search{display:block;font-size:12px;color:#616e7c}.question-search input{display:block;width:100%;margin:8px 0 24px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:15px}.question-catalogue section{margin-bottom:24px}.question-catalogue h3{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#707f8f;margin:0 0 10px}.question-types{display:grid;grid-template-columns:1fr 1fr;gap:9px}.question-types>button{display:grid;grid-template-columns:36px 1fr;gap:4px 12px;text-align:left;border:1px solid var(--line);background:#fff;padding:15px;border-radius:9px;cursor:pointer;font:inherit}.question-types>button:hover{border-color:#72879d;background:#eff4fa}.question-types .step-symbol{grid-row:1/3;width:34px;height:36px;font-size:16px}.question-types strong{font-size:13px}.question-types small{font-size:11px;color:#768493;line-height:1.5}.percentile-steps{display:flex;align-items:center;gap:9px;margin:25px 0}.percentile-steps span{padding:10px 15px;background:#edf0f4;border-radius:7px;font-size:12px;font-weight:600}.percentile-steps span.active{background:var(--brand);color:#fff}.percentile-steps b{font-weight:400;color:#83909d}.calculation-steps{padding-left:22px;line-height:1.75;font-size:14px;color:#4e5964}.calculation-steps li{padding-left:5px;margin-bottom:12px}.pack-heading{gap:15px;flex-wrap:wrap}.pack-heading .top-actions{font-size:11px;color:#7a8896}.pack-heading .btn{font-size:11px;padding:8px 12px}.pack-dialog{width:min(670px,calc(100vw - 40px))}.pack-share-content h3{font-size:20px;margin:25px 0 10px}.pack-share-content p{font-size:14px;line-height:1.7;color:#626f7c}.pack-share-count{font-size:12px;color:#5d6a78;margin:17px 0}.pack-share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.individual-share{margin-top:20px}.individual-share summary{font-size:14px;cursor:pointer;font-weight:600}.individual-share>p{margin-top:20px}.student-textarea{font-size:22px;resize:vertical;min-height:140px;line-height:1.5}.student-select{font-size:22px;background:transparent}.student-select option{color:#203b58;background:white}.student-rating{display:flex;flex-wrap:wrap;gap:8px}.student-rating .student-choice{padding:12px;min-width:48px;justify-content:center}.student-rating .choice-letter{border:0;font-size:22px}.student-rating .student-choice>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.student-statement{padding:18px 0;font-size:14px;opacity:.7}.answer-hint{display:block;font-size:12px;line-height:1.6;opacity:.68;margin:10px 0 14px}.pack-picker-main{width:min(1050px,86%);margin:auto;padding:38px 0 50px}.pack-picker-main h1{font-size:clamp(38px,5vw,64px);font-weight:500;letter-spacing:-2px;line-height:1.05;margin:20px 0}.pack-picker-main>p{font-size:17px;opacity:.7;line-height:1.7;max-width:600px}.exam-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:38px}.exam-options>button{display:flex;position:relative;flex-direction:column;align-items:flex-start;text-align:left;gap:13px;padding:23px 20px;border:1px solid #26303a26;border-radius:12px;background:#ffffff55;color:inherit;font:inherit;cursor:pointer;transition:background .15s,transform .15s}.exam-options>button:hover{background:#e3edf8;transform:translateY(-3px);border-color:#26303a50}.exam-options>button>span{font-size:11px;letter-spacing:1px;opacity:.5}.exam-options strong{font-size:20px;font-weight:500}.exam-options small{font-size:11px;opacity:.65}.exam-options .icon{position:absolute;right:16px;top:18px;width:17px;height:17px}.pack-picker-note{display:flex;align-items:center;gap:10px;margin:25px 0 0;font-size:12px;opacity:.65}.pack-picker-note .icon{flex-shrink:0}.selected-exam{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:9px;font-size:12px}.selected-exam strong{font-weight:600}.selected-exam button{border:0;background:none;color:inherit;text-decoration:underline;opacity:.6;font:inherit;font-size:11px;cursor:pointer}.grade-group{margin-top:20px;max-width:600px}.person-label{display:block;font-size:12px;opacity:.6}.group-score-row{display:flex;align-items:center;gap:15px;margin:17px 0;border-top:1px solid #26303a1a;padding-top:14px}.group-score-row label{font-size:12px;opacity:.9;flex:1}.extra-score-input{display:block;background:transparent;border:0;border-bottom:1px solid #26303a55;width:100%;padding:6px 0;outline:none;color:inherit;font:inherit;font-size:32px;margin-top:5px;max-width:300px}.group-score-row>span{font-size:17px;opacity:.5}.group-score-row .icon-btn{color:inherit;opacity:.6}.add-person{display:flex;align-items:center;gap:9px;border:1px dashed #26303a45;background:transparent;color:inherit;font:inherit;font-size:13px;border-radius:7px;padding:12px 15px;cursor:pointer;margin:18px 0 12px;text-align:left}.add-person:hover{background:#26303a08;border-style:solid}.add-person .icon{width:17px;height:17px;flex-shrink:0}.add-person:disabled{opacity:.4;cursor:default}.person-banner{display:inline-block;font-size:12px;padding:10px 13px;border-radius:7px;background:#26303a10;margin-bottom:20px}.person-banner+.eyebrow{display:block}.result-stack{width:100%;max-width:760px}.receipt-select{display:block;font-size:11px;opacity:.8;margin:0 0 30px;max-width:340px}.receipt-select select{display:block;border:1px solid #26303a30;border-radius:7px;padding:11px 12px;margin-top:8px;background:#ffffff55;color:inherit;font:inherit;font-size:14px;width:100%}.estimate-card{padding:19px 23px;border-radius:10px;border:1px dashed #26303a3d;margin:25px 0;background:#ffffff33;max-width:540px}.estimate-card>span{display:block;letter-spacing:1.4px;font-size:9px;opacity:.6}.estimate-card strong{display:block;font-size:32px;font-weight:500;margin:9px 0}.student-page .estimate-card p{font-size:14px;margin:8px 0}.estimate-card small{font-size:11px;opacity:.6}.reliability-note{display:flex;gap:11px;padding:16px 18px;background:#fff3cb;border:1px solid #aa862322;border-radius:9px;margin:20px 0;color:#665222;max-width:630px}.reliability-note .icon{flex-shrink:0;margin-top:2px}.student-page .reliability-note p,.reliability-note p{font-size:13px;line-height:1.7;margin:0}.result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px}.text-link{border:0;background:none;color:inherit;text-decoration:underline;text-underline-offset:4px;font:inherit;font-size:13px;cursor:pointer}.student-page .receipt-hint{font-size:11px;opacity:.55;margin-top:13px}.after-result{margin-top:26px;font-size:12px}.student-page .result-footnote{line-height:1.7}.student-page .result-metrics{flex-wrap:wrap}.student-page .result-content h1{font-size:clamp(35px,4.5vw,56px)}.student-page .result-content .result-message{max-width:620px}.result-status{max-width:100%;line-height:1.5}.student-page .question-content{max-width:700px;width:100%}.student-page>header>span{max-width:45%;line-height:1.5}
@media(max-width:1190px){.document-content{padding:25px}.editor-mode button{padding:8px;font-size:11px}.history-actions .icon-btn{width:27px}.editor-v2 .inspector{align-content:start}.editor-document{max-width:750px;margin:auto}.exam-options{grid-template-columns:repeat(4,minmax(0,1fr))}.exam-options strong{font-size:17px}.exam-options>button{padding:20px 15px}}
@media(max-width:760px){.editor-v2 .add-question-top{width:45px;min-width:45px;margin:0;padding:10px;font-size:0;align-self:stretch}.editor-v2 .steps-panel{align-items:stretch}.editor-v2 .canvas-toolbar{flex-wrap:wrap;margin-bottom:15px}.editor-mode{flex:1}.editor-mode button{flex:1;justify-content:center;font-size:10px;padding:7px 5px}.editor-mode .icon{display:none}.document-content{padding:21px;min-height:360px}.document-content textarea[data-bind$="title"]{font-size:21px}.document-content input,.document-content textarea{font-size:14px;padding:11px}.document-footer{padding:15px}.document-footer .btn{font-size:11px;padding:10px}.document-footer .icon{width:15px}.question-dialog,.pack-dialog{width:calc(100vw - 20px);padding:22px}.question-types{grid-template-columns:1fr}.question-types>button{padding:12px}.question-search input{font-size:16px}.question-dialog .document-kicker{font-size:9px;margin-bottom:13px}.exam-options{grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.exam-options>button{padding:19px 15px;gap:12px}.exam-options strong{font-size:17px}.exam-options small{font-size:10px}.pack-picker-main{padding-top:20px;width:86%}.pack-picker-main h1{letter-spacing:-1.5px;font-size:42px}.pack-picker-main>p{font-size:15px}.pack-picker-note{align-items:flex-start;line-height:1.7;font-size:11px}.student-page>header>span{max-width:45%}.selected-exam{max-width:46%;font-size:11px;gap:4px}.selected-exam strong{text-align:right}.student-page .answer-hint{font-size:11px}.group-score-row{gap:10px}.extra-score-input{font-size:29px}.student-page .add-person{font-size:12px;padding:11px}.student-page .student-textarea,.student-page .student-select{font-size:18px}.receipt-select{max-width:100%}.estimate-card{padding:16px 18px}.student-page .estimate-card p{font-size:13px}.student-page .reliability-note p{font-size:12px}.reliability-note{padding:14px}.student-page .result-content h1{font-size:35px}.result-actions{gap:20px}.student-page .result-actions .student-button{font-size:12px;padding:15px 17px;gap:10px}.pack-heading .top-actions{margin-left:0}.pack-heading{margin-bottom:17px}.pack-share-actions{flex-direction:column;align-items:stretch}.pack-share-actions .btn{justify-content:center}.percentile-steps{gap:7px}.percentile-steps span{padding:9px 12px}.stats-row{flex-wrap:wrap}.student-rating .student-choice{padding:8px;min-width:42px}}
#app>.student-page{width:100%;min-width:0}.pack-published-count{font-size:12px;margin-top:16px;color:#6c7a89}.local-note{font-size:12px;line-height:1.7;padding:14px 16px;margin-top:20px;background:#f6f4e9;border:1px solid #e9e4cc;border-radius:7px;color:#837857}.group-score-row label{margin-bottom:0}.group-score-row input.extra-score-input{background:transparent;color:inherit;border:0;border-bottom:1px solid #26303a55;border-radius:0;padding:6px 0;font-size:32px}.student-page .score-input-wrap{max-width:600px}.student-page .result-metrics span{white-space:normal}
/* The shared 0–10 scale keeps each reference visible, including tied scores. */
.result-comparison{margin:32px 0 28px;padding:0 7px;color:var(--student-text)}
.result-comparison .score-track{height:8px;margin:12px 0 0;background:color-mix(in srgb,var(--student-text),transparent 89%)}
.result-comparison .score-track-fill{height:8px;opacity:.7;transform-origin:left center;animation:score-fill-in .7s cubic-bezier(.2,.7,.2,1) both}
.result-comparison .score-marker{opacity:1;transform:translateX(-50%);z-index:1}
.result-comparison .score-marker-score{top:-4px;width:16px;height:16px;border:3px solid var(--student-bg);border-radius:50%;background:var(--student-text);box-shadow:0 0 0 1px var(--student-text);z-index:3}
.result-comparison .score-marker-average{top:19px;width:9px;height:9px;border-radius:1px;background:color-mix(in srgb,var(--student-text),var(--student-bg) 45%);transform:translateX(-50%) rotate(45deg)}
.result-comparison .score-marker-cutoff{top:-10px;width:2px;height:28px;background:var(--student-text);z-index:2}
.result-comparison .score-marker-cutoff:before{content:'';position:absolute;top:0;left:-3px;width:8px;height:2px;background:var(--student-text)}
.result-comparison .track-labels{margin-top:26px;font-size:10px;opacity:.5}
.score-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;font-size:11px;line-height:1.5;margin-top:16px}
.score-legend>span{display:inline-flex;align-items:center;gap:8px}
.score-legend i{display:inline-block;flex-shrink:0;width:9px;height:9px;background:var(--student-text)}
.score-legend .legend-score{border-radius:50%}
.score-legend .legend-average{width:7px;height:7px;transform:rotate(45deg);background:color-mix(in srgb,var(--student-text),var(--student-bg) 45%);margin:0 1px}
.score-legend .legend-cutoff{width:2px;height:13px;margin:0 3px}
@keyframes score-fill-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:760px){.result-comparison{margin:28px 0 23px}.score-legend{gap:9px 17px;font-size:10px}}
/* Seguimiento PN is the visible brand; the public subdomain remains play. */
.brand{gap:9px;letter-spacing:0;padding-left:3px}.brand-mark{font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:-.6px;flex-shrink:0}.brand-name{font-size:16px;font-weight:650;line-height:1.15;letter-spacing:-.5px}.brand-name>span{display:block;color:#c7ddf5;font-size:12px;letter-spacing:2px;margin-top:4px}.student-page>footer strong{font-size:12px;font-weight:600;letter-spacing:0}.student-brand{white-space:nowrap;flex-wrap:nowrap}
@media(max-width:1190px){.brand-name{font-size:14px}.brand{gap:8px;padding-left:0}}
@media(max-width:760px){.brand-name{display:none}.brand-mark{font-size:12px}.student-page>footer strong{font-size:10px}.student-page>footer{align-items:baseline}}
/* Brand signature and the next step for students below the current cutoff. */
.brand-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.brand-tagline{display:block;font-family:'DM Sans',sans-serif;font-size:10px;font-weight:400;line-height:1.45;letter-spacing:0;color:#a9b2bb}.brand-copy .brand-name{display:block}.student-brand{gap:16px;flex-wrap:wrap;min-width:0}.student-brand>.student-brand-title{display:inline-flex;align-items:baseline;font-weight:550;white-space:nowrap}.student-brand-title strong{font-weight:800}.student-brand-tagline{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:1.5;white-space:normal;opacity:.65;padding-left:16px;border-left:1px solid color-mix(in srgb,var(--student-text),transparent 75%)}.form-canvas .student-brand{gap:7px;align-items:flex-start;flex-direction:column}.form-canvas .student-brand-tagline{font-size:10px;padding:0;border:0}.personalized-followup{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:28px 0}.student-page .personalized-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:17px 22px;margin:0;line-height:1.5;text-align:left;white-space:normal;border:1px solid var(--student-text);box-shadow:0 4px 12px color-mix(in srgb,var(--student-text),transparent 91%);transition:transform .15s,box-shadow .15s}.personalized-button:hover{transform:translateY(-1px);box-shadow:0 6px 16px color-mix(in srgb,var(--student-text),transparent 85%)}.personalized-button .icon{width:18px;height:18px}.personalized-button>span{min-width:0}.personalized-followup>small{font-size:11px;line-height:1.5;opacity:.65}
@media(max-width:1000px){.student-brand{gap:5px;flex-direction:column;align-items:flex-start}.student-brand-tagline{padding:0;border:0;font-size:11px}}
@media(max-width:760px){.rail .brand-copy{display:none}.login-brand .brand-copy .brand-name{font-size:17px}.login-brand .brand{justify-content:flex-start;gap:12px}.student-brand-tagline{font-size:10px;max-width:160px}.student-page>header{align-items:flex-start}.student-page .personalized-button{font-size:13px;padding:15px 17px;gap:10px}.personalized-followup{margin:24px 0}.personalized-button>span{max-width:235px}}

/* The signature blue keeps the result scale and action buttons consistent. */
.result-comparison .score-track-fill,.result-comparison .score-marker-score,.result-comparison .score-marker-cutoff,.result-comparison .score-marker-cutoff:before,.score-legend .legend-score,.score-legend .legend-cutoff{background:var(--brand)}
.result-comparison .score-marker-score{box-shadow:0 0 0 1px var(--brand)}
.student-page .personalized-button{border-color:var(--brand)}
.student-button:hover{background:#1e446e}
/* Purchase access keeps the same quiet blue identity as the simulacros. */
.student-access-page{background:radial-gradient(ellipse at 10% 30%,#dae7f4 0,transparent 55%),var(--student-bg)}
.student-access-main{width:min(1080px,86%);margin:auto;display:grid;grid-template-columns:1fr 440px;align-items:center;gap:70px;padding:50px 0 65px;flex:1}
.student-access-intro h1{font-size:clamp(42px,5.4vw,68px);font-weight:500;letter-spacing:-2.5px;line-height:1.08;margin:24px 0}
.student-access-intro>p{max-width:370px;font-size:18px;line-height:1.8;opacity:.75}
.student-access-note{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.75;margin-top:40px;max-width:360px;opacity:.75}
.student-access-note .icon{flex-shrink:0;width:17px;height:17px;margin-top:2px}
.student-access-card{background:#ffffffed;border:1px solid #2653851c;border-radius:20px;padding:36px;box-shadow:0 20px 65px #2653850d;min-width:0}
.student-access-icon{display:inline-flex;padding:12px;border-radius:12px;color:var(--brand);background:#e8f0f9;margin-bottom:22px}
.student-access-card h1,.student-access-card h2{font-size:29px;letter-spacing:-1px;font-weight:550;line-height:1.2;margin:0 0 16px}
.student-access-card>p{font-size:14px;line-height:1.8;opacity:.75;margin:0 0 28px}
.student-access-card>label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}
.student-access-card>input{display:block;width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:16px;color:var(--student-text);padding:15px 14px;border:1px solid #26538535;border-radius:8px;outline:none;background:#f9fbfe;margin-bottom:19px}
.student-access-card>input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #26538513}
.student-access-card>input[readonly]{color:#66798d;background:#f0f4f8}
.student-access-card>.student-button{display:flex;width:100%;justify-content:space-between;box-sizing:border-box;font-size:14px;gap:12px;margin:7px 0 18px}
.student-access-card>.student-button:disabled{opacity:.6;cursor:wait}
.student-access-card>small{display:block;font-size:11px;text-align:center;line-height:1.7;opacity:.65}
.student-access-card>.form-error:empty{display:none}
.student-access-card .form-error{font-size:12px;line-height:1.7;margin-bottom:14px}
.student-access-card>.student-draft-note{font-size:11px;padding:13px;background:#eaf2fa;margin:20px 0 0;border-radius:6px;opacity:1}
.legacy-recovery{margin-top:24px;padding:18px 20px;border:1px solid #26538525;border-radius:8px;background:#ffffff80;max-width:540px}
.student-page .legacy-recovery p{font-size:13px;line-height:1.7;margin:0 0 10px}
.legacy-recovery .text-link{font-size:13px}
.editor-topbar{height:auto;min-height:86px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.editor-topbar .top-actions{flex-wrap:wrap;margin-left:auto;justify-content:flex-end}
.pack-template-dialog{width:min(660px,calc(100vw - 32px))}
.pack-template-dialog .document-kicker{font-size:10px;margin-bottom:8px;line-height:1.6}
.template-source{display:flex;gap:14px;padding:18px 20px;background:#edf3fa;border:1px solid #d3dfed;border-radius:9px;margin:23px 0 20px}
.template-source>.icon{width:23px;height:23px;color:var(--brand);flex-shrink:0;margin-top:4px}
.template-source span,.template-source strong,.template-source small{display:block}
.template-source span{font-size:11px;color:#63788f;margin-bottom:4px}
.template-source strong{font-size:18px;font-weight:600;line-height:1.5}
.template-source small{font-size:12px;color:#63788f;margin-top:3px}
.template-targets{list-style:none;margin:18px 0;padding:0;border:1px solid #dce4ed;border-radius:8px;max-height:154px;overflow:auto}
.template-targets li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 15px;font-size:13px;border-bottom:1px solid #e8edf3}
.template-targets li:last-child{border-bottom:0}
.template-preserved{display:flex;align-items:flex-start;gap:10px;color:#375c7f;margin:20px 0}
.template-preserved>.icon{flex-shrink:0;margin-top:2px}
.template-preserved p{margin:0;font-size:12px;line-height:1.7}
.template-publication-note{font-size:12px;line-height:1.7;color:#6a7888}
.template-actions{flex-wrap:wrap}
.template-review-again{font-size:12px;margin-top:12px}
@media(max-width:760px){.pack-template-dialog{width:calc(100vw - 20px);padding:22px}.template-actions{flex-direction:column}.template-targets{max-height:180px}.editor-topbar .top-actions{gap:7px}}
input[data-score-input]:focus{outline:none}
.score-input-wrap:focus-within{border-bottom-color:var(--student-text,#265385)}
.group-score-row input.extra-score-input:focus{border-bottom-color:var(--student-text,#265385);box-shadow:0 1px 0 var(--student-text,#265385)}
.student-all-packs{display:block;text-align:center;margin-top:20px;font-size:12px}
.student-admin-main{margin:auto;width:min(440px,86%);padding:40px 0 60px;flex:1;display:flex;align-items:center}
.student-admin-main .student-access-card{width:100%}
.student-admin-main .text-link{display:block;margin:20px auto 0;font-size:12px}
.selected-exam .student-session-action{font-size:11px;line-height:1.6;color:inherit;text-decoration:underline;text-underline-offset:3px;opacity:.7;cursor:pointer;background:none;border:0;padding:0}
.student-pack-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:36px}
.student-pack-options>a{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:27px;border:1px solid #26538525;border-radius:13px;background:#ffffff70;text-decoration:none;color:inherit;transition:background .15s,transform .15s}
.student-pack-options>a:hover{transform:translateY(-3px);background:#e5eff9;border-color:#26538560}
.student-pack-options>a>.icon{background:#dce9f7;border-radius:9px;padding:10px;box-sizing:content-box;color:var(--brand)}
.student-pack-options strong{font-size:21px;line-height:1.4;font-weight:500}
.student-pack-options a>span{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;font-size:12px;opacity:.75;margin-top:auto}
.student-empty-packs{max-width:600px;margin:30px 0;padding:25px;border:1px dashed #26538555;border-radius:12px;background:#fff8}
.student-empty-packs h2{font-size:22px;font-weight:500}
.student-empty-packs p{font-size:14px;line-height:1.8}
.student-page .student-empty-packs .student-button{font-size:13px;padding:14px 18px}
.student-practice-badge{display:table;font-size:11px;font-weight:600;line-height:1.6;padding:9px 13px;border:1px solid #8b742535;color:#715b20;background:#fff5d7;border-radius:7px;margin:0 0 24px}
.student-page>header+.student-practice-badge{margin:0 10% 15px;align-self:flex-start}
.pack-access-settings{margin:25px 0;padding:20px;border:1px solid #cfddeb;border-radius:10px;background:#f3f7fb}
.pack-access-settings h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 10px}
.pack-access-settings>p{font-size:12px;line-height:1.75;margin:0 0 15px}
.pack-access-settings fieldset{border:0;padding:0;margin:0;min-width:0}
.pack-access-settings legend{font-size:12px;font-weight:600;padding:0;margin-bottom:10px}
.pack-product-options{max-height:190px;overflow-y:auto;display:grid;gap:7px}
.pack-product-options label{display:flex;align-items:flex-start;gap:9px;margin:0;font-size:12px;line-height:1.65;padding:9px 10px;background:#fff;border:1px solid #dfe6ee;border-radius:6px;cursor:pointer}
.pack-product-options input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:var(--brand)}
.pack-access-footer{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:17px}
.pack-access-footer small{font-size:11px;line-height:1.65;color:#596e83;flex:1;min-width:140px}
.pack-access-footer .btn{font-size:12px;white-space:nowrap}
@media(max-width:980px){.student-access-main{grid-template-columns:minmax(0,1fr) minmax(0,390px);gap:35px}.student-access-card{padding:28px}.student-access-intro h1{font-size:48px}.student-pack-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.student-access-main{display:block;width:86%;padding:25px 0 45px}.student-access-intro h1{font-size:42px;letter-spacing:-1.5px;margin:15px 0}.student-access-intro>p{font-size:15px;max-width:none;margin-bottom:25px}.student-access-intro>.eyebrow,.student-access-note{display:none}.student-access-card{padding:26px 23px;border-radius:15px}.student-access-card h1,.student-access-card h2{font-size:27px}.student-access-card>p{font-size:13px;margin-bottom:23px}.student-access-card>input{font-size:16px}.student-access-card>.student-button{font-size:13px;padding:16px 17px}.student-access-label{font-size:9px!important;letter-spacing:.5px}.student-pack-options{grid-template-columns:1fr;gap:12px;margin-top:27px}.student-pack-options>a{padding:23px;gap:15px}.student-pack-options strong{font-size:20px}.student-access-page>footer,.student-pack-library>footer{gap:15px}.pack-access-settings{padding:16px}.student-page>header+.student-practice-badge{margin-left:7%;margin-right:7%}.student-practice-badge{font-size:10px}}