.loading-indicator{justify-content:center;align-items:center;display:flex}.loading-page{flex-direction:column;gap:20px;min-height:240px}.loading-orbit{width:96px;height:96px;color:var(--label-emphasis);place-items:center;display:grid;position:relative}.loading-ring{stroke-width:3px;width:100%;height:100%;position:absolute;inset:0}.loading-track{stroke:var(--border-base)}.loading-arc{stroke:currentColor;transform-origin:48px 48px;animation:1.4s linear infinite loading-orbit}.loading-spark{width:28px;height:28px;animation:2.1s ease-in-out infinite loading-breathe}.loading-label{color:var(--label-secondary)}.loading-dots{align-items:center;gap:8px;min-height:23px;display:flex}.loading-dots i{background:currentColor;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite loading-bounce}.loading-dots i:nth-child(2){animation-delay:.12s}.loading-dots i:nth-child(3){animation-delay:.24s}@keyframes loading-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes loading-orbit{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes loading-breathe{0%,to{opacity:.7;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.loading-dots i,.loading-arc,.loading-spark{animation:none}}.auth-verification-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.auth-shell h1{font-weight:500}.phone-field{background:var(--bg-alt);height:64px;box-shadow:0 0 0 2px var(--border-base-strong);border-radius:12px;align-items:stretch;font-size:18px;transition:box-shadow .15s;display:flex;overflow:hidden}.phone-field:focus-within{box-shadow:inset 0 0 0 2px var(--ctrl-primary)}.phone-country{align-items:center;gap:4px;padding-inline:12px;display:flex;position:relative}.phone-country svg{color:var(--label-secondary)}.phone-country select{cursor:pointer;opacity:0;width:100%;position:absolute;inset:0}.phone-divider{background:var(--border-base);width:1px;margin-block:8px}.phone-input{flex:1;align-items:center;min-width:0;padding-inline:12px;display:flex}.phone-input input{width:100%;min-width:0;color:var(--label-primary);background:0 0;border:0;outline:none;padding-block:6px}.phone-input input:focus-visible{outline:none}.phone-input input::placeholder{color:var(--label-secondary)}.phone-error{min-height:20px;color:var(--label-critical);margin:4px 0 0;font-size:14px;line-height:20px}.phone-consent{color:var(--label-disabled);margin:16px 0 0;font-size:14px;line-height:20px}.phone-consent a{text-decoration:underline}.phone-consent a:hover{color:var(--label-secondary)}.phone-consent svg{margin-left:2px;display:inline}.phone-skip-modal{width:100%;max-width:none;height:100%;max-height:none;color:var(--label-primary);background:0 0;border:0;margin:0;padding:16px;position:fixed;inset:0}.phone-skip-modal[open]{place-items:center;display:grid}.phone-skip-modal::backdrop{background:#000000b3}.phone-skip-panel{border:1px solid var(--border-glass-strong);background:var(--bg-base);text-align:left;border-radius:8px;width:100%;max-width:672px;padding:16px;box-shadow:0 12px 28px #00000040}.phone-skip-panel h2{font-family:var(--font-display);color:var(--label-emphasis);margin:0 0 12px;font-size:24px;font-weight:500;line-height:32px}.phone-skip-panel>p{margin:0 0 24px;font-size:18px;line-height:28px}.phone-skip-actions{flex-direction:column;gap:16px;display:flex}.phone-skip-actions .primary{width:100%;font-size:18px;line-height:28px}.phone-confirm-skip .primary-face{background:var(--ctrl-secondary);color:var(--label-primary)}.phone-skip-actions .phone-confirm-skip:before{background:var(--ctrl-secondary-hover)}.reminder-time-step{justify-content:center;padding-top:24px;display:flex}.onboarding-time-wheel{width:320px;max-width:100%;margin-inline:auto;position:relative}.time-wheel-column{flex:1;min-width:0;display:flex}.time-wheel-colon{color:var(--label-primary);align-self:center;font-size:32px;font-weight:500;line-height:1;transform:translateY(-2px)}.time-wheel-highlight{inset-inline:0;background:color-mix(in srgb, var(--ctrl-primary) 5%, transparent);pointer-events:none;border-radius:8px;height:56px;position:absolute;top:50%;transform:translateY(-50%)}.onboarding-time-wheel [data-rwp]{cursor:grab}.onboarding-time-wheel [data-rwp]:active{cursor:grabbing}@media (width>=640px){.phone-skip-modal{padding:0}.phone-skip-panel{margin-block:32px;padding:24px}}@media (width<=600px){.onboarding-step-phoneNumber .footer-inner{flex-wrap:wrap}.onboarding-step-phoneNumber .footer-inner .ghost{margin-left:auto}.onboarding-step-phoneNumber .footer-inner .primary{flex-basis:100%}}[data-rwp-wrapper] ul{margin:0;padding:0;list-style:none}[data-rwp-wrapper] li{margin:0;padding:0}[data-rwp-wrapper]{perspective:2000px;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:stretch;width:100%;display:flex;position:relative;overflow:hidden}[data-rwp]{cursor:default;flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 20% 80%,#0000 100%)}[data-rwp]:focus-visible{outline:none}[data-rwp-highlight-wrapper]{width:100%;font-size:1rem;font-weight:500;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}[data-rwp-highlight-list]{width:100%;position:absolute}[data-rwp-options]{-webkit-font-smoothing:subpixel-antialiased;will-change:transform;backface-visibility:hidden;width:100%;height:0;transform-style:preserve-3d;margin:0 auto;display:block;position:absolute;top:50%;left:0}[data-rwp-option]{-webkit-font-smoothing:subpixel-antialiased;will-change:visibility;width:100%;font-size:.875rem;position:absolute;top:0;left:0}[data-rwp-option],[data-rwp-highlight-item]{justify-content:center;align-items:center;display:flex}[data-rwp-option][data-disabled],[data-rwp-highlight-item][data-disabled]{pointer-events:none}.exit-confirmation{width:max-content;max-width:min(672px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--label-primary);background:0 0;border:0;padding:0;overflow:visible}.exit-confirmation::backdrop{background:#000000b3}.exit-confirmation-panel{border:1px solid var(--border-glass-strong);background:var(--bg-base);text-align:left;border-radius:8px;outline:none;padding:24px 24px 16px;position:relative}.exit-confirmation-panel h2{margin:0 0 12px;font-weight:500}.exit-confirmation-panel>p{color:var(--label-critical);margin:0 0 16px}.exit-confirmation-character{pointer-events:none;width:300px;height:600px;position:absolute;top:-600px;right:-32px;overflow:hidden}.exit-confirmation-character img{object-fit:contain;width:100%;height:100%}.exit-confirmation-actions{flex-direction:column;gap:16px;display:flex}.exit-confirmation-actions .primary{width:100%;min-height:54px}.exit-confirmation-actions .primary-face{min-height:48px}.exit-confirmation-actions .exit-confirmation-quit{color:var(--label-critical);background:0 0;font-size:15px;font-weight:400;line-height:23px}@media (width<=600px){.exit-confirmation-character{right:0}}.lesson-scroll:has(.lesson-categorize){flex-direction:column;padding:0;display:flex;overflow:hidden}.lesson-exercise:has(.lesson-categorize){flex-direction:column;flex:1;width:100%;max-width:650px;min-height:0;display:flex}:is(.lesson-exercise:has(.lesson-categorize)>.lesson-title,.lesson-exercise:has(.lesson-categorize)>.lesson-concept){flex-shrink:0;padding-inline:16px;transition:opacity .3s}.lesson-exercise:has(.lesson-categorize)>.lesson-title{margin:16px 0 64px}.lesson-exercise:has(.lesson-categorize)>.lesson-concept{margin-top:16px}.lesson-exercise:has(.lesson-categorize)>.lesson-concept+.lesson-title{margin-top:8px}:is(.lesson-exercise:has(.lesson-categorize.is-guided)>.lesson-title,.lesson-exercise:has(.lesson-categorize.is-guided)>.lesson-concept){opacity:0}.lesson-categorize{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.lesson-categorize .category-content{scrollbar-width:none;padding-inline:calc(50vw - 50% + 16px);flex-direction:column;flex:1;min-height:0;margin-inline:calc(50% - 50vw);padding-bottom:24px;display:flex;overflow:hidden auto}.lesson-categorize .category-content::-webkit-scrollbar{display:none}.lesson-categorize .category-topic{text-align:center;color:var(--label-secondary);flex-shrink:0;font-size:15px;font-weight:500;line-height:23px}.lesson-categorize .category-topic p{line-height:inherit;margin:0}.lesson-categorize .category-deck{flex-direction:column;flex:1 0;padding-top:28px;display:flex}.lesson-categorize .category-stack{isolation:isolate;flex:1;width:100%;min-width:min(280px,100%);max-width:440px;min-height:220px;max-height:380px;margin:0 auto;padding:0;position:relative}.lesson-categorize .category-rise{flex-direction:column;flex-shrink:0;display:flex}.lesson-categorize .category-cards{position:absolute;inset:0}.lesson-categorize .category-stack .category-card[data-depth]{border:1px solid var(--border-base);background:var(--bg-alt);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:0;margin:0;padding:32px 24px;transition:background-color .15s,border-color .15s;display:flex;position:absolute;inset:0;box-shadow:0 14px 15px #21141f1a}.lesson-categorize .category-card h2{font-family:var(--font-display);color:var(--label-emphasis);text-transform:uppercase;margin:0;font-size:16px;font-weight:500;line-height:24px}.lesson-categorize .category-card p{font-family:var(--font-body);color:var(--label-primary);margin:0;font-size:18px;font-weight:500;line-height:28px}.lesson-categorize .category-card.correct{background:var(--bg-success);border-color:var(--label-success)}.lesson-categorize .category-correct{width:30px;height:30px;color:var(--label-success);opacity:0;transition:opacity .15s,transform .15s;position:absolute;top:16px;right:16px;transform:scale(.5)}.lesson-categorize .category-card.correct .category-correct{opacity:1;transform:scale(1)}.lesson-categorize .category-dim{border-radius:inherit;pointer-events:none;background:#000;position:absolute;inset:0}.lesson-categorize .lesson-categories{flex-shrink:0;justify-content:center;align-items:flex-start;gap:40px;padding-top:48px;display:flex}.lesson-categorize .category-choice-group{flex-direction:column;flex:0 0 116px;align-items:center;gap:8px;display:flex}.lesson-categorize .category-choice-group>p{font-family:var(--font-body);letter-spacing:.8px;text-align:center;text-transform:uppercase;margin:0;font-size:12px;font-weight:500;line-height:16px}.lesson-categorize .category-choice-group:first-child{--category-color:var(--red)}.lesson-categorize .category-choice-group:last-child{--category-color:var(--ink)}.lesson-categorize .category-choice-group{color:var(--category-color)}.lesson-categorize .categorize-choice.primary{border-radius:50%;width:76px;min-width:76px;min-height:82px;padding-bottom:6px}.lesson-categorize .categorize-choice:before{background:var(--category-color)}.lesson-categorize .categorize-choice .primary-face{border:3px solid var(--category-color);background:var(--bg-base);width:76px;height:76px;min-height:76px;color:var(--category-color);padding:0}.lesson-categorize .categorize-choice.is-focused .primary-face{background:var(--category-color);color:var(--label-inverted)}.lesson-categorize .categorize-choice.is-focused:before{background:color-mix(in srgb, var(--category-color) 70%, black)}.lesson-categorize .categorize-choice.is-cued:not([data-pressed=true]) .primary-face{animation:3s ease-out infinite category-cue}.lesson-categorize .category-guide{inset-inline:0;pointer-events:none;padding-inline:20px;position:absolute;bottom:24px}.lesson-categorize .category-guide p{font-family:var(--font-body);text-align:center;color:var(--label-primary);margin:0;font-size:24px;font-weight:500;line-height:32px}@keyframes category-cue{0%,6.933%,13.067%,to{transform:translateY(0)}2.667%,3.467%,9.6%,10.4%{transform:translateY(6px)}6.133%{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.lesson-categorize .categorize-choice.is-cued:not([data-pressed=true]) .primary-face{animation:none}}.lesson-shell{isolation:isolate;background:linear-gradient(180deg, var(--stage) 0%, var(--stage) 22%, var(--stage-surface) 50%, var(--stage) 78%, var(--stage) 100%);flex-direction:column;height:100dvh;display:flex;position:relative;overflow:clip}.lesson-shell:before,.lesson-shell:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.lesson-shell:before{mix-blend-mode:multiply;opacity:.15;background:url(/brand/lesson/lesson-grain.png) 0 0/220px 220px}.lesson-shell:after{filter:grayscale()invert();opacity:.12;background:url(/brand/lesson/lesson-dunes.webp) bottom/100% no-repeat,url(/brand/lesson/lesson-speckle.png) 0 0/300px 300px}.lesson-header{flex-shrink:0;align-items:center;gap:12px;width:100%;max-width:650px;height:52px;margin:32px auto 0;padding:0 16px;display:flex}.lesson-exit{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:var(--stage-surface);border-radius:8px;flex-shrink:0;place-items:center;text-decoration:none;display:grid}.lesson-exit:hover{color:inherit;background:var(--line)}.lesson-progress{appearance:none;background:var(--line);border:0;border-radius:12px;flex:1;width:100%;height:12px;overflow:hidden}.lesson-progress::-webkit-progress-bar{background:var(--line);border-radius:12px}.lesson-progress::-webkit-progress-value{background:var(--blue-tint);border-radius:12px;transition:width .5s}.lesson-progress::-moz-progress-bar{background:var(--blue-tint);border-radius:12px}.lesson-scroll{flex:1;min-height:0;padding:16px 16px 32px;overflow:auto}.lesson-exercise{max-width:618px;margin:auto}.lesson-concept{margin-bottom:12px}.lesson-concept-chip{border:1px solid color-mix(in srgb, var(--red) 35%, transparent);background:var(--red-tint);color:var(--label-emphasis);font-family:var(--font-body);letter-spacing:1.26px;text-transform:uppercase;border-radius:999px;align-items:center;gap:5px;padding:5px 10px 5px 8px;font-size:10.5px;font-weight:500;line-height:13px;display:inline-flex}.lesson-concept p{color:var(--muted);margin:8px 0 0;font-size:16px;font-weight:500;line-height:24px}.lesson-title{font-family:var(--font-display);letter-spacing:-.24px;text-transform:uppercase;margin:8px 0 64px;font-size:20px;font-weight:500;line-height:27px}.lesson-dialogue{padding:0 0 20px}.customer-turn{margin:22px 0;animation:.36s both bubble-rise;display:block}.customer-name{color:var(--muted);align-items:center;gap:8px;margin:0 0 4px;font-size:12px;line-height:16px;display:flex}.customer-avatar{width:28px;height:28px;color:var(--ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.customer-line{align-items:center;gap:8px;display:flex}.speech-bubble{background:color-mix(in srgb, var(--stage-surface) 85%, white);border:1px solid color-mix(in srgb, var(--line) 70%, white);border-radius:12px 12px 12px 2px;max-width:88%;padding:10px 16px;font-size:16px;line-height:24px}.customer-line .speech-bubble{background:var(--bg-dialogue-customer);border-color:var(--border-dialogue-customer);flex:0 auto}.rep-turn{color:var(--muted);flex-direction:column;align-items:flex-end;gap:4px;margin:22px 0;font-size:12px;animation:.36s .15s both bubble-rise;display:flex}.rep-turn .speech-bubble{background:var(--bg-glass);border-color:var(--border-emphasis);color:var(--label-emphasis);border-radius:12px 12px 2px}.rep-turn.correct .speech-bubble{background:var(--bg-success);border-color:var(--label-success);color:var(--label-primary)}.rep-turn.incorrect .speech-bubble{background:var(--bg-critical);border-color:var(--label-critical);color:var(--label-primary)}.rep-target{border:1px dashed var(--line);color:var(--muted);background:var(--stage-surface);border-radius:4px;padding:12px 16px;font-size:16px;line-height:24px}.lesson-sheet{z-index:1;flex-shrink:0;position:relative}.lesson-sheet:empty{display:none}.lesson-bottom-sheet{position:relative}.lesson-bottom-sheet.sheet-exiting{width:100%;position:absolute;bottom:0}.lesson-sheet-surface{pointer-events:none;background:var(--stage-surface);border-radius:12px 12px 0 0;position:absolute;inset:0}.lesson-sheet-glow{pointer-events:none;background:radial-gradient(58% 58% at 50% 68%, color-mix(in srgb, var(--muted) 46%, transparent) 0%, color-mix(in srgb, var(--muted) 20%, transparent) 42%, transparent 74%);height:280px;position:absolute;top:-150px;left:-12%;right:-12%}.lesson-footer{border-radius:12px 12px 0 0;flex-shrink:0;max-height:50dvh;padding:16px 16px 44px;position:relative;overflow:auto}.lesson-footer>div:not(.result-aura){max-width:618px;margin:auto}.lesson-footer.result-footer{padding-top:24px}.lesson-options{gap:8px;display:grid}.lesson-choice.primary{text-align:left;border-radius:8px;width:100%;min-width:0;padding-bottom:6px}.lesson-choice.primary:before{background:var(--border-base-strong)}.lesson-choice .primary-face{border:1px solid var(--border-base-strong);background:var(--ctrl-tertiary);color:var(--label-primary);font-family:var(--font-body);justify-content:flex-start;padding:12px 16px;font-size:16px;font-weight:400;line-height:24px}.lesson-choice:hover:not(:disabled) .primary-face{background:var(--ctrl-tertiary-hover)}.lesson-choice:focus-visible .primary-face{border-color:var(--border-emphasis)}.lesson-choice.correct .primary-face{border-color:var(--label-success);background:var(--bg-success)}.lesson-choice.incorrect .primary-face{border-color:var(--label-critical);background:var(--bg-critical)}.lesson-choice.selected .primary-face{border-color:var(--label-emphasis)}.lesson-result{align-items:center;gap:20px;display:flex;position:relative}.result-message{flex:1;min-width:0}.lesson-result h2{font-family:var(--font-display);color:var(--label-success);align-items:center;gap:6px;margin:0;font-size:16px;font-weight:500;line-height:24px;display:flex}.lesson-result h2 svg{flex-shrink:0}.result-aura{pointer-events:none;border-radius:12px 12px 0 0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.result-aura>div{background:var(--label-success);flex-shrink:0;width:353.55px;height:353.55px;-webkit-mask-image:url(/brand/lesson/result-aura.webp);mask-image:url(/brand/lesson/result-aura.webp);-webkit-mask-size:100% 100%;mask-size:100% 100%}.result-cheer{perspective:800px;display:inline-block;position:relative}.result-cheer-title{transform-origin:0 100%;display:inline-block;position:relative}.result-ripple,.result-orbit{pointer-events:none;position:absolute;top:50%;left:50%}.result-ripple{border:8px solid var(--label-success);border-radius:50%;width:110px;height:110px;margin:-55px}.result-orbit{width:160px;height:160px;margin:-80px}.result-orbit>span{background:var(--label-success);width:4px;height:4px;box-shadow:0 0 8px var(--label-success);border-radius:50%;position:absolute}.result-orbit>span:first-child{top:0;left:50%}.result-orbit>span:nth-child(2){top:50%;right:0}.result-orbit>span:nth-child(3){bottom:0;left:50%}.result-orbit>span:nth-child(4){top:50%;left:0}.result-orbit>span:nth-child(5){top:15%;left:15%}.result-orbit>span:nth-child(6){top:15%;right:15%}.lesson-result.incorrect h2{color:var(--label-critical)}.lesson-result p{color:var(--label-secondary);margin:8px 0 0;font-size:15px;line-height:23px}.lesson-result.incorrect .result-message p{color:var(--label-critical)}.result-actions{flex-shrink:0;align-items:center;gap:20px;display:flex}.result-actions>div{flex-shrink:0;width:180px}.lesson-result .primary{width:180px;min-width:180px;min-height:53px;padding-bottom:6px}.lesson-result .primary-face{min-height:47px;font-size:15px;line-height:23px}.result-explain .primary-face{border:2px solid var(--label-success);background:var(--stage-surface);color:var(--label-success);padding:0 12px}.lesson-result .result-explain:before{background:var(--label-success)}.lesson-result.incorrect .result-explain .primary-face{border-color:var(--label-critical);color:var(--label-critical)}.lesson-result.incorrect .result-explain:before{background:var(--label-critical)}.result-explain:hover:not(:disabled) .primary-face{background:var(--ctrl-tertiary-hover)}.lesson-speaking{justify-items:center;gap:24px;padding:0;display:grid}.lesson-speaking .rep-target{width:100%;max-width:100%}.lesson-speaking .text-button{white-space:nowrap;color:var(--muted);height:53px;text-decoration:none}.speaking-button-content{justify-content:center;align-items:center;gap:8px;display:flex}.recording-waveform{--voice-level:0;align-items:center;gap:2px;height:22px;display:inline-flex}.recording-waveform>span{width:3px;height:calc(3px + var(--voice-level) * var(--bar-height));background:currentColor;border-radius:99px;transition:height 80ms linear;display:block}.recording-waveform[data-processing=true]>span{height:var(--bar-height);animation:.6s ease-in-out infinite alternate processing-wave}.recording-waveform[data-processing=true]>span:nth-child(2n){animation-delay:.15s}@keyframes processing-wave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media (width<=600px),(height<=480px){.lesson-exit{width:44px;height:44px}}@media (width<=600px){.lesson-header{margin-top:max(12px, env(safe-area-inset-top))}.lesson-scroll{padding:16px 16px 24px}.lesson-title{margin-bottom:32px}.lesson-footer{padding:16px 16px max(20px, env(safe-area-inset-bottom))}.lesson-result{flex-direction:column;align-items:stretch;gap:24px;display:flex}.result-actions{flex-direction:column;gap:12px;width:100%;display:flex}.lesson-result .primary{width:100%;min-width:0}.result-actions>div{width:100%}.customer-turn .speech-bubble{max-width:calc(100% - 40px)}}@media (prefers-reduced-motion:reduce){.result-aura,.result-ripple,.result-orbit{display:none}.recording-waveform>span{transition:none}.recording-waveform[data-processing=true]>span{animation:none}}.lesson-exercise h3,.lesson-modal h2{font-family:var(--font-display);font-weight:500}.training-completion-main{padding:32px 20px 0;overflow:auto}.training-completion{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:440px;height:100%;margin:0 auto;display:flex}.training-completion h1{font-family:var(--font-display);text-align:center;flex-shrink:0;font-size:32px;font-weight:500;line-height:1.2}.completion-coach{flex:1;justify-content:center;align-items:center;width:100%;min-height:130px;display:flex}.completion-coach .completion-character{object-fit:contain;width:100%;height:100%;max-height:420px;margin:0}.completion-stats{aspect-ratio:823/148;flex-shrink:0;width:100%;position:relative}.completion-rive{inset-inline:0;aspect-ratio:823/317;pointer-events:none;position:absolute;top:-54.054%}.completion-rive>div,.completion-rive canvas{width:100%;height:100%}.completion-stat-fallback{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin:0;display:grid}.completion-stat-fallback>div{border:2px solid var(--border-base);text-align:center;background:var(--bg-alt);border-radius:14px;padding:10px 8px}.completion-stat-fallback dt{color:var(--label-secondary);font-size:12px}.completion-stat-fallback dd{margin:4px 0 0;font-size:22px;font-weight:700}.app-shell:has(.training-completion)>.footer{background:0 0;border:0;padding:24px 20px 32px}.app-shell:has(.training-completion) .footer-inner{width:100%;max-width:440px;margin:0 auto}.app-shell:has(.training-completion) .footer-inner .primary{width:100%;min-height:53px}.app-shell:has(.training-completion) .primary-face{min-height:47px}@media (width<=480px){.training-completion-main{padding-top:24px}.training-completion{gap:20px}.training-completion h1{font-size:28px}.completion-stat-fallback{gap:8px}}.offer-shell{background:var(--bg-base);position:relative;overflow:hidden}.offer-shell button:focus-visible{outline-color:var(--border-emphasis)}.offer-band{background:var(--blue);flex-direction:column;flex:1;min-height:256px;display:flex;position:relative;overflow:hidden}.offer-shell .offer-appbar{z-index:2;background:0 0;align-items:center;width:100%;max-width:none;height:64px;padding:12px 20px;position:relative}.offer-appbar .back{width:36px;height:36px;color:var(--label-primary);margin:0}.offer-appbar .back svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;width:22px;height:22px}.offer-brand{background:var(--red);color:var(--label-inverted);border-radius:999px;margin-left:auto;padding:6px 16px;font-size:14px;font-weight:700}.offer-head{z-index:1;color:var(--label-inverted);text-align:center;padding:8px 40px 28px;position:relative}.offer-head h1{max-width:650px;margin:0 auto;font-size:24px;font-weight:500;line-height:30px}.offer-zero,.offer-head .accent{color:var(--yellow)}.offer-panel-offer .offer-band,.offer-panel-offerReminder .offer-band{background:0 0}.offer-panel-offer .offer-head,.offer-panel-offerReminder .offer-head{min-height:0;color:var(--label-primary);flex-direction:column;flex:1;padding:8px 0 0;display:flex}.offer-panel-offer .offer-head h1,.offer-panel-offerReminder .offer-head h1{flex-shrink:0;padding:0 40px}.offer-panel-offer .offer-zero,.offer-panel-offerReminder .accent{color:var(--red)}.offer-reminder-art{flex:1;align-items:center;min-height:0;margin-top:24px;display:flex}.offer-reminder-character{object-fit:contain;width:100%;height:auto;max-height:100%;display:block}.offer-shell .offer-main{width:100%;max-width:576px;color:var(--label-primary);flex-direction:column;flex:none;margin:0 auto;padding:0 16px 24px;display:flex;position:relative;overflow:visible}.offer-body{padding-top:8px}.benefits{flex-direction:column;gap:10px;margin:0;padding:0 12px;list-style:none;display:flex}.benefits li{text-align:left;align-items:center;gap:16px;min-height:48px;display:flex}.benefits strong{font-size:15px;font-weight:700;line-height:23px;display:block}.benefit-description{color:var(--label-secondary);font-size:14px;line-height:20px;display:block}.benefits .tick{background:var(--red);width:48px;height:48px;color:var(--label-inverted);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.benefits svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px}.offer-footer{text-align:center;flex-direction:column;flex-shrink:0;gap:8px;padding-top:12px;display:flex}.offer-footer .primary{width:100%;min-width:0}.offer-footer .small{color:var(--label-secondary);margin:0;font-size:14px;line-height:20px}.reminder-options{flex-direction:column;gap:10px;display:flex}.reminder-option{border:2px solid var(--border-base);background:var(--bg-base);width:100%;color:var(--label-primary);text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.reminder-option.selected{border-color:var(--border-emphasis);background:var(--bg-glass)}.reminder-date{color:var(--label-secondary);font-size:13px;font-weight:500}.offer-panel-offerReminder .offer-body>p{color:var(--label-secondary);text-align:center;margin:12px 0 0;font-size:14px}.offer-panel-accept .offer-band{background:linear-gradient(180deg, var(--red-tint), var(--bg-base));flex:none;min-height:0}.offer-panel-accept .offer-head{color:var(--label-primary);padding-bottom:80px}.offer-panel-accept .offer-head .accent{color:var(--label-emphasis)}.offer-panel-accept .offer-appbar .back{color:var(--label-primary)}.offer-cloud{width:100%;height:64px;fill:var(--bg-base);position:absolute;inset:auto 0 -1px}.offer-panel-accept .offer-main{flex:1;min-height:0}.offer-panel-accept .offer-body{scrollbar-width:none;flex:1;min-height:0;margin:0 -8px;padding:14px 8px 6px;overflow-y:auto}.offer-panel-accept .offer-body::-webkit-scrollbar{display:none}.plans{text-align:left;flex-direction:column;gap:14px;display:flex}.plan{border:2px solid var(--border-base);background:var(--bg-base);color:var(--label-primary);text-align:left;border-radius:16px;flex-direction:column;flex-shrink:0;padding:12px 14px;display:flex;position:relative}.plan.selected{border-color:var(--border-emphasis)}.plan-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.plan-heading strong{font-size:18px;font-weight:700;line-height:28px}.plan-heading>span{font-size:14px;font-weight:500}.plan-subtitle{color:var(--label-secondary);margin:2px 0 6px;font-size:12px;font-weight:700;line-height:16px;display:block}.plan.annual .plan-subtitle{color:var(--label-primary);font-size:15px;font-weight:500;line-height:23px}.plan-details{align-items:center;gap:8px;display:flex}.plan-features{flex-direction:column;flex:1;gap:4px;display:flex}.plan-feature{color:var(--label-secondary);align-items:center;gap:8px;font-size:12px;font-weight:600;line-height:16px;display:flex}.plan-feature .tick{color:var(--label-emphasis);flex-shrink:0;font-weight:700}.plan-art{object-fit:contain;mix-blend-mode:multiply;flex-shrink:0;width:48px;height:48px}.plan-check{border:2px solid var(--bg-base);background:var(--red);width:24px;height:24px;color:var(--label-inverted);border-radius:50%;place-items:center;font-size:14px;display:grid;position:absolute;top:-12px;right:-8px}.offer-error{margin:12px 0 0}.confirmation-actions{justify-content:flex-end;width:100%;display:flex}.confirmation-shell .logout-header .secondary{min-width:96px}@media (height<=600px){.offer-shell{overflow-y:auto}.offer-band{flex-shrink:0}.offer-panel-accept .offer-main{flex:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-semibold:600;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--font-body:"Nunito Sans", Arial, sans-serif;--font-display:Rubik, "Arial Black", sans-serif}}@layer base,components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-\[60px\]{min-height:60px}.w-full{width:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-4{gap:calc(var(--spacing) * 4)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-base{border-color:var(--border-base)}.border-base-strong{border-color:var(--border-base-strong)}.border-emphasis{border-color:var(--border-emphasis)}.bg-alt{background-color:var(--bg-alt)}.bg-base{background-color:var(--bg-base)}.bg-glass{background-color:var(--bg-glass)}.ctrl-primary{background-color:var(--ctrl-primary)}.ctrl-secondary{background-color:var(--ctrl-secondary)}.px-\[18px\]{padding-inline:18px}.py-3{padding-block:calc(var(--spacing) * 3)}.text-left{text-align:left}.brand-base{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:500;line-height:32px}.brand-lg{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;font-weight:500;line-height:38px}.brand-sm{font-family:var(--font-display);letter-spacing:-.02em;font-size:16px;font-weight:500;line-height:24px}.brand-xl{font-family:var(--font-display);letter-spacing:-.02em;font-size:42px;font-weight:500;line-height:46px}.brand-xs{font-family:var(--font-display);letter-spacing:-.02em;font-size:14px;font-weight:500;line-height:20px}.body-base{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:23px}.body-base-plus{font-family:var(--font-body);font-size:15px;font-weight:500;line-height:23px}.body-lg{font-family:var(--font-body);font-size:18px;font-weight:400;line-height:28px}.body-lg-plus{font-family:var(--font-body);font-size:18px;font-weight:500;line-height:28px}.body-sm{font-family:var(--font-body);font-size:14px;font-weight:400;line-height:20px}.body-xs{font-family:var(--font-body);font-size:12px;font-weight:400;line-height:16px}.font-display{font-family:var(--font-display)}.\!text-\[28px\]{font-size:28px!important}.\!font-semibold{--tw-font-weight:var(--font-weight-semibold)!important;font-weight:var(--font-weight-semibold)!important}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-wrap{text-wrap:wrap}.label-emphasis{color:var(--label-emphasis)}.label-primary{color:var(--label-primary)}.label-secondary{color:var(--label-secondary)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-base-hover:hover{background-color:var(--bg-base-hover)}}}:root{--bg-dialogue-customer:#ededed;--border-dialogue-customer:#b8b8b8;--label-primary:var(--ink);--label-secondary:var(--muted);--label-secondary-hover:var(--ink);--label-disabled:#767676;--label-inverted:#fff;--label-emphasis:var(--red);--label-success:var(--success);--label-critical:var(--error);--label-warning:var(--ink);--label-link:var(--blue);--label-link-hover:#1440b8;--bg-base:var(--stage);--bg-base-hover:var(--stage-surface);--bg-alt:var(--stage-surface);--bg-alt-hover:var(--line);--bg-inverted:var(--ink);--bg-inverted-hover:#4b4b4b;--bg-success:var(--success-tint);--bg-critical:var(--red-tint);--bg-warning:var(--stage-surface);--bg-disabled:var(--stage-surface);--bg-glass:var(--red-tint);--bg-glass-hover:var(--red-tint);--ctrl-emphasis:var(--red);--ctrl-primary:var(--red);--ctrl-primary-hover:var(--red-edge);--ctrl-secondary:var(--line);--ctrl-secondary-hover:#cfcfcf;--ctrl-tertiary:var(--stage);--ctrl-tertiary-hover:var(--stage-surface);--ctrl-disabled:var(--line);--border-base:var(--line);--border-base-strong:#afafaf;--border-emphasis:var(--red);--border-glass:var(--line);--border-glass-strong:var(--line)}@font-face{font-family:Nunito Sans;src:url(/brand/nunito-sans-latin-variable.woff2)format("woff2");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:Rubik;src:url(/brand/rubik-latin-variable.woff2)format("woff2");font-style:normal;font-weight:400 900;font-display:swap}:root{font-family:var(--font-body);color:var(--label-primary);background:var(--bg-base);--red:#e0231f;--red-edge:#a80f0f;--yellow:#ffc414;--blue:#1d55ea;--ink:#21141f;--stage:#fff;--stage-surface:#f7f7f7;--blue-tint:#1d55ea;--blue-surface:#fff1ef;--font-display:Rubik, "Arial Black", sans-serif;--font-body:"Nunito Sans", Arial, sans-serif;--muted:#6b6b6b;--line:#e5e5e5;--red-hover:#d21e1a;--red-tint:#fff1ef;--success:#098658;--success-tint:#e9f7f0;--error:#c2120f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;font-weight:500}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;border:0}button:disabled{cursor:default;opacity:.4}button,input,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:500}p{line-height:1.55}a{color:inherit}.app-shell{background:var(--stage);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.appbar{flex-shrink:0;align-items:center;gap:14px;width:100%;max-width:688px;margin:0 auto;padding:22px 34px 14px;display:flex}.back{color:var(--muted);background:0 0;border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;margin-left:-8px;padding:0;display:grid}.progress{background:var(--line);border-radius:12px;flex:1;height:12px;overflow:hidden}.progress span{background:var(--blue-tint);border-radius:12px;height:100%;transition:width .5s cubic-bezier(.34,1.56,.64,1);display:block}.main{flex:1;min-height:0;padding:24px 34px 20px;overflow:auto}.column{max-width:620px;margin:0 auto}.hero-main{align-items:center;display:flex}.hero-main>.column{width:100%}.footer{border-top:1px solid var(--line);background:var(--bg-base);flex-shrink:0;padding:16px 34px 22px}.footer-inner{justify-content:flex-end;gap:12px;display:flex}.primary{color:var(--label-inverted);font-family:var(--font-body);background:0 0;border:0;border-radius:12px;flex-direction:column;min-width:190px;min-height:60px;padding:0;font-size:15px;font-weight:500;line-height:23px;display:inline-flex;position:relative}.primary:before{content:"";background:var(--ctrl-primary-hover);border-radius:inherit;position:absolute;inset:6px 0 0}.primary-face{border-radius:inherit;background:var(--ctrl-primary);justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;padding:10px 25px;transition:transform 80ms ease-out,background-color 80ms ease-out,border-color 80ms ease-out,opacity 80ms ease-out;display:flex;position:relative}.primary[data-pressed=true] .primary-face{transform:translateY(6px)}.secondary{background:var(--ctrl-tertiary);color:var(--label-primary);border:1px solid var(--border-base-strong);border-radius:12px;min-height:44px;padding:10px 20px;transition:background-color 80ms ease-out}.secondary:hover:not(:disabled){background:var(--ctrl-tertiary-hover)}.primary:disabled{opacity:1;color:var(--label-disabled)}.primary:disabled:before{background:var(--border-base-strong)}.primary:disabled .primary-face{background:var(--ctrl-disabled)}.ghost{color:var(--label-secondary);background:0 0;border-radius:8px;min-height:44px;padding:10px 16px}.ghost:hover:not(:disabled){background:var(--bg-base-hover)}.icon-button{width:38px;height:38px;color:var(--label-secondary);background:0 0;border-radius:8px;flex-shrink:0;place-items:center;padding:0;text-decoration:none;transition:background-color 80ms ease-out;display:grid}.icon-button:hover:not(:disabled),.back:hover:not(:disabled){background:var(--bg-base-hover)}.icon-button svg,.back svg{width:22px;height:22px}.textlink,.text-button{color:var(--label-primary);background:0 0;min-height:36px;padding:7px 0;text-decoration:underline}.choice{border:2px solid var(--line);background:var(--stage-surface);color:var(--label-primary);text-align:left;border-bottom-width:4px;border-radius:8px;align-items:center;gap:16px;width:100%;min-height:60px;margin-bottom:14px;padding:12px 18px;line-height:1.45;transition:background-color 80ms ease-out,border-color 80ms ease-out;display:flex}.choice:hover:not(:disabled):not(.selected){background:var(--bg-base-hover)}.choice.selected{border-color:var(--border-emphasis);background:var(--bg-glass)}.choice:last-child{margin-bottom:0}.option-icon{align-items:center;display:flex}.option-label{flex:1;min-width:0;font-size:18px;font-weight:500;line-height:28px}.option-detail{color:var(--muted);margin-left:auto;font-size:15px;line-height:23px}.selected .option-label,.selected .option-detail{color:var(--label-emphasis)}.option-check{border:2px solid var(--border-base-strong);width:26px;height:26px;color:var(--label-inverted);border-radius:5px;flex-shrink:0;place-items:center;display:grid}.selected .option-check{background:var(--ctrl-primary);border-color:var(--border-emphasis);color:var(--label-inverted)}.slot-icon{object-fit:contain;width:44px;height:44px}.entry{background:var(--stage-surface);color:var(--label-primary);border:2px solid var(--line);border-radius:13px;width:100%;padding:18px 20px;font-size:17px}.entry:focus{border-color:var(--border-base-strong)}.entry:focus-visible{outline:none}.label{color:var(--muted);margin:16px 0 8px;font-size:13px;display:block}.small{color:var(--muted);font-size:12px;line-height:1.55}.muted{color:var(--muted)}.notice{border:1px solid var(--label-critical);background:var(--bg-critical);color:var(--label-critical);border-radius:10px;margin:15px 0;padding:14px 17px;line-height:1.5}.notice .primary{margin-top:12px;display:block}.optiongrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.industry-list{margin-top:15px}.industry-list .choice{padding:12px 16px;font-size:14px}.onboarding-stage{display:flex;position:relative}.onboarding-stage.row{align-items:flex-start;gap:16px;margin-bottom:28px}.character{object-fit:contain;flex-shrink:0}.row .character{aspect-ratio:640/944;width:78px}.prompt-region{flex:1;min-width:0;padding-top:4px}.speech{border:2px solid var(--line);background:var(--stage-surface);position:relative}.speech strong{color:var(--label-emphasis);font-weight:700}.row .speech{border-radius:12px;width:fit-content;max-width:100%;padding:16px 20px;font-size:18px;font-weight:500;line-height:28px}.row .speech:before{content:"";background:var(--stage-surface);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:15px;height:15px;position:absolute;top:20px;left:-9px;transform:rotate(45deg)}.onboarding-stage.hero{text-align:center;flex-direction:column-reverse;align-items:center;gap:26px;width:100%}.hero .character{aspect-ratio:640/944;width:260px;max-height:48dvh}.hero .prompt-region{flex:none;justify-content:center;align-items:flex-end;width:100%;min-height:150px;padding:0;display:flex}.hero .speech{border-radius:12px;justify-content:center;align-items:center;width:460px;max-width:100%;min-height:104px;padding:18px 26px;font-size:24px;font-weight:500;line-height:32px;display:flex}.hero .speech:after{content:"";background:var(--stage-surface);border-right:2px solid var(--line);border-bottom:2px solid var(--line);width:15px;height:15px;position:absolute;bottom:-9px;left:calc(50% - 8px);transform:rotate(45deg)}.prompt-content{font:inherit;margin:0;position:relative}.prompt-hidden{color:#0000}.onboarding-body{border:0;min-width:0;margin:0;padding:0;animation:.3s cubic-bezier(.2,.8,.3,1) .28s both body-in}.direction-back .onboarding-body{animation-name:body-back-in}.phase-exiting .onboarding-body{pointer-events:none;animation:.25s cubic-bezier(.45,0,.75,.45) both body-out}.direction-back.phase-exiting .onboarding-body{animation-name:body-back-out}.phase-exiting .speech{animation:.28s both fade-out}.speaking .speech{animation:.3s cubic-bezier(.45,0,.55,1) both prompt-fade}.onboarding-step-questions .speech{animation:none}.gliding-character{transform-origin:0 0;animation:.72s cubic-bezier(.45,0,.55,1) both character-glide}.handoff .character{width:260px}.mascot-poof{pointer-events:none;width:260px;height:260px;position:absolute;top:200px}.mascot-poof span{width:52px;height:52px;transform:rotate(var(--puff-angle));background:#dacebf;border-radius:50%;animation:.72s both poof;position:absolute;top:104px;left:104px}.builder-scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 150px);animation:.38s 1.95s forwards fade-out;display:flex}.builder-scene img{width:160px;animation:.6s cubic-bezier(.34,1.4,.5,1) builder-pop}.builder-scene p{animation:.5s cubic-bezier(.25,.46,.45,.94) builder-copy}.builder-scene .small{margin:20px 0 10px}.onboarding-step-intent,.onboarding-step-intent *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.choice.intent-card{background:var(--bg-base);touch-action:manipulation;border-radius:20px;height:300px;margin:0;padding:0;position:relative;overflow:hidden}.intent-card video,.intent-card img{object-fit:contain;object-position:50% 30%;pointer-events:none;-webkit-user-drag:none;width:100%;height:calc(100% - 60px);position:absolute;inset:0}.intent-dim{background:0 0;transition:background .2s;position:absolute;inset:0}.intent-dim.lit{background:0 0}.intent-caption{width:100%;height:60px;color:var(--label-primary);background:0 0;padding:20px 16px 16px;font-weight:500;position:absolute;bottom:0;left:0}.onboarding-step-outcomes .onboarding-body{gap:28px;width:fit-content;max-width:100%;margin:0 auto;padding-top:12px;display:grid}.outcome-row{align-items:center;gap:20px;display:flex}.outcome-row>div{min-width:0}.outcome-row .slot-icon{flex-shrink:0;width:60px;height:60px}.outcome-row strong{font-size:18px;font-weight:500;line-height:28px}.outcome-row p{color:var(--muted);margin:2px 0 0;font-size:15px;font-weight:500;line-height:23px}.form{max-width:480px;margin:0 auto}.auth-wordmark{width:min(100%,290px);height:auto;margin:0 0 26px;display:block}.form h1{font-size:28px}.providers{gap:10px;display:grid}.provider{border:2px solid var(--line);color:var(--ink);background:#fff;border-bottom-width:4px;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:52px;padding:14px 20px;font-weight:700;display:flex}.provider img{flex-shrink:0;width:20px;height:20px}.divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-shell .main{justify-content:center;align-items:center;padding:40px;display:flex}.auth-shell .form{background:var(--stage-surface);border-radius:20px;width:100%;padding:56px 40px}.auth-shell h1{margin-bottom:32px}.auth-shell .form>.primary{width:100%;margin-top:20px}.auth-shell .small{margin:16px 0 0}.logout-header{justify-content:flex-end}.lesson-modal button:focus-visible{outline-color:var(--blue)}.lesson-completion{text-align:center;max-width:620px;margin:auto}.completion-character{width:205px;height:225px;margin-bottom:18px}.lesson-categories{gap:14px;display:flex}.lesson-categories>*{flex:1}.category-stack{isolation:isolate;margin-bottom:16px;padding-top:10px;position:relative}.category-card{background:var(--bg-base);border:2px solid var(--border-base);text-align:center;border-bottom-width:6px;border-radius:18px;min-height:155px;margin:10px 0;padding:26px 22px}.category-card.category-under{z-index:-1;background:var(--bg-alt);pointer-events:none;min-height:0;margin:10px 0;position:absolute;inset:10px 0 0}.category-under[data-depth="1"]{transform:translateY(9px)scale(.96)}.category-under[data-depth="2"]{z-index:-2;transform:translateY(18px)scale(.92)}.category-stack>.category-card:not(.category-under){z-index:1;position:relative}.category-stack.incorrect .category-card{animation:.36s wrong-shake}.category-stack.correct .category-card{border-color:var(--label-success);background:var(--bg-success)}.match-columns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.match-tile{border:2px solid var(--border-base);background:var(--bg-alt);width:100%;min-height:64px;color:var(--label-primary);text-align:left;border-bottom-width:4px;border-radius:12px;margin-bottom:10px;padding:12px;transition:transform .15s,background .15s}.match-tile:active{transform:translateY(4px)}.match-tile.matched{opacity:.35}.lesson-modal{background:var(--bg-base);width:460px;max-width:100%;max-height:calc(100dvh - 44px);color:var(--ink);border:0;border-radius:20px;padding:28px;overflow:auto;box-shadow:0 15px 80px #0006}.lesson-modal::backdrop{background:#150b16bb}.lesson-modal .text-button{color:#a80f0f}.lesson-modal .secondary{color:var(--label-secondary)}.lesson-modal .primary{margin-top:16px}.lesson-choice.guided{border-color:var(--border-emphasis);animation:.45s infinite alternate guide-pulse}.lesson-guide{color:var(--muted);text-align:center;margin:14px 0;font-size:13px}.guided-column{transition:transform .45s;transform:scale(1.04)}.guide-muted{opacity:.4;pointer-events:none;transition:transform .45s,opacity .3s;transform:scale(.9)}.incorrect{color:var(--label-critical)}@keyframes body-in{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}@keyframes body-back-in{0%{opacity:0;transform:translate(-48px)}to{opacity:1;transform:none}}@keyframes body-out{to{opacity:0;transform:translate(-48px)}}@keyframes body-back-out{to{opacity:0;transform:translate(48px)}}@keyframes fade-out{to{opacity:0}}@keyframes prompt-fade{0%{opacity:0}to{opacity:1}}@keyframes character-glide{0%{transform:translate(var(--glide-x,0px), var(--glide-y,0px)) scale(var(--glide-scale,1))}to{transform:none}}@keyframes poof{0%{opacity:0;transform:rotate(var(--puff-angle)) translate(0) scale(.1)}20%{opacity:1;transform:rotate(var(--puff-angle)) translate(70px) scale(1.25)}65%{opacity:1;transform:rotate(var(--puff-angle)) translate(90px) scale(1.15)}to{opacity:0;transform:rotate(var(--puff-angle)) translate(110px) scale(1.7)}}@keyframes builder-pop{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes builder-copy{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes sheet-rise{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}@keyframes wave-pulse{to{opacity:.4;transform:scaleY(.65)}}@keyframes wrong-shake{0%,to{transform:none}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes guide-pulse{to{transform:scale(1.04)}}@media (width<=480px){button{min-width:44px}.appbar{padding:max(12px, env(safe-area-inset-top)) 16px 10px;gap:12px}.back,.icon-button{width:44px;height:44px}.main{padding:16px 16px 20px;scroll-padding-block:16px}.footer{padding:12px 16px max(16px, env(safe-area-inset-bottom))}.footer-inner .primary{width:100%;min-width:0}.textlink,.text-button{min-height:44px}.onboarding-stage.row{gap:12px;margin-bottom:20px}.row .character{width:48px}.row .speech{padding:12px 14px;font-size:15px;line-height:23px}.hero .prompt-region{min-height:0}.hero .speech{min-height:80px;padding:16px 18px;font-size:20px;line-height:28px}.choice{gap:12px;min-height:52px;margin-bottom:10px;padding:10px 12px}.option-label{font-size:15px;line-height:23px}.option-detail{font-size:13px;line-height:20px}.slot-icon{width:32px;height:32px}.optiongrid{grid-template-columns:1fr;gap:12px}.choice.intent-card{height:clamp(180px,27dvh,240px)}.intent-card video,.intent-card img{object-position:50% 35%}.onboarding-step-outcomes .onboarding-body{gap:22px}.outcome-row{gap:14px}.outcome-row .slot-icon{width:44px;height:44px}.outcome-row strong{font-size:16px;line-height:24px}.outcome-row p{font-size:14px;line-height:22px}.hero .character{max-height:42dvh}.intent-caption{padding-left:12px;padding-right:12px;font-size:14px}.auth-shell .main{padding:24px}.auth-shell .form{padding:32px 22px}.plan-heading{flex-wrap:wrap}.lesson-categories{gap:10px}.lesson-modal{padding:22px}.match-tile{padding:10px;font-size:13px}}@media (width<=360px){.provider{gap:10px;padding-inline:10px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}.builder-scene{animation:none!important}}@media (width<=480px) and (height<=740px),(height<=480px){button{min-width:44px}.back,.textlink,.text-button{min-height:44px}.auth-shell .main{align-items:flex-start}}.day-one-streak{z-index:2147483647;background:var(--stage);flex-direction:column;height:100svh;display:flex;position:fixed;inset:0;overflow:hidden}.streak-stage{position:absolute;inset:0 0 170px}.streak-character{object-fit:contain;width:100%;max-width:none;height:100%;position:absolute;inset:0}.streak-caption-frame{aspect-ratio:1920/1278;width:min(100vw,150.235svh - 255.399px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.streak-reward{width:100%;color:var(--red);font-family:var(--font-display);isolation:isolate;opacity:0;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(112px,18cqw,300px);font-weight:900;transition:opacity .18s ease-out;display:flex;position:absolute;top:38.3%;transform:translateY(-50%)}.streak-reward.revealed{opacity:1}.streak-stage:has(img) .streak-character{height:22%}.streak-count{font-size:inherit;text-shadow:0 7px var(--yellow), 0 0 32px var(--yellow);line-height:1}@supports (color:color-mix(in lab, red, red)){.streak-count{text-shadow:0 7px color-mix(in srgb, var(--yellow) 40%, var(--ink)), 0 0 32px color-mix(in srgb, var(--yellow) 20%, transparent)}}.streak-label{letter-spacing:.04em;text-shadow:0 3px var(--yellow);margin-top:clamp(10px,1.2cqw,18px);font-size:clamp(24px,5cqw,64px)}@supports (color:color-mix(in lab, red, red)){.streak-label{text-shadow:0 3px color-mix(in srgb, var(--yellow) 40%, var(--ink))}}.streak-reward:before,.streak-reward:after{content:"";z-index:-1;opacity:0;pointer-events:none;position:absolute;top:45%;left:50%}.streak-reward:before{border:2px solid var(--yellow);border-radius:50%;width:2em;height:2em}@supports (color:color-mix(in lab, red, red)){.streak-reward:before{border:2px solid color-mix(in srgb, var(--yellow) 35%, transparent)}}.streak-reward:before{background:radial-gradient(closest-side, var(--yellow), transparent)}@supports (color:color-mix(in lab, red, red)){.streak-reward:before{background:radial-gradient(closest-side, color-mix(in srgb, var(--yellow) 24%, transparent), transparent)}}.streak-reward:after{width:.035em;height:.035em;box-shadow:-.85em -.6em var(--yellow), .8em -.65em var(--yellow), -1em .15em var(--yellow), 1em .15em var(--yellow), -.7em .75em var(--yellow), .75em .7em var(--yellow), -.15em -.9em var(--yellow), .15em .9em var(--yellow);filter:drop-shadow(0 0 6px var(--yellow));background:#fff6d1;border-radius:50%}.streak-reward.revealed:before{animation:.95s ease-out both streak-burst}.streak-reward.revealed:after{animation:.75s ease-out .1s both streak-burst}.streak-reward.revealed .streak-count{animation:.76s cubic-bezier(.22,1,.36,1) both streak-count-pop}.streak-reward.revealed .streak-label{animation:.42s ease-out .18s both streak-label-rise}.streak-message{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:auto;padding:0 16px 16px;font-size:clamp(12px,2.7svh,28px);line-height:1.3;display:flex;position:absolute;bottom:92px;left:0;right:0}.streak-copy{flex-direction:column;gap:.3em;max-width:90%;margin-bottom:0;display:flex}.streak-message h1{font-family:var(--font-body);font-size:inherit;font-weight:400;line-height:inherit;margin:0}.streak-message p{line-height:inherit;margin:0}.streak-footer{z-index:2;position:absolute;inset:auto 0 0}@media (prefers-reduced-motion:reduce){.streak-reward{transition:none}.streak-reward.revealed .streak-count,.streak-reward.revealed .streak-label{animation:none}.streak-reward.revealed:before,.streak-reward.revealed:after{animation:none;display:none}}@keyframes streak-count-pop{0%{opacity:0;transform:scale(.5)rotate(-5deg)}55%{opacity:1;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--yellow) 35%, transparent));transform:scale(1.18)rotate(2deg)}to{filter:none;transform:scale(1)rotate(0)}}@keyframes streak-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}25%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}@keyframes streak-label-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
