:root{color:#17131f;font-synthesis:none;text-rendering:optimizelegibility;--green:#00c646;--green-dark:#008f34;--purple:#5406cb;--purple-soft:#eee4ff;--ink:#17131f;--muted:#6b6574;--paper:#fffdf8;--line:#ddd8e3;--score-remainder:#ded9e2;--shadow:0 24px 70px #30233c1c;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}a{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header,.site-footer{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;display:flex}.site-header{padding:28px 0}.site-footer{color:var(--muted);justify-content:center;padding:28px 0 36px;font-size:.9rem}.brand{align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-logo{object-fit:cover;border-radius:50%;width:42px;height:42px;display:block}main{flex:1}.intro-layout,.assessment-layout,.results-layout{width:min(1120px,100% - 40px);margin:42px auto 72px}.intro-layout{width:min(620px,100% - 40px);margin-top:24px}.eyebrow,.step-label{color:var(--purple);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(2.55rem,6vw,5.2rem);line-height:.98}h2{letter-spacing:-.035em;font-size:clamp(1.7rem,3vw,2.4rem)}.student-card,.question-card,.results-section,.answer-review{background:var(--paper);box-shadow:var(--shadow);border:1px solid #5406cb17;border-radius:26px}.student-card{gap:24px;padding:34px;display:grid}.assessment-intro{border-bottom:1px solid var(--line);padding-bottom:20px}.assessment-intro h1{margin:12px 0 14px;font-size:clamp(2.25rem,7vw,3.7rem);line-height:1.02}.assessment-intro p{margin-bottom:0}.student-card h2{margin:8px 0}.student-card p{color:var(--muted);line-height:1.5}.student-card label{gap:9px;font-size:.9rem;font-weight:700;display:grid}.student-card input[type=text],.student-card input[type=email],.student-card input:not([type]){border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:14px 15px}.student-card input:focus{border-color:var(--purple);box-shadow:0 0 0 4px #5406cb1a}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:13px;padding:14px 19px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button{color:#09150d;background:var(--green);box-shadow:0 10px 25px #00c64638}.secondary-button{color:var(--ink);background:#efebf2}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.assessment-layout{max-width:850px}.assessment-topline{margin-bottom:24px}.assessment-topline>div:first-child{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.question-count{color:var(--muted);font-size:.9rem}.progress-track,.mini-track{background:#e5e0e8;border-radius:99px;overflow:hidden}.progress-track{height:8px}.progress-track span,.mini-track span{background:linear-gradient(90deg, var(--purple), var(--green));border-radius:inherit;height:100%;transition:width .25s;display:block}.question-card{flex-direction:column;min-height:720px;padding:clamp(26px,5vw,52px);display:flex}.skill-label{color:var(--purple);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.question-card h1{letter-spacing:-.02em;margin:22px 0 30px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.28}.instruction{color:var(--purple);margin:22px 0 -8px;font-weight:700}.multiple-instruction{color:var(--ink);background:#e8f8ed;border:2px solid #00c64661;border-radius:14px;align-items:center;gap:13px;margin:-8px 0 22px;padding:15px 17px;font-size:1.02rem;font-weight:750;line-height:1.35;animation:.7s ease-out 2 multiple-instruction-pulse;display:flex;box-shadow:0 10px 24px #008f341f}.multiple-instruction strong{letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.76rem;display:block}.multiple-instruction-icon{color:#fff;background:var(--purple);border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:1.25rem;font-weight:950;display:grid}@keyframes multiple-instruction-pulse{50%{box-shadow:0 0 0 6px #5406cb3d,0 10px 24px #008f341f}}@media (prefers-reduced-motion:reduce){.multiple-instruction{animation:none}}.question-context{border-left:4px solid var(--green);color:#343039;background:#f0faf3;margin:22px 0 -8px;padding:15px 17px;line-height:1.5}.answer-list{gap:12px;display:grid}.answer-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:15px;align-items:center;gap:14px;min-height:62px;padding:13px 16px;line-height:1.4;display:flex;position:relative}.answer-option:hover{border-color:#5406cb73}.answer-option.selected{border-color:var(--purple);background:#f6f0ff;box-shadow:0 0 0 3px #5406cb14}.answer-option input{opacity:0;pointer-events:none;position:absolute}.option-letter{background:#eeeaf0;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:.78rem;font-weight:900;display:grid}.answer-option.selected .option-letter{color:#fff;background:var(--purple)}.text-answer{gap:9px;font-size:.9rem;font-weight:800;display:grid}.text-answer input,.text-answer textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:13px;outline:none;padding:16px}.text-answer textarea{resize:vertical;min-height:112px;line-height:1.5}.text-answer input:focus,.text-answer textarea:focus{border-color:var(--purple);box-shadow:0 0 0 4px #5406cb1a}.question-actions{justify-content:space-between;gap:16px;margin-top:auto;padding-top:32px;display:flex}.results-layout{max-width:900px}.results-hero{grid-template-columns:auto 1fr;align-items:center;gap:34px;margin-bottom:32px;display:grid}.results-hero h1{margin:10px 0 12px;font-size:clamp(2.4rem,6vw,4.5rem)}.results-hero p{color:var(--muted)}.score-ring{text-align:center;width:172px;height:172px;color:var(--ink);box-shadow:var(--shadow);border-radius:50%;place-content:center;display:grid;position:relative}.score-ring:before{content:"";background:var(--paper);border-radius:50%;position:absolute;inset:18px}.score-ring strong,.score-ring span{z-index:1;position:relative}.score-ring strong{letter-spacing:-.06em;font-size:2.7rem}.score-ring span{color:var(--muted);font-size:.82rem}.save-status{background:#ece8ef;border-radius:9px;padding:8px 11px;font-size:.82rem;display:inline-flex}.save-status.success{color:#08752f;background:#e3f8ea}.save-status.warning{color:#7a4d00;background:#fff1d2}.save-status.error{color:#9b1c1c;background:#ffe3e3}.level-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.level-card{color:#fff;background:var(--purple);border-radius:20px;padding:24px}.level-card:nth-child(2){color:#07140c;background:var(--green)}.level-card span{opacity:.85;font-size:.86rem;font-weight:800;display:block}.level-card strong{letter-spacing:-.05em;margin:10px 0 2px;font-size:2.5rem;display:block}.level-card p{opacity:.78;margin:0;font-size:.86rem}.results-section{margin-top:18px;padding:clamp(24px,4vw,38px)}.section-heading h2{margin:8px 0 24px}.skill-results{gap:18px;display:grid}.skill-result>div:first-child{justify-content:space-between;gap:20px;margin-bottom:7px;font-size:.9rem;display:flex}.mini-track{height:7px}.review-section{box-shadow:none}.recommendation-list{gap:10px;display:grid}.recommendation-list>div{background:#f3eff7;border-radius:12px;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:13px 14px;display:grid}.recommendation-list span{color:var(--purple);font-weight:900}.recommendation-list p{margin:0}.answer-review{margin-top:18px;overflow:hidden}.answer-review summary{cursor:pointer;padding:22px 28px;font-weight:850}.answer-review>div{gap:12px;padding:0 28px 28px;display:grid}.answer-review article{background:#f4f1f6;border-radius:14px;padding:20px}.answer-review article>span{color:var(--purple);font-size:.78rem;font-weight:900}.answer-review article h3{margin:6px 0 12px}.answer-review article p{color:var(--muted);margin:6px 0;line-height:1.5}.answer-review article .review-context{border-left:4px solid var(--green);color:#343039;background:#f0faf3;margin:10px 0 12px;padding:12px 14px}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.action-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.saved-results-button{color:var(--ink);background:#efebf2}.saved-result-date{font-size:.86rem}.saved-result-state h1{margin-bottom:12px;font-size:clamp(2.2rem,7vw,3.7rem)}.saved-result-state p:last-child{margin-bottom:0}.email-results-button{color:#fff;background:var(--purple);border:1px solid var(--purple);box-shadow:0 10px 25px #5406cb38}.email-status{border-radius:10px;width:fit-content;margin:12px auto 0;padding:9px 12px;font-size:.86rem}.email-status.success{color:#08752f;background:#e3f8ea}.email-status.error{color:#9b1c1c;background:#ffe3e3}.ai-review-status p{color:var(--muted);margin-bottom:0}.ai-review-note{color:var(--muted);background:#f4f1f6;border-radius:12px;margin:18px 0 0;padding:13px 15px}.personalized-review article{border-left:5px solid var(--green)}.personalized-review article.feedback-incorrect,.personalized-review article.feedback-acceptable_but_not_target{border-left-color:var(--purple)}.coach-results-layout{width:min(1120px,100% - 40px);margin:24px auto 72px}.coach-results-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;display:flex}.coach-results-heading h1{margin:12px 0 10px;font-size:clamp(2.5rem,6vw,4.8rem)}.coach-results-heading p{color:var(--muted);margin-bottom:0}.coach-account{color:var(--muted);justify-items:end;gap:10px;font-size:.86rem;display:grid}.coach-results-filters{background:var(--paper);box-shadow:var(--shadow);border:1px solid #5406cb17;border-radius:20px;grid-template-columns:minmax(230px,1fr) minmax(220px,.65fr) auto;align-items:end;gap:14px;padding:20px;display:grid}.coach-results-filters label{gap:8px;font-size:.84rem;font-weight:800;display:grid}.coach-results-filters input,.coach-results-filters select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 13px}.coach-results-filters input:focus,.coach-results-filters select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #5406cb1a}.coach-results-summary{color:var(--muted);align-items:baseline;gap:6px;padding:24px 4px 12px;display:flex}.coach-results-summary strong{color:var(--ink)}.coach-results-summary span{margin-left:auto;font-size:.86rem}.coach-results-table-wrap{background:var(--paper);box-shadow:var(--shadow);border:1px solid #5406cb17;border-radius:20px;overflow-x:auto}.coach-results-table{border-collapse:collapse;width:100%;min-width:880px}.coach-results-table th,.coach-results-table td{text-align:left;border-bottom:1px solid var(--line);padding:16px 18px}.coach-results-table th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.coach-results-table tbody tr:last-child td{border-bottom:0}.coach-results-table tbody tr:hover{background:#faf7fc}.coach-results-table td strong{display:block}.coach-results-table td span{color:var(--muted);margin-top:4px;font-size:.8rem;display:block}.coach-results-table td:last-child{text-align:right}.coach-results-table .primary-button{padding:10px 14px}.coach-results-loading{color:var(--muted);padding:28px 4px}.coach-empty-state{margin-top:12px}.coach-pagination{justify-content:center;align-items:center;gap:14px;margin-top:22px;display:flex}.coach-result-nav{margin-bottom:24px}.coach-result-nav a{color:var(--purple);font-weight:800;text-decoration:none}.coach-result-nav a:hover{text-decoration:underline}.coach-login h1{font-size:clamp(2.25rem,7vw,3.7rem)}.coach-login .email-status{width:auto;margin:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px){.results-hero{text-align:center;grid-template-columns:1fr}.score-ring{margin:0 auto}.results-hero .eyebrow{text-align:center}.coach-results-heading{flex-direction:column;align-items:flex-start}.coach-account{justify-items:start}.coach-results-filters{grid-template-columns:1fr 1fr}.coach-results-filters .primary-button{grid-column:1/-1}}@media (width<=560px){.site-header,.site-footer,.intro-layout,.assessment-layout,.results-layout{width:min(100% - 24px,1120px)}.site-header{padding:17px 0}.student-card,.question-card{border-radius:20px;padding:23px 18px}.question-card{min-height:auto}.question-actions{align-items:stretch}.question-actions button{flex:1}.level-grid{grid-template-columns:1fr}.recommendation-list>div{grid-template-columns:62px 1fr}.recommendation-list strong{grid-column:2}.coach-results-layout{width:min(100% - 24px,1120px)}.coach-results-filters{grid-template-columns:1fr;padding:16px}.coach-results-filters .primary-button{grid-column:auto}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.student-player button,.presenter-view button{cursor:pointer}.student-player button:disabled,.presenter-view button:disabled{cursor:not-allowed;opacity:.35}.student-player{background:#242129;grid-template-rows:auto minmax(0,1fr) auto;min-height:100vh;display:grid}.student-topbar{color:#fff;background:#17131f;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:12px clamp(16px,3vw,34px);display:flex}.student-topbar>div:first-child{gap:3px;min-width:0;display:grid}.student-topbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.lesson-kicker,.panel-eyebrow{color:var(--green);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.student-actions,.presenter-actions{flex:none;align-items:center;gap:10px;display:flex}.text-button,.primary-action{border:0;border-radius:11px;padding:10px 14px;font-size:.82rem;font-weight:800}.text-button{color:inherit;background:#ffffff1a}.primary-action{color:#07140c;background:var(--green)}.sync-status{color:#aaa4ae;white-space:nowrap;align-items:center;gap:7px;font-size:.76rem;display:inline-flex}.sync-status i{background:#7b747f;border-radius:50%;width:8px;height:8px}.sync-status.connected{color:inherit}.sync-status.connected i{background:var(--green);box-shadow:0 0 0 4px #00c64621}.student-stage{place-items:center;min-height:0;padding:clamp(10px,2vw,24px);display:grid;overflow:hidden}.lesson-slide-image{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.student-stage .lesson-slide-image{border-radius:5px;max-width:min(100%,177.778vh - 284.444px);max-height:calc(100vh - 160px);box-shadow:0 18px 55px #00000059}.student-controls{color:#fff;background:#17131f;border-top:1px solid #ffffff1a;place-items:center;min-height:72px;padding:10px 18px;display:grid}.lesson-navigation{align-items:center;gap:14px;display:flex}.lesson-navigation button{width:44px;height:44px;color:inherit;background:#ffffff1c;border:0;border-radius:12px;place-items:center;font-size:1.2rem;font-weight:900;display:grid}.lesson-navigation label{color:#c9c4cc;align-items:center;gap:8px;font-size:.8rem;display:flex}.lesson-navigation input{color:#fff;text-align:center;background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;width:52px;padding:8px 5px;font-weight:850}.presenter-body{background:#eeeaf0}.presenter-view{min-height:100vh;padding:0 28px 30px}.presenter-header{border-bottom:1px solid #d8d2dc;justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.presenter-header>div:first-child{align-items:center;gap:14px;display:flex}.presenter-header img{object-fit:contain;object-position:left center;width:188px;height:38px}.presenter-header>div:first-child span{color:var(--purple);border-left:1px solid #ccc5d0;padding-left:14px;font-weight:850}.presenter-header .text-button{color:#fff;background:var(--purple)}.presenter-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);align-items:start;gap:22px;width:min(1500px,100%);margin:26px auto 0;display:grid}.presenter-current,.notes-panel,.next-panel{background:var(--paper);border:1px solid #5406cb14;border-radius:20px;box-shadow:0 18px 50px #30233c17}.presenter-current{padding:18px}.panel-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:.74rem;font-weight:800;display:flex}.panel-label strong{color:var(--purple);font-size:.86rem}.presenter-slide-frame,.next-slide-frame{aspect-ratio:16/9;background:#e6e2e8;border-radius:8px;overflow:hidden}.presenter-current .lesson-navigation{color:var(--ink);justify-content:center;margin-top:16px}.presenter-current .lesson-navigation button{color:var(--ink);background:#ece8ef}.presenter-current .lesson-navigation input{color:var(--ink);border-color:var(--line);background:#fff}.presenter-current .lesson-navigation label{color:var(--muted)}.presenter-sidebar{gap:18px;display:grid}.notes-panel{border-top:6px solid var(--green);min-height:390px;padding:clamp(22px,3vw,32px)}.notes-panel h1{letter-spacing:-.045em;margin:10px 0 18px;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.06}.notes-panel p{color:#4f4954;margin:0;font-size:1rem;line-height:1.65}.next-panel{padding:18px}.next-panel p{color:var(--muted);margin:12px 2px 1px;font-size:.85rem;line-height:1.35}.next-panel .end-message{place-items:center;min-height:110px;margin:0;display:grid}:fullscreen .student-topbar{min-height:54px;padding-top:8px;padding-bottom:8px}:fullscreen .student-controls{min-height:58px}:fullscreen .student-stage .lesson-slide-image{max-width:min(100%,177.778vh - 199.111px);max-height:calc(100vh - 112px)}@media (width<=980px){.presenter-grid{grid-template-columns:1fr}.presenter-sidebar{grid-template-columns:1.35fr .65fr}}@media (width<=720px){.student-topbar{align-items:flex-start}.student-actions .sync-status,.student-actions .text-button{display:none}.presenter-view{padding:0 14px 20px}.presenter-header{align-items:flex-start;padding:14px 0}.presenter-header img{width:150px}.presenter-header>div:first-child span{display:none}.presenter-actions{flex-direction:column-reverse;align-items:flex-end}.presenter-sidebar{grid-template-columns:1fr}}body.wl-body{background:#fff}.wl-root{--wl-purple:#5406cb;--wl-purple-dark:#3f0499;--wl-purple-tint:#f4effc;--wl-green:#00c646;--wl-green-text:#007a2e;--wl-ink:#17131f;--wl-muted:#5f5a68;--wl-line:#e4e1e8;--wl-surface:#f6f6f8;--wl-white:#fff;--wl-wrong:#b42318;--wl-radius:18px;--wl-focus:0 0 0 3px #fff, 0 0 0 6px var(--wl-purple);min-height:100vh;color:var(--wl-ink);background:var(--wl-white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wl-root :focus-visible{box-shadow:var(--wl-focus);outline:none}.wl-root button{font:inherit;cursor:pointer}.wl-root button:disabled{cursor:not-allowed}.wl-button{border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 16px;font-size:.9rem;font-weight:750;line-height:1.1;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.wl-button-primary{color:var(--wl-white);background:var(--wl-purple)}.wl-button-primary:hover:not(:disabled){background:var(--wl-purple-dark)}.wl-button-quiet{color:var(--wl-purple);background:var(--wl-white);border-color:#d9cdee}.wl-button-quiet:hover:not(:disabled){border-color:var(--wl-purple)}.wl-button-quiet[aria-pressed=true]{background:var(--wl-purple-tint);border-color:var(--wl-purple)}.wl-button-small{min-height:36px;color:var(--wl-purple);background:var(--wl-white);border-color:#d9cdee;padding:7px 13px;font-size:.82rem}.wl-button:disabled{opacity:.45}.wl-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wl-student{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.wl-topbar,.wl-presenter-header{border-bottom:1px solid var(--wl-line);background:var(--wl-white);justify-content:space-between;align-items:center;gap:20px;padding:12px clamp(16px,3vw,32px);display:flex}.wl-topbar-brand{align-items:center;gap:16px;min-width:0;display:flex}.wl-logo{object-fit:contain;object-position:left center;flex:none;width:190px;height:38px}.wl-topbar-title{border-left:1px solid var(--wl-line);gap:2px;min-width:0;padding-left:16px;display:grid}.wl-topbar-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.wl-kicker,.wl-eyebrow{color:var(--wl-purple);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}.wl-topbar-actions{flex:none;align-items:center;gap:10px;display:flex}.wl-sync{color:var(--wl-muted);white-space:nowrap;align-items:center;gap:7px;font-size:.8rem;display:inline-flex}.wl-sync i{background:#a6a1ad;border-radius:50%;width:9px;height:9px}.wl-sync.is-connected{color:var(--wl-ink);font-weight:650}.wl-sync.is-connected i{background:var(--wl-green);box-shadow:0 0 0 4px #00c64629}.wl-stage{background:var(--wl-white);min-height:0;overflow-y:auto}.wl-stage-inner{flex-direction:column;width:min(1240px,100%);min-height:100%;margin:0 auto;padding:clamp(18px,3.5vw,44px) clamp(16px,4vw,48px);display:flex;container-type:inline-size}.wl-footer{border-top:1px solid var(--wl-line);background:var(--wl-white);justify-items:center;display:grid}.wl-progress{background:var(--wl-surface);width:100%;height:4px}.wl-progress span{background:var(--wl-purple);height:100%;display:block}.wl-nav{align-items:center;gap:12px;padding:10px 16px;display:flex}.wl-nav button{border:1.5px solid var(--wl-line);width:44px;height:44px;color:var(--wl-ink);background:var(--wl-white);border-radius:12px;place-items:center;font-size:1.15rem;font-weight:800;display:grid}.wl-nav button:hover:not(:disabled){border-color:var(--wl-purple);color:var(--wl-purple)}.wl-nav button:disabled{opacity:.35}.wl-nav label{color:var(--wl-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.wl-nav input{border:1.5px solid var(--wl-line);width:56px;color:var(--wl-ink);background:var(--wl-white);text-align:center;font:inherit;border-radius:10px;padding:8px 4px;font-weight:800}:fullscreen .wl-topbar{padding-top:8px;padding-bottom:8px}.wl-presenter{background:var(--wl-surface);padding-bottom:28px}.wl-presenter-label{border-left:1px solid var(--wl-line);color:var(--wl-purple);padding-left:16px;font-weight:800}.wl-presenter-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);align-items:start;gap:20px;width:min(1560px,100% - 40px);margin:22px auto 0;display:grid}.wl-panel{border:1px solid var(--wl-line);border-radius:var(--wl-radius);background:var(--wl-white);box-shadow:0 10px 30px #17131f0f}.wl-presenter-current,.wl-next{padding:16px}.wl-panel-label{color:var(--wl-muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.74rem;font-weight:800;display:flex}.wl-panel-label strong{color:var(--wl-purple);font-size:.86rem}.wl-preview-frame{border:1px solid var(--wl-line);background:var(--wl-white);border-radius:10px;overflow:hidden}.wl-presenter-current .wl-preview-frame{max-height:calc(100vh - 260px);overflow-y:auto}.wl-scaled{position:relative;overflow:hidden}.wl-scaled-inner{transform-origin:0 0;flex-direction:column;min-height:720px;padding:40px 48px;display:flex;position:absolute;top:0;left:0;container-type:inline-size}.wl-presenter-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 22px;margin-top:12px;display:flex}.wl-jump{color:var(--wl-muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.wl-jump select{border:1.5px solid var(--wl-line);max-width:300px;color:var(--wl-ink);background:var(--wl-white);font:inherit;border-radius:10px;padding:9px 10px}.wl-presenter-sidebar{gap:18px;min-width:0;display:grid}.wl-presenter-grid>*{min-width:0}.wl-notes{border-top:5px solid var(--wl-green);min-height:320px;padding:clamp(20px,2.5vw,30px)}.wl-notes h1{letter-spacing:-.03em;margin:10px 0 14px;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.1}.wl-notes p{color:#3d3845;margin:0 0 12px;font-size:1rem;line-height:1.6}.wl-next p{color:var(--wl-muted);margin:10px 2px 0;font-size:.86rem}.wl-next .wl-end{place-items:center;min-height:100px;margin:0;display:grid}.wl-screen{flex-direction:column;flex:1;gap:clamp(14px,2.4cqi,28px);display:flex}.wl-screen-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.wl-screen-header>div:first-child{gap:6px;display:grid}.wl-heading{letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,4.2cqi,3.1rem);font-weight:850;line-height:1.05}.wl-screen-tools{align-items:center;gap:10px;display:flex}.wl-instruction{max-width:62ch;color:var(--wl-muted);margin:0;font-size:clamp(1rem,1.7cqi,1.3rem);line-height:1.45}.wl-badge{color:var(--wl-purple);background:var(--wl-purple-tint);border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:800}.wl-mark{text-underline-offset:.16em;font-weight:850;text-decoration-line:underline;text-decoration-thickness:.12em}.wl-mark-v{color:var(--wl-purple);text-decoration-style:solid}.wl-mark-w{color:var(--wl-green-text);text-decoration-style:dotted;text-decoration-thickness:.16em}.wl-legend{color:var(--wl-muted);flex-wrap:wrap;gap:8px 22px;margin:0;font-size:.9rem;display:flex}.wl-symbol{letter-spacing:-.02em;border-radius:14px;justify-content:center;align-items:center;font-weight:850;display:inline-flex}.wl-symbol-sm{padding:4px 10px;font-size:1rem}.wl-symbol-md{padding:6px 16px;font-size:clamp(1.2rem,2.4cqi,1.8rem)}.wl-symbol-lg{padding:0;font-size:clamp(3.5rem,10cqi,7.5rem);line-height:1}.wl-symbol-v{color:var(--wl-purple)}.wl-symbol-w{color:var(--wl-green-text)}.wl-symbol-md.wl-symbol-v{background:var(--wl-purple-tint)}.wl-symbol-md.wl-symbol-w{background:#eefaf2}.wl-spoken{align-items:center;gap:10px;display:inline-flex}.wl-audio{width:34px;height:34px;color:var(--wl-purple);background:var(--wl-white);border:1.5px solid #d9cdee;border-radius:50%;flex:none;place-items:center;display:inline-grid}.wl-audio svg{width:18px;height:18px}.wl-icon{flex:none;width:1.15em;height:1.15em}.wl-screen-title{justify-content:center;align-items:flex-start;gap:clamp(12px,2cqi,22px);padding:clamp(12px,3cqi,40px) 0}.wl-title-logo{width:clamp(150px,20cqi,230px);height:auto}.wl-title-letters{letter-spacing:-.04em;gap:.12em;font-size:clamp(4rem,14cqi,10rem);font-weight:900;line-height:.9;display:flex}.wl-title-v{color:var(--wl-purple)}.wl-title-w{color:var(--wl-ink);position:relative}.wl-title-w:after{content:"";background:var(--wl-green);border-radius:999px;height:.07em;position:absolute;bottom:-.06em;left:4%;right:4%}.wl-title-heading{letter-spacing:-.045em;max-width:16ch;margin:0;font-size:clamp(2.2rem,6.4cqi,4.8rem);font-weight:900;line-height:1}.wl-title-subtitle{max-width:38ch;color:var(--wl-muted);margin:0;font-size:clamp(1.1rem,2.4cqi,1.75rem);line-height:1.35}.wl-explain{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(18px,4cqi,48px);display:grid}.wl-prose p{margin:0 0 14px;font-size:clamp(1.1rem,2.1cqi,1.6rem);line-height:1.45}.wl-key-message{border-left:6px solid var(--wl-green);border-radius:0 var(--wl-radius) var(--wl-radius) 0;background:var(--wl-surface);letter-spacing:-.02em;margin:0;padding:clamp(18px,3cqi,30px);font-size:clamp(1.25rem,2.6cqi,2rem);font-weight:800;line-height:1.25}.wl-path{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:auto 0 0;padding:0;list-style:none;display:grid}.wl-path li{border:1px solid var(--wl-line);border-radius:14px;gap:8px;padding:14px;font-size:clamp(.85rem,1.35cqi,1.05rem);font-weight:700;line-height:1.25;display:grid}.wl-path li span{width:28px;height:28px;color:var(--wl-white);background:var(--wl-purple);border-radius:50%;place-items:center;font-size:.85rem;display:grid}.wl-sound{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4cqi,56px);display:grid}.wl-sound-visual{border-radius:var(--wl-radius);background:var(--wl-surface);justify-items:center;gap:12px;margin:0;padding:clamp(18px,3cqi,32px);display:grid}.wl-sound-body{gap:clamp(14px,2.4cqi,26px);display:grid}.wl-steps{counter-reset:wl-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.wl-steps li{counter-increment:wl-step;grid-template-columns:auto 1fr;align-items:baseline;gap:14px;font-size:clamp(1.05rem,2cqi,1.5rem);line-height:1.35;display:grid}.wl-steps li:before{content:counter(wl-step);width:1.7em;height:1.7em;color:var(--wl-white);background:var(--wl-purple);border-radius:50%;place-items:center;font-size:.8em;font-weight:800;display:grid}.wl-steps-large li{font-size:clamp(1.15rem,2.4cqi,1.8rem)}.wl-example-row{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.wl-example-row li{border:1.5px solid var(--wl-line);border-radius:14px;padding:10px 18px;font-size:clamp(1.25rem,2.8cqi,2.1rem);font-weight:650}.wl-tip{background:var(--wl-surface);color:#3d3845;border-radius:14px;margin:0;padding:14px 18px;font-size:clamp(.98rem,1.6cqi,1.2rem);line-height:1.45}.wl-mouth{width:min(100%,300px);height:auto}.wl-mouth-lip{fill:#e7a7a1;stroke:#7a3b3a;stroke-width:2.5px}.wl-mouth-lip-inner{fill:#d48c86}.wl-mouth-interior{fill:#3b1f3f}.wl-mouth-teeth{fill:#fff;stroke:#8e8796;stroke-width:2px}.wl-mouth-teeth-line{stroke:#b9b3c0;stroke-width:1.5px}.wl-mouth-contact{fill:none;stroke:var(--wl-purple);stroke-width:3px;stroke-dasharray:6 5}.wl-mouth-arrow{stroke:var(--wl-green-text);stroke-width:4px;stroke-linecap:round}.wl-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,3cqi,32px);display:grid}.wl-compare-col,.wl-review-card{border:1.5px solid var(--wl-line);border-radius:var(--wl-radius);justify-items:start;gap:14px;padding:clamp(18px,3cqi,32px);display:grid}.wl-compare-v{border-top:6px solid var(--wl-purple)}.wl-compare-w{border-top:6px solid var(--wl-green)}.wl-compare-top{align-items:center;gap:14px;display:flex}.wl-compare-top h3{margin:0;font-size:clamp(1.6rem,3.6cqi,2.6rem)}.wl-compare-col .wl-mouth{justify-self:center;width:min(100%,230px)}.wl-compare-col ul{gap:8px;margin:0;padding-left:1.2em;font-size:clamp(1.05rem,2cqi,1.45rem);line-height:1.35;display:grid}.wl-pairs{gap:16px;max-width:760px;display:grid}.wl-pairs-head{color:var(--wl-muted);letter-spacing:.1em;grid-template-columns:1fr 40px 1fr;padding:0 22px;font-size:.85rem;font-weight:800;display:grid}.wl-pairs-head span:last-child{grid-column:3}.wl-pairs-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wl-pair{border:1.5px solid var(--wl-line);border-radius:16px;grid-template-columns:1fr 40px 1fr;align-items:center;padding:14px 22px;font-size:clamp(1.6rem,4cqi,2.8rem);font-weight:700;display:grid}.wl-pair-vs{color:#b9b3c0;text-align:center}@media (prefers-reduced-motion:no-preference){.wl-pair:last-child,.wl-feedback,.wl-chip-list,.wl-clue.is-open .wl-clue-answer strong{animation:.22s ease-out wl-rise}}@keyframes wl-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.wl-phrases{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wl-phrases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-phrases li{border:1.5px solid var(--wl-line);border-radius:16px;padding:clamp(12px,2cqi,20px) clamp(16px,2.4cqi,24px);font-size:clamp(1.25rem,2.8cqi,2.1rem);font-weight:600;line-height:1.3}.wl-phrases-list li{font-size:clamp(1.15rem,2.4cqi,1.8rem)}.wl-word-bank{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.wl-word-group{border:1.5px solid var(--wl-line);border-radius:16px;padding:clamp(14px,2.2cqi,22px)}.wl-word-group h3{color:var(--wl-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:800}.wl-word-group ul{flex-wrap:wrap;gap:8px 10px;margin:0;padding:0;list-style:none;display:flex}.wl-word-group li{background:var(--wl-surface);border-radius:11px;padding:6px 13px;font-size:clamp(1.1rem,2.3cqi,1.65rem);font-weight:600}.wl-classify{justify-items:center;gap:18px;display:grid}.wl-classify-track{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wl-track-dot{border:1.5px solid var(--wl-line);width:34px;height:34px;color:var(--wl-muted);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.wl-track-dot.is-current{border-color:var(--wl-purple);color:var(--wl-purple);box-shadow:0 0 0 3px var(--wl-purple-tint)}.wl-track-dot.is-correct{border-color:var(--wl-green-text);color:var(--wl-white);background:var(--wl-green-text)}.wl-track-dot.is-wrong{border-color:var(--wl-wrong);color:var(--wl-wrong);background:#fdecea}.wl-classify-card{border:1.5px solid var(--wl-line);text-align:center;border-radius:22px;justify-items:center;gap:14px;width:min(720px,100%);padding:clamp(20px,3.5cqi,38px);display:grid}.wl-classify-word{letter-spacing:-.04em;margin:0;font-size:clamp(2.6rem,7cqi,5rem);font-weight:850;line-height:1}.wl-classify-hidden{color:var(--wl-muted);letter-spacing:-.02em;align-items:center;gap:.3em;font-size:clamp(1.6rem,4cqi,2.6rem);display:inline-flex}.wl-classify-hidden svg{width:1.1em;height:1.1em;color:var(--wl-purple)}.wl-classify-card .wl-actions{justify-content:center}.wl-choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.wl-choice{border:2px solid var(--wl-line);color:var(--wl-ink);background:var(--wl-white);border-radius:18px;justify-items:center;gap:2px;padding:16px 12px;display:grid}.wl-choice:hover:not(:disabled){border-color:var(--wl-purple)}.wl-choice-letter{font-size:clamp(2rem,5cqi,3.2rem);font-weight:900;line-height:1}.wl-choice-ipa{color:var(--wl-muted);font-size:.95rem;font-weight:700}.wl-choice-flag{align-items:center;gap:6px;margin-top:6px;font-size:.85rem;font-weight:800;display:inline-flex}.wl-choice.is-right{border-color:var(--wl-green-text);color:var(--wl-green-text);opacity:1;background:#eefaf2}.wl-choice.is-right .wl-choice-ipa{color:var(--wl-green-text)}.wl-choice.is-wrong{border-color:var(--wl-wrong);color:var(--wl-wrong);background:#fdecea;border-style:dashed}.wl-choice:disabled:not(.is-right){opacity:.45}.wl-feedback-slot{width:100%;min-height:56px}.wl-feedback{text-align:left;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:1.02rem;line-height:1.4;display:flex}.wl-feedback p{margin:0}.wl-feedback.is-correct{color:#0b5b26;background:#eefaf2}.wl-feedback.is-wrong{color:#8a1c13;background:#fdecea}.wl-classify-done p{color:var(--wl-muted);margin:0;font-size:1.1rem}.wl-classify-score{color:var(--wl-purple);font-size:clamp(3rem,8cqi,5rem);font-weight:900}.wl-clue-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.wl-clue{border:1.5px solid var(--wl-line);border-radius:16px;grid-template-columns:auto minmax(0,1fr) minmax(220px,auto);align-items:center;gap:16px;padding:clamp(12px,2cqi,20px) clamp(14px,2.4cqi,24px);display:grid}.wl-clue.is-open{border-color:#cdb8f1}.wl-clue-number{width:34px;height:34px;color:var(--wl-purple);background:var(--wl-purple-tint);border-radius:50%;place-items:center;font-weight:800;display:grid}.wl-clue-text{margin:0;font-size:clamp(1.05rem,2.1cqi,1.5rem);line-height:1.35}.wl-clue-answer{justify-content:flex-end;align-items:center;gap:14px;display:flex}.wl-clue-answer strong{font-size:clamp(1.4rem,3cqi,2.2rem)}.wl-clue-hidden{border:1.5px dashed var(--wl-line);color:var(--wl-muted);border-radius:10px;padding:6px 12px;font-size:.85rem}.wl-prompts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.wl-prompts-choose{grid-template-columns:1fr}.wl-prompt{border:1.5px solid var(--wl-line);width:100%;height:100%;color:var(--wl-ink);background:var(--wl-white);text-align:left;border-radius:16px;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:clamp(12px,2cqi,20px) clamp(14px,2.2cqi,22px);display:grid}.wl-prompt:hover{border-color:#cdb8f1}.wl-prompt-number{width:30px;height:30px;color:var(--wl-purple);background:var(--wl-purple-tint);border-radius:50%;place-items:center;font-size:.85rem;font-weight:800;display:grid}.wl-prompt-text{font-size:clamp(1.1rem,2.2cqi,1.6rem);font-weight:600;line-height:1.3}.wl-prompts.is-dense .wl-prompt-text{font-size:clamp(1rem,1.8cqi,1.3rem)}.wl-prompts-finish .wl-prompt-text{font-size:clamp(1.2rem,2.5cqi,1.85rem)}.wl-prompt.is-active{border-color:var(--wl-purple);box-shadow:inset 6px 0 0 var(--wl-purple);background:var(--wl-white)}.wl-prompt.is-active .wl-prompt-number{color:var(--wl-white);background:var(--wl-purple)}.wl-reading{gap:clamp(12px,2cqi,20px);max-width:92ch;display:grid}.wl-reading p{margin:0;padding-left:44px;font-size:clamp(1.08rem,1.85cqi,1.4rem);line-height:1.6;position:relative}.wl-paragraph-number{width:28px;height:28px;color:var(--wl-purple);background:var(--wl-purple-tint);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid;position:absolute;top:.2em;left:0}.wl-challenge{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:clamp(20px,4cqi,48px);display:grid}.wl-challenge>div:first-child{justify-items:start;gap:18px;display:grid}.wl-challenge-prompt{letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,3.2cqi,2.4rem);font-weight:750;line-height:1.25}.wl-timer{justify-items:center;gap:16px;display:grid}.wl-timer-ring{--wl-progress:360deg;aspect-ratio:1;background:conic-gradient(var(--wl-purple) var(--wl-progress), var(--wl-surface) 0);border-radius:50%;place-items:center;width:clamp(170px,24cqi,250px);display:grid}.wl-timer-value{aspect-ratio:1;background:var(--wl-white);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;width:80%;font-size:clamp(2rem,5cqi,3.2rem);font-weight:900;display:grid}.wl-timer.is-done .wl-timer-value{color:var(--wl-purple)}.wl-reveal-chips{justify-items:start;gap:12px;display:grid}.wl-chip-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wl-chip{border:1.5px solid var(--wl-line);border-radius:999px;padding:7px 14px;font-size:clamp(1rem,2cqi,1.35rem);font-weight:650}.wl-review{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.wl-review-card{grid-template-columns:auto 120px 1fr;align-items:center}.wl-review-card .wl-mouth{width:120px}.wl-review-card p{margin:0;font-size:clamp(1.1rem,2.2cqi,1.6rem);font-weight:700;line-height:1.3}.wl-final{gap:10px;display:grid}.wl-final ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.wl-final li{background:var(--wl-surface);border-radius:14px;padding:14px 20px;font-size:clamp(1.15rem,2.5cqi,1.85rem);font-weight:700}@container (width<=760px){.wl-explain,.wl-sound,.wl-compare,.wl-challenge,.wl-review,.wl-word-bank,.wl-phrases-grid,.wl-prompts{grid-template-columns:1fr}.wl-path{grid-template-columns:repeat(2,minmax(0,1fr))}.wl-clue{grid-template-columns:auto minmax(0,1fr)}.wl-clue-answer{grid-column:1/-1;justify-content:space-between}.wl-review-card{grid-template-columns:auto 90px 1fr}.wl-review-card .wl-mouth{width:90px}.wl-pair{padding:12px 16px}}@media (width<=980px){.wl-presenter-grid{grid-template-columns:1fr}}@media (width<=720px){.wl-topbar{gap:10px;padding:10px 14px}.wl-logo{width:110px}.wl-topbar-title,.wl-hide-narrow,.wl-topbar .wl-sync{display:none}.wl-presenter-header{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.wl-root *,.wl-root :before,.wl-root :after{transition:none!important;animation:none!important}}
