:root{--brand-blue: #4862ee;--brand-blue-dark: #3b4fc9;--brand-blue-pale: #f4f5ff;--brand-coral: #fc7750;--surface-peach: #feefeb;--ink-900: #1f212e;--ink-700: #2c2c2c;--ink-500: #545454;--paper: #ffffff;--danger: #d94c3a;--success: #55c751;--surface-tan: #f4c99b;--rule: #e3e6f6}*{box-sizing:border-box}button,input,textarea,select{font-family:inherit}body{margin:0;background:var(--surface-peach);color:var(--ink-700);font-family:Geomanist,Manrope,Noto Sans Devanagari,sans-serif}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.widget{width:100%;max-width:480px;height:640px;background:var(--paper);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 4px 20px #1f212e0f}.welcome{width:100%;max-width:460px;background:var(--paper);border-radius:16px;padding:32px 28px;box-shadow:0 4px 20px #1f212e0f;display:flex;flex-direction:column}.welcome-title{font-size:20px;font-weight:800;color:var(--ink-900);line-height:1.3}.welcome-sub{margin-top:10px;font-size:14px;line-height:1.5;color:var(--ink-500)}.welcome-label{margin-top:24px;margin-bottom:8px;font-size:13px;font-weight:700;color:var(--ink-700)}.welcome-toggle{display:flex;gap:8px}.welcome-choice{flex:1;padding:10px 12px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font-family:inherit;font-size:12.5px;color:var(--ink-700);cursor:pointer;line-height:1.3}.welcome-choice.active{border-color:var(--brand-blue);background:var(--brand-blue-pale);color:var(--brand-blue-dark);font-weight:700}.welcome-input{margin-top:12px;padding:12px 14px;border:1px solid var(--rule);border-radius:10px;font-size:14px;font-family:inherit}.welcome-input:focus{outline:none;border-color:var(--brand-blue)}.welcome-consent{margin-top:12px;font-size:12px;line-height:1.5;color:var(--muted, #8a8a94)}.welcome-start{margin-top:20px;padding:13px;border:none;border-radius:999px;background:var(--brand-blue);color:#fff;font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer}.welcome-start:hover:not(:disabled){background:var(--brand-blue-dark)}.welcome-start:disabled{opacity:.5;cursor:default}.widget-header{display:flex;align-items:center;gap:10px;padding:16px 18px;background:var(--brand-blue);color:#fff;transition:background .2s ease}.widget-header.roleplay-active{background:var(--brand-coral)}.progress-wrap{padding:10px 16px 8px;background:var(--paper);border-bottom:1px solid var(--rule)}.progress-track{position:relative;height:6px;border-radius:999px;background:var(--rule)}.progress-fill{height:100%;border-radius:999px;background:var(--brand-blue);transition:width .4s ease}.progress-tick{position:absolute;top:-2px;width:2px;height:10px;background:var(--paper);transform:translate(-1px)}.progress-label{margin-top:5px;font-size:10.5px;color:var(--ink-500);text-align:right;font-variant-numeric:tabular-nums}.roleplay-banner{padding:8px 16px;background:#fff3ee;color:var(--brand-coral);font-size:12px;font-weight:700;text-align:center;border-bottom:1px solid var(--rule)}.header-text{flex:1;min-width:0}.dot{width:10px;height:10px;border-radius:50%;background:var(--brand-coral);flex:0 0 auto}.title{font-weight:700;font-size:14.5px}.subtitle{font-size:12px;opacity:.85}.thread{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.45;white-space:pre-wrap}.bubble.trainer{background:var(--brand-blue-pale);color:var(--ink-700);align-self:flex-start;border-bottom-left-radius:4px}.bubble.trainee{background:var(--brand-blue);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble.typing{display:inline-flex;align-items:center;padding:12px 16px}.typing-dots{display:inline-flex;gap:5px}.typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--brand-blue);opacity:.35;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-dots span{animation:none;opacity:.6}}.bubble.customer{background:var(--surface-tan);color:var(--ink-900);align-self:flex-start;border-bottom-left-radius:4px}.text-block+.text-block{margin-top:8px}.text-block:empty{display:none}.example-card{margin-top:8px;padding:8px 12px;border-radius:10px;font-size:13.5px;line-height:1.4}.example-card:first-child{margin-top:0}.example-card.weak{background:#fdece5;border:1px solid #f3b8a2;color:#8a3b22}.example-card.strong{background:#e9f4ea;border:1px solid #a9d2ac;color:#2f6b4f}.example-tag{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.example-card.weak .example-tag{color:var(--danger)}.example-card.strong .example-tag{color:#3c8a41}.customer-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#7a4a1c;margin-bottom:3px}.bubble.coach{align-self:flex-start;max-width:85%;background:#fff6e9;border:1px dashed #e0a94f;color:#7a521a;border-radius:12px;font-size:13px;line-height:1.4;font-style:italic}.coach-label{display:block;font-size:10px;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.05em;color:#b9791f;margin-bottom:3px}.choice-move-on{border-style:dashed;color:var(--ink-500)}.bubble.action{align-self:center;max-width:90%;background:#eef7f0;color:#2f6b4f;font-weight:600;font-size:12.5px;text-align:center;border-radius:10px}.composer{display:flex;gap:8px;padding:14px;border-top:1px solid var(--rule)}.composer input{flex:1;padding:10px 14px;border:1px solid var(--rule);border-radius:999px;font-size:14px;font-family:inherit}.composer textarea{flex:1;padding:10px 14px;border:1px solid var(--rule);border-radius:18px;font-size:14px;font-family:inherit;resize:none;overflow-y:auto;max-height:120px;line-height:1.4}.composer{align-items:flex-end}.composer button{padding:10px 22px;border:none;border-radius:999px;background:var(--brand-blue);color:#fff;font-family:inherit;font-weight:500;font-size:13px;cursor:pointer}.composer button:hover:not(:disabled){background:var(--brand-blue-dark)}.composer button:disabled{opacity:.5;cursor:default}.error{padding:10px 16px;font-size:12.5px;color:var(--danger);background:#fbeae7}.concept-check-panel{display:flex;flex-direction:column;gap:8px;padding:14px;border-top:1px solid var(--rule);background:var(--brand-blue-pale)}.concept-check-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font-family:inherit;font-size:13.5px;text-align:left;line-height:1.35;color:var(--ink-700);cursor:pointer}.concept-check-option:hover:not(:disabled){border-color:var(--brand-blue);background:var(--brand-blue-pale)}.concept-check-option:disabled{opacity:.6;cursor:default}.option-letter{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--brand-blue);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.order-panel{padding:10px 14px;background:#eef7f0;border-top:1px solid var(--rule)}.order-panel button{width:100%;padding:12px;border:none;border-radius:999px;background:var(--success);color:#fff;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer}.order-panel button:hover:not(:disabled){background:#489e40}.order-panel button:disabled{opacity:.5;cursor:default}.order-hint{margin-top:7px;font-size:12px;line-height:1.4;color:var(--ink-500, #5c584a);text-align:center}.cert-wrap{padding:16px;border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:12px}.certificate{border:2px solid var(--brand-blue);border-radius:12px;padding:24px 20px;text-align:center;background:var(--brand-blue-pale)}.cert-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-coral)}.cert-title{margin-top:8px;font-size:20px;font-weight:800;color:var(--ink-900)}.cert-awarded{margin-top:16px;font-size:12px;color:var(--ink-500)}.cert-name{margin-top:4px;font-size:18px;font-weight:700;color:var(--brand-blue-dark);word-break:break-word}.cert-desc{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--ink-700)}.cert-date{margin-top:16px;font-size:12.5px;font-weight:600;color:var(--ink-900)}.cert-print{padding:11px;border:1px solid var(--brand-blue);border-radius:999px;background:var(--paper);color:var(--brand-blue-dark);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.cert-print:hover{background:var(--brand-blue-pale)}.cert-note{font-size:12.5px;line-height:1.5;color:var(--ink-500);text-align:center}@media print{body *{visibility:hidden}#certificate,#certificate *{visibility:visible}#certificate{position:absolute;left:0;top:0;width:100%;border:2px solid var(--brand-blue)}}.assessment,.completion{width:100%;max-width:560px;background:var(--paper);border-radius:16px;padding:24px 22px;box-shadow:0 4px 20px #1f212e0f;max-height:calc(100vh - 48px);overflow-y:auto}.assessment-title{font-size:20px;font-weight:800;color:var(--ink-900)}.assessment-sub{margin-top:8px;font-size:13.5px;line-height:1.5;color:var(--ink-500);margin-bottom:8px}.aq{padding:16px 0;border-top:1px solid var(--rule)}.aq-prompt{font-size:14.5px;font-weight:600;color:var(--ink-900);line-height:1.45;margin-bottom:10px}.aq-options{display:flex;flex-direction:column;gap:8px}.aq-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--rule);border-radius:10px;background:var(--paper);font-family:inherit;font-size:13.5px;text-align:left;line-height:1.35;color:var(--ink-700);cursor:pointer}.aq-opt.active{border-color:var(--brand-blue);background:var(--brand-blue-pale);color:var(--brand-blue-dark);font-weight:600}.aq-letter{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--rule);color:var(--ink-700);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.aq-opt.active .aq-letter{background:var(--brand-blue);color:#fff}.aq-fill{width:100%;padding:11px 14px;border:1px solid var(--rule);border-radius:10px;font-size:14px;font-family:inherit}.aq-fill:focus{outline:none;border-color:var(--brand-blue)}.assessment-submit{margin-top:20px;width:100%;padding:13px;border:none;border-radius:999px;background:var(--brand-blue);color:#fff;font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer}.assessment-submit:hover:not(:disabled){background:var(--brand-blue-dark)}.assessment-submit:disabled{opacity:.5;cursor:default}.assessment-hint{margin-top:8px;font-size:12px;color:var(--muted, #8a8a94);text-align:center}.results{margin-bottom:16px}.results-score{font-size:22px;font-weight:800;color:var(--brand-blue-dark);text-align:center;padding:12px 0 16px}.rev{padding:12px 14px;border-radius:10px;margin-bottom:10px;font-size:13px;line-height:1.45}.rev.correct{background:#e9f4ea;border:1px solid #a9d2ac}.rev.wrong{background:#fdece5;border:1px solid #f3b8a2}.rev-prompt{font-weight:600;color:var(--ink-900);margin-bottom:6px}.rev-line{color:var(--ink-700)}.rev-mark{font-weight:800}.rev.correct .rev-mark{color:#3c8a41}.rev.wrong .rev-mark{color:var(--danger)}.rev-correct{color:#2f6b4f;font-weight:600}.rev-exp{margin-top:6px;color:var(--ink-500);font-size:12.5px}.sale-challenge{margin-top:20px;padding:18px 18px 16px;border:1px solid #f0d9a8;border-radius:14px;background:linear-gradient(180deg,#fffaf0,#fef6e6)}.sale-challenge.closed{border-color:var(--rule);background:var(--brand-blue-pale, #f3f5fb)}.sale-title{font-size:16px;font-weight:800;color:var(--ink-900)}.sale-body{margin-top:6px;font-size:13px;line-height:1.5;color:var(--ink-700)}.sale-submitted{margin-top:10px;font-size:12.5px;font-weight:600;color:#3c8a41}.sale-form{margin-top:12px;display:flex;gap:8px}.sale-input{flex:1 1 auto;min-width:0;padding:11px 14px;border:1px solid var(--rule);border-radius:10px;font-size:14px;font-family:inherit}.sale-input:focus{outline:none;border-color:var(--brand-blue)}.sale-submit{flex:0 0 auto;padding:11px 18px;border:none;border-radius:999px;background:var(--brand-blue);color:#fff;font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.sale-submit:hover:not(:disabled){background:var(--brand-blue-dark)}.sale-submit:disabled{opacity:.5;cursor:default}