@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{color:#29262b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#29262b;--muted:#847e80;--line:#e8e2dc;background:#f3f0eb;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}button:focus-visible{outline-offset:3px;outline:3px solid #df7566}#root{min-height:100vh}:root{--ink:#273238;--muted:#7d898d;--line:#e8edf0;--paper:#f8fafb;--card:#fff;--violet:#7656ed;--violet-dark:#5f43dd;--mint:#66c6b9;--coral:#ff8e78;--sky:#dff4ff;--shadow:0 18px 50px #303a4414}*{box-sizing:border-box}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;color:var(--ink);background:var(--paper)}.main-content{width:min(100%,760px);min-height:calc(100dvh - 76px);padding:0 20px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.conversation-main{width:100%;max-width:none;padding:0}.page{min-height:100dvh;padding:24px 0 20px}.eyebrow{color:#a0aab0;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:800}.button{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 19px;font-size:13px;font-weight:800;display:inline-flex}.button.primary,.learning-primary-action{color:#fff;background:var(--violet);box-shadow:0 10px 20px #7656ed38}.button.outline{border:1px solid var(--line);color:var(--ink);background:#fff}.button.full{width:100%}.topbar{background:var(--paper);justify-content:space-between;align-items:center;width:min(100%,760px);height:72px;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:15px;font-weight:900;display:inline-flex}.brand-mark{color:#fff;background:var(--violet);border-radius:10px;place-items:center;width:30px;height:30px;font:700 18px Georgia,serif;display:grid}.top-actions{align-items:center;gap:10px;display:flex}.streak{color:#6f7f85;font-size:10px;font-weight:700}.streak i{background:var(--coral);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.profile,.home-profile{color:#fff;cursor:pointer;background:#303b42;border:0;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;font-weight:800;display:grid}.home-topline{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-greeting{color:#7e8b90;margin-bottom:15px;font-size:12px;font-weight:700;display:block}.home-topline h1{color:var(--ink);letter-spacing:-.05em;margin:0;font:700 clamp(29px,8vw,43px)/1.05 DM Sans,sans-serif}.home-topline h1 em{color:var(--violet);font-style:normal}.home-meta{gap:8px;margin:18px 0 22px;display:flex}.level-pill,.streak-pill{color:#68777c;background:#eef2f4;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:800}.streak-pill{color:#c06b59;background:#fff0eb}.today-lesson-card{color:#fff;min-height:252px;box-shadow:var(--shadow);background:linear-gradient(135deg,#8063f1,#ae7cf0 58%,#dfa0ee);border-radius:30px;justify-content:space-between;align-items:stretch;padding:25px;display:flex;position:relative;overflow:hidden}.today-lesson-card:after{content:"";border:28px solid #ffffff21;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-55px;right:-34px}.lesson-card-copy{z-index:1;flex-direction:column;align-items:flex-start;max-width:75%;display:flex;position:relative}.lesson-card-badge{color:#eee8ff;letter-spacing:.14em;font-size:9px;font-weight:900}.today-lesson-card h2{letter-spacing:-.06em;margin:20px 0 10px;font-size:clamp(27px,7vw,39px);line-height:1.04}.today-lesson-card h2 em{color:#fff2a4;font-style:normal}.today-lesson-card p{color:#f0eaff;margin:0;font-size:12px;line-height:1.5}.light-button{color:#5d43d4;background:#fff;min-width:132px;margin-top:auto}.today-lesson-mark{z-index:1;color:#fff;background:#ffffff26;border:1px solid #ffffff73;border-radius:20px;flex-direction:column;flex:0 0 66px;justify-content:center;align-items:center;width:66px;height:66px;margin-top:3px;display:flex;position:relative}.today-lesson-mark span{font-size:28px;font-weight:900;line-height:.9}.today-lesson-mark small{font-size:9px;font-weight:800}.today-lesson-mark i{color:#fff2a4;margin-top:8px;font-size:15px;font-style:normal}.today-review-link{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;margin:14px 0;padding:18px 2px;display:flex}.today-review-link span,.today-review-link small{gap:5px;display:grid}.today-review-link b{font-size:15px}.today-review-link strong{color:var(--violet)}.today-review-link small{color:#879399;font-size:11px}.today-alternates{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.today-alternates button{border:1px solid var(--line);min-height:96px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:18px;gap:8px;padding:16px;display:grid}.today-alternates span{font-size:15px;font-weight:900}.today-alternates b{color:#89969b;font-size:10px}.today-focus{margin-top:30px}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title h2{letter-spacing:-.04em;margin:5px 0 0;font-size:21px}.section-title>span{color:#9aa5aa;font-size:11px;font-weight:800}.focus-row-list{background:#fff;border-radius:18px;margin-top:13px;padding:3px 15px}.focus-row{color:#758187;border-bottom:1px solid #f0f2f3;align-items:center;gap:10px;min-height:49px;font-size:12px;display:flex}.focus-row:last-child{border-bottom:0}.focus-row>span{color:#adb7bb;background:#f1f4f5;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;display:grid}.focus-row.done{color:var(--ink);font-weight:700}.focus-row.done>span{color:#fff;background:var(--mint)}.focus-row b{color:var(--mint);margin-left:auto;font-size:10px}.bottom-nav{z-index:20;width:min(100%,760px);height:calc(75px + env(safe-area-inset-bottom));padding:7px 8px env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff0;grid-template-columns:repeat(4,1fr);margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #2c38400d}.nav-item{color:#a1acb1;cursor:pointer;background:0 0;border:0;place-items:center;gap:2px;font-size:10px;font-weight:700;display:grid;position:relative}.nav-icon{border-radius:10px;place-items:center;width:29px;height:27px;font-size:19px;display:grid}.nav-item.active{color:var(--violet)}.nav-item.active .nav-icon{color:#fff;background:var(--violet)}.nav-dot{background:var(--coral);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:27%}.scenario-browser-backdrop{z-index:25;background:var(--paper);position:fixed;inset:0;overflow-y:auto}.scenario-browser{min-height:100dvh;color:var(--ink);background:var(--paper)}.scenario-browser-header{z-index:2;height:calc(72px + env(safe-area-inset-top));border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8fafbed;justify-content:space-between;align-items:end;padding:0 20px 13px;display:flex;position:sticky;top:0}.scenario-browser-header>button{color:#748187;cursor:pointer;background:0 0;border:0;place-items:center;width:34px;height:34px;font-size:24px;display:grid}.scenario-browser-header div{align-items:center;gap:9px;display:flex}.scenario-browser-header span{font-size:17px;font-weight:900}.scenario-browser-header strong{color:var(--violet);background:#eeeaff;border-radius:8px;padding:6px 8px;font-size:9px}.scenario-browser-content{width:min(760px,100% - 40px);padding:28px 0 calc(34px + env(safe-area-inset-bottom));margin:auto}.scenario-browser-content h1{letter-spacing:-.07em;margin:8px 0 24px;font-size:clamp(29px,8vw,45px);line-height:1.04}.scenario-browser-content h1 em{color:var(--violet);font-style:normal}.scenario-featured{color:#fff;cursor:pointer;background:#33484a;border-radius:27px;align-items:end;min-height:286px;display:flex;position:relative;overflow:hidden}.scenario-featured img{object-fit:cover;opacity:.65;width:100%;height:100%;position:absolute;inset:0}.scenario-featured:after{content:"";background:linear-gradient(#0000,#121e23e6);position:absolute;inset:25% 0 0}.scenario-featured>div{z-index:1;gap:7px;width:100%;padding:22px;display:grid;position:relative}.scenario-featured span{color:#e5dfff;letter-spacing:.12em;font-size:9px;font-weight:900}.scenario-featured strong{letter-spacing:-.05em;font-size:25px;line-height:1.08}.scenario-featured p{color:#dce6e8;margin:0 0 6px;font-size:11px}.scenario-featured button{color:#fff;background:var(--violet);cursor:pointer;border:0;border-radius:13px;min-height:44px;font-size:12px;font-weight:800}.scenario-category{margin-top:28px}.scenario-category-heading{justify-content:space-between;align-items:end;margin-bottom:11px;display:flex}.scenario-category-heading h2{letter-spacing:-.05em;margin:0;font-size:21px}.scenario-category-heading span{color:#9aa6aa;font-size:10px}.scenario-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.scenario-browser-card{color:#fff;cursor:pointer;text-align:left;background:#546c6c;border:0;border-radius:21px;min-height:196px;padding:0;display:grid;position:relative;overflow:hidden}.scenario-browser-image{position:absolute;inset:0}.scenario-browser-image:after{content:"";background:linear-gradient(#0000,#0f1e21e0);position:absolute;inset:25% 0 0}.scenario-browser-image img{object-fit:cover;opacity:.72;width:100%;height:100%}.scenario-browser-copy{z-index:1;align-content:end;gap:4px;height:100%;padding:15px;display:grid;position:relative}.scenario-browser-copy em{color:#f6d4cc;font-size:9px;font-style:normal;font-weight:900}.scenario-browser-copy strong{letter-spacing:-.05em;font-size:19px}.scenario-browser-copy small{color:#e3eaeb;font-size:10px}.scenario-browser-card>b{z-index:1;font-size:18px;position:absolute;top:13px;right:14px}.learning-screen{min-height:100dvh;color:var(--ink);background:linear-gradient(#fbfcfd,#f3f8fb)}.learning-progress-header{z-index:4;height:calc(78px + env(safe-area-inset-top));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fbfcfde6;border-bottom:1px solid #fffc;align-items:end;gap:12px;padding:0 20px 15px;display:flex;position:relative}.learning-progress-header .learning-back,.learning-settings{border:1px solid var(--line);color:#69777d;cursor:pointer;background:#fff;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.learning-progress-title{gap:2px;min-width:0;display:grid}.learning-progress-title span{color:#94a0a6;letter-spacing:.1em;font-size:9px;font-weight:900}.learning-progress-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.learning-settings{background:0 0;border:0;margin-left:auto}.learning-progress-meter{background:#e1eaf0;border-radius:99px;height:4px;position:absolute;bottom:8px;left:20px;right:20px;overflow:hidden}.learning-progress-meter i{border-radius:inherit;background:var(--violet);height:100%;transition:width .3s;display:block}.learning-progress-count{top:calc(17px + env(safe-area-inset-top));color:#89969b;font-size:10px;font-weight:900;position:absolute;right:20px}.open-count{color:var(--mint);top:auto;bottom:13px}.learning-one-task{width:min(620px,100% - 40px);min-height:calc(100dvh - 78px - env(safe-area-inset-top));padding:clamp(30px, 7vh, 68px) 0 calc(25px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;margin:auto;display:flex}.learning-one-task h1{letter-spacing:-.07em;margin:14px 0 0;font-size:clamp(32px,8vw,50px);line-height:1.04}.learning-one-task h1 em{color:var(--violet);font-style:normal}.learning-kicker,.prompt-kicker,.review-type-label,.task-context span{color:#96a2a8;letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:900}.learning-support-copy{color:#7e8c92;max-width:300px;margin:16px 0 0;font-size:13px;line-height:1.6}.speaking-task-card{width:100%;box-shadow:var(--shadow);background:#fff;border-radius:25px;margin-top:28px;padding:4px}.expression-teach-card{text-align:left;border:1px solid #edf0f2;border-radius:21px;gap:9px;padding:22px 18px;display:grid}.expression-teach-card span{color:var(--mint);letter-spacing:.12em;font-size:10px;font-weight:900}.expression-teach-card strong{color:#35444a;font-size:24px;line-height:1.25}.expression-teach-card p{color:#87949a;margin:0;font-size:12px}.expression-teach-card small{color:var(--coral);font-size:11px}.learning-primary-action{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:11px;min-height:52px;margin-top:25px;padding:0 23px;font-size:13px;font-weight:900;display:inline-flex}.learning-primary-action b{font-size:20px;font-weight:400}.learning-stage-note{color:#a3adb2;margin-top:auto;padding-top:24px;font-size:11px}.task-context{border-left:3px solid var(--mint);text-align:left;background:#e9f8f5;border-radius:13px;gap:7px;width:100%;padding:13px 15px;display:grid}.task-context strong{color:#3b706d;font-size:13px}.practice-prompt{width:100%;padding:26px 10px 15px}.practice-prompt h1{margin-top:11px;font-size:clamp(29px,7vw,45px)}.answer-skeleton{color:#b86659;background:#fff0eb;border-radius:8px;margin-top:20px;padding:10px 14px;font-size:17px;display:inline-block}.learning-mic{color:#fff;background:var(--violet);cursor:pointer;border:12px solid #ede9ff;border-radius:50%;place-items:center;width:132px;height:132px;margin:auto 0 3px;display:grid;position:relative;box-shadow:0 12px 30px #7656ed47}.learning-mic:disabled{cursor:not-allowed;opacity:.55}.learning-mic.listening{background:#38a79a;border-color:#d9f1ec;animation:1.2s ease-in-out infinite mic-breathe}.learning-mic.processing,.learning-mic.speaking{background:#718087;border-color:#e4e9eb}.learning-mic-symbol{z-index:1;font-size:25px;position:relative}.learning-mic small{font-size:9px;font-weight:900;position:absolute;bottom:25px}.learning-mic-halo{position:absolute;inset:-14px}.learning-mic-halo i{opacity:0;border:1px solid #7656ed59;border-radius:50%;position:absolute;inset:0}.learning-mic.listening .learning-mic-halo i{animation:1.6s infinite mic-pulse}.learning-mic.listening .learning-mic-halo i:nth-child(2){animation-delay:.4s}.learning-mic.listening .learning-mic-halo i:nth-child(3){animation-delay:.8s}.learning-secondary-tools,.review-tool-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;display:flex}.learning-secondary-tools button,.review-tool-row button,.learning-tool-button{border:1px solid var(--line);color:#77858a;cursor:pointer;background:#fff;border-radius:11px;min-height:39px;padding:0 13px;font-size:11px;font-weight:800}.learning-secondary-tools button.selected,.review-tool-row button.selected{color:var(--violet);background:#f0edff}.learning-tool-note{color:#a1adb1;font-size:10px}.learning-revealed-hint,.learning-revealed-example{box-sizing:border-box;color:#3f7772;background:#e8f8f4;border-radius:11px;width:100%;margin-top:9px;padding:12px 14px;font-size:12px}.learning-revealed-example{color:#b46355;background:#fff0eb}.practice-result{border:1px solid var(--line);width:100%;box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:18px;margin-top:6px;padding:16px}.practice-result>span,.practice-feedback small,.practice-success b{color:#99a5aa;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.practice-result>strong{margin-top:7px;font-size:18px;line-height:1.4;display:block}.practice-feedback,.practice-success{background:#fff0eb;border-radius:11px;gap:5px;margin-top:13px;padding:12px;display:grid}.practice-feedback b{color:#a5584d;font-size:12px}.practice-feedback em{color:#b96254;font-size:16px;font-style:normal;font-weight:800}.practice-success{background:#eaf8f4}.practice-success b{color:#3b9488}.practice-success span{color:#53736f;font-size:12px}.retry-action{margin-top:14px}.learning-error{margin:10px 0 0;font-size:12px;color:#b85d50!important}.roleplay-screen{color:#fff;background:#2b4245;min-height:100dvh;position:relative;overflow:hidden}.roleplay-backdrop,.roleplay-shade{position:absolute;inset:0}.roleplay-backdrop{filter:saturate(.88);background-position:50%;background-size:cover}.roleplay-shade{background:linear-gradient(#1221257a,#11212359 48%,#0d1b1eeb)}.roleplay-screen .learning-progress-header{color:#fff;background:#14242740;border-color:#ffffff26}.roleplay-screen .learning-progress-header .learning-back,.roleplay-screen .learning-settings{color:#fff;background:#ffffff26;border-color:#ffffff59}.roleplay-screen .learning-progress-title span,.roleplay-screen .learning-progress-count{color:#d9e6e7}.roleplay-screen .learning-progress-title strong{color:#fff}.roleplay-screen .learning-progress-meter{background:#ffffff40}.roleplay-stage{z-index:2;width:min(640px,100% - 40px);min-height:calc(100dvh - 78px - env(safe-area-inset-top));padding:45px 0 calc(22px + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-end;margin:auto;display:flex;position:relative}.roleplay-character{align-items:center;gap:12px;margin:auto 0 17px;display:flex}.learning-emma-mark{object-fit:cover;border:2px solid #ffffffb3;border-radius:50%;width:51px;height:51px}.learning-emma-mark.fallback{color:#fff;background:var(--coral);place-items:center;font-size:24px;font-weight:900;display:grid}.roleplay-character div{gap:2px;display:grid}.roleplay-character strong{font-size:19px}.roleplay-character span{color:#d6e2e3;font-size:11px}.roleplay-dialogue{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#193134a6;border:1px solid #ffffff38;border-radius:24px;width:100%;padding:20px;box-shadow:0 20px 50px #00000026}.roleplay-kicker{color:#b7ded8;letter-spacing:.13em;font-size:9px;font-weight:900}.roleplay-dialogue>p{color:#fff;letter-spacing:-.05em;margin:9px 0 0;font-size:clamp(25px,6vw,39px);line-height:1.12}.roleplay-turn-status{color:#f8d4a7;margin-top:12px;font-size:11px;font-weight:800}.roleplay-user-answer,.roleplay-interruption{background:#ffffff24;border-radius:12px;gap:5px;margin-top:16px;padding:12px 13px;display:grid}.roleplay-user-answer small,.roleplay-interruption small{color:#b7ded8;letter-spacing:.08em;font-size:9px;font-weight:900}.roleplay-user-answer span{color:#fff;font-size:13px}.roleplay-interruption{background:#ffac941f;border-left:3px solid #ffaf94}.roleplay-interruption strong{color:#ffe1d6;font-size:12px}.roleplay-interruption em{color:#ffc2af;font-size:17px;font-style:normal;font-weight:800}.roleplay-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:16px;display:flex}.roleplay-actions .learning-mic{flex:0 0 132px;margin:0 25%}.roleplay-actions .learning-secondary-tools{order:2;margin-top:0}.roleplay-screen .learning-secondary-tools button,.roleplay-screen .learning-tool-button{color:#e8f0ef;background:#ffffff21;border-color:#ffffff47}.roleplay-screen .learning-revealed-hint,.roleplay-screen .learning-revealed-example{color:#eaf5f3;background:#122b2dd9;flex-basis:100%}.roleplay-retry{color:#fff;background:var(--violet);cursor:pointer;border:0;border-radius:14px;width:100%;min-height:51px;font-size:13px;font-weight:900}.roleplay-screen .roleplay-finish,.playback-fallback{color:#e8f0ef;cursor:pointer;background:#ffffff21;border:1px solid #ffffff47;border-radius:11px;min-height:38px;padding:0 13px;font-size:11px;font-weight:800}.roleplay-follow-up{color:#fff;background:#122b2d73;border-left:2px solid #ffaf94;flex-basis:100%;padding:10px 13px;font-size:12px}.roleplay-follow-up span{color:#ffaf94;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.pronunciation-coaching,.expression-gap{background:#122b2dd9;border-radius:13px;width:100%;padding:14px}.pronunciation-coaching span,.gap-kicker{color:#9de1d7;letter-spacing:.1em;font-size:9px;font-weight:900;display:block}.pronunciation-coaching strong{margin-top:5px;font-size:18px;display:block}.pronunciation-coaching p,.expression-gap p{color:#cadbd9;margin:5px 0 0;font-size:11px}.expression-gap{border-left:3px solid var(--coral)}.expression-gap small,.expression-gap strong{margin-top:5px;display:block}.expression-gap button{color:#ffd1c2;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:12px;font-weight:800}.review-page,.progress-page{padding-top:28px}.review-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.compact-heading h1{letter-spacing:-.07em;margin:8px 0 10px;font-size:clamp(30px,8vw,45px);line-height:1.03}.compact-heading p:last-child{color:var(--muted);margin:0;font-size:12px}.due-badge{color:#fff;background:var(--violet);border-radius:23px;align-content:center;place-items:center;min-width:72px;height:72px;display:grid}.due-badge b{font-size:28px;line-height:1}.due-badge small{margin-top:4px;font-size:9px;font-weight:800}.review-sections{margin-top:34px}.review-start{margin:12px 0}.review-list{gap:10px;display:grid}.review-item{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px}.status{color:#8c9ca1;letter-spacing:.1em;font-size:9px;font-weight:900}.status.practicing{color:var(--coral)}.review-item h2{margin:8px 0 0;font-size:17px}.review-timing{color:#3c9a8d;margin:7px 0 0;font-size:11px;font-weight:800}.review-actions{border-top:1px solid var(--line);gap:6px;margin-top:13px;padding-top:11px;display:flex}.review-actions button{color:#6c5ad6;cursor:pointer;background:#f1efff;border:0;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:800}.review-answer{color:#3c9a8d!important}.review-empty{background:#fff;border:1px dashed #d9e2e6;border-radius:17px;padding:24px 17px}.review-empty strong{font-size:14px}.review-empty p{color:var(--muted);margin:6px 0 0;font-size:11px}.review-practice-screen .learning-one-task{padding-top:clamp(42px,12vh,105px)}.review-practice-screen .learning-one-task h1{max-width:520px}.review-recall-note{color:var(--muted);margin:13px 0 0;font-size:12px}.review-practice-screen .learning-mic{margin-top:auto}.review-next-label{color:#3d8c80;background:#e9f8f4;border-radius:11px;width:100%;margin-top:14px;padding:11px;font-size:11px;font-weight:800}.progress-hero{color:#fff;background:linear-gradient(135deg,#273e46,#426b6c);border-radius:24px;align-items:center;gap:18px;margin-top:28px;padding:22px;display:flex}.progress-ring{border:5px solid #8dd7cc;border-radius:50%;flex:0 0 82px;align-content:center;place-items:center;width:82px;height:82px;display:grid}.progress-ring b{font-size:25px}.progress-ring small{font-size:9px}.progress-hero h2{margin:8px 0 3px;font-size:20px}.progress-hero p{color:#cee1df;margin:0;font-size:11px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px;display:grid}.metric{background:#fff;border-radius:15px;min-height:122px;padding:13px}.metric>span,.metric>em{color:#8f9da1;font-size:9px;font-style:normal}.metric strong{color:#3f897f;margin:11px 0 4px;font-size:14px;display:block}.metric p{color:#8a979c;margin:6px 0 0;font-size:10px;line-height:1.4}.growth-card,.readiness-card{background:#fff;border-radius:18px;justify-content:space-between;align-items:center;margin-top:12px;padding:18px;display:flex}.growth-card h2,.readiness-card h2{margin:5px 0;font-size:16px}.growth-card p,.readiness-card p{color:var(--muted);margin:0;font-size:10px}.growth-count{color:#3c9a8d;border:1px solid #d9eee9;border-radius:50%;align-content:center;place-items:center;width:59px;height:59px;display:grid}.growth-count b{font-size:22px}.growth-count small{font-size:8px}.readiness-card>b{color:var(--violet);font-size:22px}.prelesson-backdrop,.level-backdrop,.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a222761;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.prelesson-card,.level-card,.summary-modal{background:#fff;border-radius:27px;width:min(450px,100%);padding:28px 22px;position:relative;box-shadow:0 25px 80px #19252d33}.modal-close{color:#849197;cursor:pointer;background:#f0f3f4;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:20px;display:grid;position:absolute;top:15px;right:15px}.prelesson-card h1,.level-card h1,.summary-modal h1{letter-spacing:-.07em;margin:10px 0;font-size:34px;line-height:1.03}.prelesson-card h1{color:var(--violet)}.prelesson-intro,.level-card>p:not(.eyebrow),.summary-note{color:var(--muted);font-size:12px;line-height:1.55}.lesson-mode-badge{color:#3a8b80;background:#e9f8f4;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:900;display:inline-block}.prelesson-goal,.prelesson-expressions,.summary-takeaway,.summary-note,.summary-expressions{background:#f7f9fa;border-radius:15px;gap:6px;margin-top:13px;padding:15px;display:grid}.prelesson-goal small,.prelesson-expressions small,.summary-takeaway small,.summary-note small,.summary-expressions small{color:#9aa6ab;font-size:9px;font-weight:900}.prelesson-goal strong,.summary-takeaway strong{font-size:14px}.prelesson-expressions span,.summary-expressions span{color:#4b9187;font-size:12px}.prelesson-duration{color:var(--muted);text-align:center;font-size:11px}.prelesson-card .button{margin-top:8px}.modal-review,.lesson-exit-link{color:#8c999e;cursor:pointer;background:0 0;border:0;margin:14px auto 0;padding:0;font-size:11px;display:block}.level-options{gap:9px;margin-top:20px;display:grid}.level-option{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:14px;gap:4px;padding:14px;display:grid;position:relative}.level-option.selected{border-color:var(--violet);background:#f4f1ff}.level-option strong{font-size:14px}.level-option span{color:var(--muted);font-size:11px}.level-option small{color:var(--violet);font-size:10px;font-weight:900;position:absolute;top:13px;right:13px}.summary-mark{color:#fff;background:var(--mint);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.summary-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,1fr);margin:18px 0 8px;padding:12px 0;display:grid}.summary-stats span{color:var(--muted);gap:4px;font-size:10px;display:grid}.summary-stats b{color:var(--ink);font-size:22px}.summary-modal .button{margin-top:15px}.lesson-takeaway{padding:20px 0 38px}.lesson-takeaway h1{margin:10px 0 20px;font-size:38px}.lesson-takeaway h1 em{color:var(--violet);font-style:normal}.takeaway-goal,.takeaway-main,.takeaway-expressions{background:#fff;border-radius:15px;gap:6px;margin-top:10px;padding:15px;display:grid}.takeaway-main{border-left:3px solid var(--violet);background:#f3f0ff}.takeaway-main strong{color:#5e49c9;font-size:20px}.takeaway-actions{gap:9px;margin-top:18px;display:flex}.takeaway-actions .button{flex:1}.conversation-screen{background:var(--paper);min-height:100dvh}.conversation-head{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:70px;padding:0 20px;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;font-size:25px}.conversation-head>div{gap:3px;display:grid}.conversation-head strong{font-size:16px}.session-progress{background:#e6eaec;border-radius:99px;flex:1;height:4px;overflow:hidden}.session-progress i{border-radius:inherit;background:var(--violet);height:100%;display:block}.conversation-content{width:min(620px,100% - 40px);margin:auto;padding:22px 0 40px}.scenario-hero{color:#fff;background:#334c4f;border-radius:22px;align-items:end;min-height:205px;padding:19px;display:flex;position:relative;overflow:hidden}.scenario-hero .scene-image{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.scenario-hero:after{content:"";background:linear-gradient(#0000,#101e20d9);position:absolute;inset:30% 0 0}.scenario-hero>div{z-index:1;gap:5px;display:grid;position:relative}.scenario-hero strong{font-size:19px}.scenario-hero strong small{color:#d4e0e1;font-size:11px;font-weight:400}.scenario-hero>div>span{color:#c9dfdc;font-size:10px}.role-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px;display:grid}.role-grid>div,.goal-strip{background:#fff;border-radius:13px;gap:5px;padding:13px;display:grid}.role-grid small,.goal-strip small{color:#9aa5aa;font-size:9px}.role-grid strong,.goal-strip strong{font-size:12px}.goal-strip{border-left:3px solid var(--mint);margin-top:9px}.detail-copy .button{margin-top:15px}@keyframes mic-breathe{50%{box-shadow:0 0 0 11px #38a79a2e}}@keyframes mic-pulse{0%{opacity:.45;transform:scale(.75)}to{opacity:0;transform:scale(1.25)}}@media (width<=560px){.main-content{padding-left:16px;padding-right:16px}.topbar{padding:0 16px}.today-lesson-card{border-radius:25px;min-height:242px;padding:21px}.today-lesson-card h2{margin-top:17px;font-size:30px}.today-lesson-mark{border-radius:17px;flex-basis:58px;width:58px;height:58px}.today-alternates{gap:8px}.today-alternates button{min-height:90px;padding:13px}.scenario-browser-content{width:calc(100% - 32px)}.scenario-browser-grid{grid-template-columns:1fr 1fr}.scenario-browser-card{min-height:170px}.scenario-browser-copy strong{font-size:17px}.learning-one-task{width:calc(100% - 32px)}.learning-one-task h1{font-size:34px}.learning-mic{border-width:10px;width:114px;height:114px}.learning-mic small{bottom:21px}.roleplay-stage{width:calc(100% - 32px)}.roleplay-actions .learning-mic{flex-basis:114px}.roleplay-dialogue{padding:17px}.roleplay-dialogue>p{font-size:28px}.metric-grid{gap:6px}.metric{padding:10px}.metric strong{font-size:12px}.prelesson-backdrop,.level-backdrop,.modal-backdrop{padding:12px}}.learning-screen[data-speaking-screen=true] .learning-one-task[data-primary-action=microphone] .learning-mic{margin-top:auto}.learning-screen[data-secondary-disclosure=hidden] .learning-secondary-tools,.roleplay-screen[data-secondary-disclosure=hidden] .learning-tool-button{display:none}.practice-screen[data-primary-action=retry] .practice-result{margin-top:18px}.practice-screen[data-primary-action=retry] .retry-action{width:100%;min-height:56px;margin-top:16px}.roleplay-stage[data-primary-action=microphone] .roleplay-dialogue{border-color:#a4e5da7a;box-shadow:0 20px 50px #00000038,0 0 0 1px #a4e5da1a}.roleplay-stage[data-primary-action=retry] .roleplay-dialogue{border-color:#ffaf94a6}.roleplay-turn-status{background:#f8d4a714;border-left:2px solid #f8d4a7;gap:4px;margin-top:16px;padding:10px 12px;display:grid}.roleplay-turn-status span{color:#f8d4a7;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:900}.roleplay-turn-status strong{color:#fff4e5;font-size:12px}.roleplay-turn-status.learner-ready{background:#9de1d714;border-left-color:#9de1d7}.roleplay-turn-status.learner-ready span{color:#9de1d7}.roleplay-turn-status.learner-ready strong{color:#effffc}.roleplay-actions .learning-mic{margin:15px auto 0}.roleplay-screen .roleplay-finish{opacity:.7;order:5}.roleplay-screen[data-secondary-disclosure=hidden] .learning-secondary-tools{display:none}@media (width<=560px){.roleplay-actions .learning-mic{margin-top:12px}.roleplay-dialogue>p{font-size:27px}}.roleplay-auto-advance{box-sizing:border-box;text-align:left;background:#ffffff1a;border:1px solid #ffffff24;border-radius:14px;width:100%;padding:12px 14px}.roleplay-auto-advance span{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800;display:block}.roleplay-auto-advance strong{margin-top:4px;font-size:13px;font-weight:700;display:block}.mic-permission-backdrop{z-index:9999;padding:24px 18px max(28px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);background:#0f141d7a;place-items:end center;display:grid;position:fixed;inset:0}.mic-permission-card{box-sizing:border-box;color:#18202a;text-align:left;background:#fffffff7;border:1px solid #ffffffad;border-radius:30px;width:min(100%,420px);padding:28px 24px 20px;box-shadow:0 24px 70px #121b2d42}.mic-permission-icon{color:#fff;background:linear-gradient(145deg,#8057ff,#6845e9);border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:18px;display:grid;box-shadow:0 12px 28px #714cee47}.mic-permission-card .eyebrow{color:#7650ea;letter-spacing:.12em;margin:0 0 8px;font-size:12px;font-weight:800}.mic-permission-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(27px,8vw,36px);line-height:1.12}.mic-permission-card>p:not(.eyebrow){color:#66717e;margin:16px 0 22px;font-size:15px;line-height:1.65}.mic-permission-primary,.mic-permission-secondary{width:100%;min-height:56px;font:inherit;border:0;border-radius:18px;font-weight:800}.mic-permission-primary{color:#fff;background:linear-gradient(135deg,#7a50f3,#6b47e7);box-shadow:0 12px 28px #6f4bec3d}.mic-permission-secondary{color:#737d89;background:0 0;margin-top:8px}.mic-permission-note{color:#9ba3ac;text-align:center;margin-top:10px;font-size:12px;display:block}.qa-shell{--qa-bg:#10151c;--qa-panel:#171e27;--qa-panel-2:#202a35;--qa-line:#303d49;--qa-text:#edf3f6;--qa-muted:#93a4ae;--qa-blue:#83b9ff;min-height:100dvh;color:var(--qa-text);background:var(--qa-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qa-header,.qa-tabs,.qa-main,.qa-footer{width:min(1500px,100% - 36px);margin-inline:auto}.qa-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:32px 0 25px;display:flex}.qa-eyebrow{color:var(--qa-blue);letter-spacing:.13em;font-size:10px;font-weight:900}.qa-header h1{letter-spacing:-.05em;margin:7px 0 5px;font-size:clamp(24px,4vw,40px)}.qa-header p{color:var(--qa-muted);margin:0;font-size:13px}.qa-header-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.qa-header-meta span{border:1px solid var(--qa-line);color:#b4c3cc;background:#141b23;border-radius:7px;padding:7px 9px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-tabs{border-bottom:1px solid var(--qa-line);gap:4px;display:flex;overflow-x:auto}.qa-tabs button{min-height:45px;color:var(--qa-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 15px;font-size:12px;font-weight:800}.qa-tabs button.selected{border-bottom-color:var(--qa-blue);color:#fff;background:#19232d}.qa-main{padding:24px 0 50px}.qa-footer{color:#667783;padding:0 0 26px;font-size:11px}.qa-footer code{color:#a8c9ee}.qa-tab-toolbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.qa-tab-toolbar h2{color:#fff;letter-spacing:-.04em;margin:0 0 5px;font-size:22px}.qa-tab-toolbar p{color:var(--qa-muted);margin:0;font-size:12px}.qa-device-buttons{gap:6px;display:flex}.qa-device-buttons button,.qa-tts-action button{border:1px solid var(--qa-line);color:#bdcbd3;background:var(--qa-panel);cursor:pointer;border-radius:7px;min-height:34px;padding:0 11px;font-size:11px;font-weight:800}.qa-device-buttons button.selected,.qa-tts-action button:hover{border-color:var(--qa-blue);color:#fff;background:#263b53}.qa-screen-layout{grid-template-columns:minmax(235px,290px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.qa-fixture-list{gap:5px;max-height:780px;padding-right:5px;display:grid;overflow-y:auto}.qa-fixture-list button{color:#c0ccd2;cursor:pointer;text-align:left;background:#161e26;border:1px solid #0000;border-radius:8px;gap:3px;padding:11px 12px;display:grid}.qa-fixture-list button:hover{background:#1e2a35}.qa-fixture-list button.selected{background:#203246;border-color:#4f78a3}.qa-fixture-list span{color:#80afe9;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-fixture-list strong{color:#f3f7f8;font-size:12px}.qa-fixture-list small{color:#82929d;font-size:10px;line-height:1.35}.qa-preview-column{min-width:0}.qa-preview-label{align-items:baseline;gap:10px;max-width:680px;margin:0 auto 10px;display:flex}.qa-preview-label strong{color:#90c0fa;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-preview-label span{color:var(--qa-muted);font-size:11px}.qa-device-frame{background:#f7fafb;border:8px solid #2f3b46;border-radius:28px;width:min(390px,100%);height:780px;margin:auto;overflow:auto;box-shadow:0 24px 80px #00000059}.qa-device-status{z-index:20;color:#d3e0e8;background:#16202a;justify-content:space-between;padding:6px 13px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex;position:sticky;top:0}.qa-device-frame .learning-screen,.qa-device-frame .roleplay-screen,.qa-device-frame .scenario-browser{min-height:755px}.qa-device-frame .learning-one-task,.qa-device-frame .roleplay-stage{min-height:675px}.qa-device-frame .scenario-browser-content{width:calc(100% - 28px);padding-top:20px}.qa-device-frame .scenario-browser-header{height:65px;padding:0 14px 10px}.qa-device-frame .scenario-browser-header div{gap:2px;display:grid}.qa-device-frame .scenario-browser-header span{font-size:11px}.qa-device-frame .scenario-featured{min-height:220px}.qa-device-frame .scenario-browser-grid{gap:7px}.qa-device-frame .scenario-browser-card{min-height:160px}.qa-learner-preview{color:#32444b;background:linear-gradient(#fbfcfd,#f2f7fa);min-height:755px;padding:25px 18px}.qa-home-preview-top{justify-content:space-between;align-items:start;display:flex}.qa-home-preview-top span{color:#8b999f;font-size:11px}.qa-home-preview-top h1{letter-spacing:-.08em;margin:8px 0 0;font-size:28px;line-height:1.05}.qa-home-preview-top h1 em,.qa-home-preview article h2 em,.qa-complete-preview h1 em{color:#7560d6;font-style:normal}.qa-home-preview-top>b{color:#fff;background:#7663d5;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.qa-home-preview-meta{gap:6px;margin:16px 0;display:flex}.qa-home-preview-meta span{color:#66777d;background:#e9eef1;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:800}.qa-home-preview article{color:#fff;background:linear-gradient(145deg,#537f7d,#345b5e);border-radius:22px;justify-content:space-between;min-height:260px;padding:19px;display:flex;box-shadow:0 15px 30px #2e525433}.qa-home-preview article small{letter-spacing:.1em;font-size:8px;font-weight:900}.qa-home-preview article h2{letter-spacing:-.07em;margin:16px 0 8px;font-size:24px;line-height:1.05}.qa-home-preview article h2 em{color:#c2e9df}.qa-home-preview article p{color:#d3e4e2;max-width:175px;margin:0 0 20px;font-size:10px;line-height:1.45}.qa-home-preview article button{color:#31575a;cursor:pointer;background:#f7fbf8;border:0;border-radius:10px;min-height:40px;padding:0 12px;font-size:11px;font-weight:900}.qa-home-preview article>strong{align-content:center;justify-items:center;font-size:50px;line-height:.8;display:grid}.qa-home-preview article>strong small{margin-top:7px;font-size:9px}.qa-home-preview-link{background:#fff;border:1px solid #e4eaed;border-radius:14px;grid-template-columns:1fr auto;gap:4px;margin-top:13px;padding:14px;display:grid}.qa-home-preview-link b{font-size:13px}.qa-home-preview-link strong{color:#7560d6;font-size:16px}.qa-home-preview-link small{color:#89979c;grid-column:1/-1;font-size:10px}.qa-home-preview-tiles{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.qa-home-preview-tiles span{color:#fff;background:#879999;border-radius:13px;padding:13px 11px;font-size:12px;font-weight:900}.qa-home-preview-tiles span+span{background:#aa8b9b}.qa-home-preview-tiles small{color:#ffffffc7;margin-top:5px;font-size:9px;font-weight:500;display:block}.qa-complete-preview{text-align:center;flex-direction:column;align-items:center;padding-top:110px;display:flex}.qa-complete-mark{color:#fff;background:#65b9a9;border-radius:50%;place-items:center;width:60px;height:60px;font-size:30px;display:grid}.qa-complete-preview>small{color:#95a2a7;letter-spacing:.13em;margin-top:18px;font-size:9px;font-weight:900}.qa-complete-preview h1{letter-spacing:-.08em;margin:10px 0 25px;font-size:34px;line-height:1.05}.qa-complete-preview>div{text-align:left;background:#fff;border-radius:18px;gap:7px;width:100%;padding:18px;display:grid}.qa-complete-preview>div small{color:#98a5a9;font-size:10px}.qa-complete-preview>div strong{color:#46575d;font-size:18px}.qa-complete-preview button{color:#fff;cursor:pointer;background:#7560d6;border:0;border-radius:13px;width:100%;min-height:48px;margin-top:auto;font-weight:900}.qa-complete-preview button.secondary{color:#65757b;background:#e9eef1;margin-top:8px}.qa-summary{align-items:center;gap:7px;display:flex}.qa-summary b{color:#fff;margin-right:5px;font-size:16px}.qa-status{border-radius:4px;justify-content:center;align-items:center;min-width:43px;min-height:21px;padding:0 6px;font:900 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:inline-flex}.qa-status-pass{color:#9be3bf;background:#173d32}.qa-status-warn{color:#f0d18c;background:#493b1d}.qa-status-fail{color:#ffaaa7;background:#4d2529}.qa-flow-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;display:grid}.qa-flow-card,.qa-check-row,.qa-runtime-card{border:1px solid var(--qa-line);background:var(--qa-panel);border-radius:9px}.qa-flow-card{padding:15px}.qa-flow-card header{justify-content:space-between;align-items:start;gap:10px;display:flex}.qa-flow-card header span{color:var(--qa-blue);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-flow-card h3{color:#fff;margin:6px 0 0;font-size:14px;line-height:1.25}.qa-flow-card dl{gap:8px;margin:16px 0 10px;display:grid}.qa-flow-card dl>div{min-width:0}.qa-flow-card dt,.qa-check-values small{color:#7f929d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:900}.qa-flow-card dd{margin:0}.qa-flow-card p,.qa-check-row p{color:#9eafb8;margin:10px 0 0;font-size:11px;line-height:1.45}.qa-json{color:#c4d6e5;white-space:pre-wrap;word-break:break-word;background:#11171e;border:1px solid #2a3743;border-radius:5px;max-height:140px;margin:0;padding:9px;font:10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.qa-flow-card details{color:#a9bcc7;margin-top:12px;font-size:11px}.qa-flow-card summary{cursor:pointer}.qa-flow-card details .qa-json{margin-top:8px}.qa-check-list{gap:8px;display:grid}.qa-check-row{grid-template-columns:minmax(230px,.8fr) minmax(300px,1.2fr) minmax(200px,1fr);align-items:start;gap:15px;padding:12px 14px;display:grid}.qa-check-title{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.qa-check-title span{color:#7fa8d0;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-check-title strong{color:#edf3f5;flex-basis:100%;font-size:12px}.qa-check-values{grid-template-columns:1fr 1fr;gap:7px;min-width:0;display:grid}.qa-check-row p{margin:20px 0 0}.qa-runtime-grid{grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:14px;display:grid}.qa-runtime-card{padding:17px}.qa-runtime-card h3{color:#fff;margin:0 0 12px;font-size:14px}.qa-runtime-row{border-top:1px solid #293640;grid-template-columns:minmax(125px,.4fr) minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.qa-runtime-row>span{color:#899ca7;font-size:11px}.qa-runtime-row>strong{color:#dbe7ec;overflow-wrap:anywhere;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-runtime-row .qa-json{max-height:90px}.qa-tts-action{flex-wrap:wrap;align-items:center;gap:9px;margin-top:17px;display:flex}.qa-tts-state{color:#a9bbc5;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-tts-failed{color:#ffaaa7}.qa-tts-complete{color:#9be3bf}.qa-tts-action small{color:#ffaaa7;flex-basis:100%;font-size:10px}.qa-safe-note{color:#9db2be;background:#151e27;border:1px solid #31404b;border-radius:7px;margin:14px 0 0;padding:12px;font-size:11px}@media (width<=820px){.qa-header,.qa-tab-toolbar{flex-direction:column}.qa-header-meta{justify-content:flex-start}.qa-screen-layout{grid-template-columns:1fr}.qa-fixture-list{max-height:none;padding-bottom:4px;display:flex;overflow-x:auto}.qa-fixture-list button{min-width:170px}.qa-preview-column{width:100%}.qa-check-row,.qa-runtime-grid{grid-template-columns:1fr}.qa-check-row p{margin:0}}@media (width<=500px){.qa-header,.qa-tabs,.qa-main,.qa-footer{width:min(100% - 22px,1500px)}.qa-header{padding-top:20px}.qa-flow-grid{grid-template-columns:1fr}.qa-device-frame{border-width:5px;border-radius:20px;height:720px}.qa-device-frame .learning-screen,.qa-device-frame .roleplay-screen,.qa-device-frame .scenario-browser{min-height:695px}.qa-device-frame .learning-one-task,.qa-device-frame .roleplay-stage{min-height:615px}}.qa-shell{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.qa-header{flex:none;padding-top:14px;padding-bottom:10px}.qa-header h1{margin-top:4px;margin-bottom:2px;font-size:clamp(22px,3vw,31px)}.qa-tabs{flex:none}.qa-tabs button{min-height:38px}.qa-main{flex:auto;min-height:0;padding-top:10px;padding-bottom:6px;overflow:hidden}.qa-footer{flex:none;padding-top:4px;padding-bottom:6px}.qa-tab-content{overscroll-behavior:contain;height:100%;min-height:0;overflow-y:auto}.qa-screens-tab{flex-direction:column;min-height:0;display:flex;overflow:hidden}.qa-tab-toolbar{flex:none;margin-bottom:8px}.qa-tab-toolbar h2{margin-bottom:2px;font-size:18px}.qa-preview-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.qa-view-buttons{border-left:1px solid var(--qa-line);gap:5px;padding-left:8px;display:flex}.qa-view-buttons button{border:1px solid var(--qa-line);color:#bdcbd3;background:var(--qa-panel);cursor:pointer;border-radius:7px;min-height:34px;padding:0 11px;font-size:11px;font-weight:800}.qa-view-buttons button.selected{border-color:var(--qa-blue);color:#fff;background:#263b53}.qa-screen-layout{flex:auto;grid-template-columns:minmax(235px,290px) minmax(0,1fr);align-items:stretch;min-height:0}.qa-fixture-list{overscroll-behavior:contain;min-height:0;max-height:none;overflow-y:auto}.qa-preview-column{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.qa-preview-label{flex:none;width:100%;max-width:none;margin-bottom:5px}.qa-preview-label small{color:#718695;white-space:nowrap;margin-left:auto;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-preview-stage{flex:auto;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:2px 0;display:flex;overflow:hidden}.qa-preview-stage.qa-preview-actual{justify-content:flex-start;overflow:auto}.qa-device-scale-box{flex:none;position:relative}.qa-device-frame{box-sizing:border-box;width:390px;height:780px;margin:0;overflow:hidden}.qa-device-frame.qa-device-wide{width:540px}.qa-preview-actual .qa-device-frame{overflow:auto}.qa-preview-actual .qa-device-scale-box{width:auto!important;height:auto!important}.qa-flow-grid,.qa-check-list,.qa-runtime-grid{padding-bottom:10px}@media (width>=821px){html:has(.qa-shell){height:100%;overflow:hidden}body:has(.qa-shell){height:100%;overflow:hidden}#root:has(.qa-shell){height:100%;overflow:hidden}}@media (width<=820px){.qa-shell{height:auto;min-height:100dvh;overflow:visible}.qa-main{overflow:visible}.qa-tab-content,.qa-screens-tab{height:auto;overflow:visible}.qa-preview-controls{justify-content:flex-start}.qa-view-buttons{border-left:0;padding-left:0}.qa-preview-stage{min-height:680px}}.qa-screens-toolbar{align-items:center}.qa-screen-mode-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.qa-view-switch{border:1px solid var(--qa-line);background:#131a22;border-radius:9px;gap:4px;padding:3px;display:flex}.qa-view-switch button{color:#8fa1ac;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 12px;font-size:11px;font-weight:900}.qa-view-switch button.selected{color:#fff;background:#29415c}.qa-overview-workspace{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.qa-overview-summary{flex:none;align-items:baseline;gap:10px;padding:0 2px 7px;display:flex}.qa-overview-summary strong{color:#e8f0f4;font-size:11px}.qa-overview-summary span{color:#758995;font-size:10px}.qa-overview-grid{overscroll-behavior:contain;flex:auto;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;min-height:0;padding:1px 4px 8px 1px;display:grid;overflow-y:auto}.qa-overview-card{min-width:0;min-height:252px;max-height:280px;color:inherit;cursor:pointer;text-align:left;background:#151d25;border:1px solid #263440;border-radius:10px;flex-direction:column;align-items:center;padding:8px 7px 7px;transition:border-color .12s,background .12s,transform .12s;display:flex}.qa-overview-card:hover{background:#1a2631;border-color:#5d89b8;transform:translateY(-1px)}.qa-overview-card-head{gap:2px;width:100%;min-width:0;display:grid}.qa-overview-card-head span{color:#7eafe9;text-overflow:ellipsis;white-space:nowrap;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.qa-overview-card-head strong{color:#edf4f6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.qa-overview-phone-wrap{flex:auto;place-items:center;width:100%;min-height:0;display:grid;overflow:hidden}.qa-overview-phone{flex:none;width:105px;height:211px;position:relative}.qa-overview-phone .qa-device-frame{transform-origin:0 0;pointer-events:none;border-width:7px;border-radius:25px;width:390px;height:780px;margin:0;position:absolute;top:0;left:0;overflow:hidden;transform:scale(.27);box-shadow:0 10px 28px #00000047}.qa-overview-card>small{color:#71838e;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-height:25px;font-size:8px;line-height:1.3;display:-webkit-box;overflow:hidden}.qa-inspect-layout{flex:auto;grid-template-columns:155px minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}.qa-inspect-rail{flex-direction:column;gap:7px;min-height:0;display:flex}.qa-back-overview{color:#cfe1f4;cursor:pointer;background:#1b2835;border:1px solid #405166;border-radius:7px;flex:none;min-height:34px;font-size:10px;font-weight:900}.qa-inspect-fixtures{overscroll-behavior:contain;gap:4px;min-height:0;display:grid;overflow-y:auto}.qa-inspect-fixtures button{color:#aebdc5;cursor:pointer;text-align:left;background:#151d25;border:1px solid #0000;border-radius:6px;gap:2px;padding:7px 8px;display:grid}.qa-inspect-fixtures button.selected{background:#203246;border-color:#4f78a3}.qa-inspect-fixtures span{color:#79a9df;text-overflow:ellipsis;white-space:nowrap;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.qa-inspect-fixtures strong{color:#e7eef1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.qa-inspect-preview{align-items:stretch}.qa-inspect-preview .qa-preview-stage{align-items:center}.qa-inspect-preview .qa-preview-label{max-width:760px;margin-inline:auto}.qa-inspect-preview .qa-preview-stage{padding:0}@media (width>=1200px){.qa-overview-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width>=900px) and (width<=1199px){.qa-overview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=820px){.qa-screen-mode-controls{justify-content:flex-start}.qa-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.qa-overview-card{min-height:250px}.qa-inspect-layout{grid-template-columns:1fr;overflow:visible}.qa-inspect-rail{min-height:auto}.qa-inspect-fixtures{display:flex;overflow:auto hidden}.qa-inspect-fixtures button{min-width:120px}}@media (width>=1200px){.qa-shell:has(.qa-overview-workspace) .qa-header{align-items:center;padding-top:8px;padding-bottom:6px}.qa-shell:has(.qa-overview-workspace) .qa-eyebrow{font-size:8px}.qa-shell:has(.qa-overview-workspace) .qa-header h1{margin:2px 0 1px;font-size:25px;line-height:1}.qa-shell:has(.qa-overview-workspace) .qa-header p{font-size:10px}.qa-shell:has(.qa-overview-workspace) .qa-header-meta span{padding:5px 7px;font-size:8px}.qa-shell:has(.qa-overview-workspace) .qa-tabs button{min-height:34px;padding-inline:13px}.qa-shell:has(.qa-overview-workspace) .qa-main{padding-top:7px;padding-bottom:3px}.qa-shell:has(.qa-overview-workspace) .qa-footer{padding-top:2px;padding-bottom:4px;font-size:9px}.qa-shell:has(.qa-overview-workspace) .qa-tab-toolbar{margin-bottom:5px}.qa-shell:has(.qa-overview-workspace) .qa-tab-toolbar h2{margin-bottom:1px;font-size:16px}.qa-shell:has(.qa-overview-workspace) .qa-tab-toolbar p{font-size:9px}.qa-shell:has(.qa-overview-workspace) .qa-view-switch button{min-height:29px;padding-inline:10px;font-size:9px}.qa-overview-summary{gap:8px;min-height:18px;padding:0 2px 4px}.qa-overview-summary strong{font-size:9px}.qa-overview-summary span{font-size:8px}.qa-overview-grid{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;height:100%;min-height:0;padding:0 2px 3px;overflow:hidden}.qa-overview-card{border-radius:8px;height:100%;min-height:0;max-height:none;padding:5px;overflow:hidden}.qa-overview-card-head{flex:none;gap:1px}.qa-overview-card-head span{font-size:7px}.qa-overview-card-head strong{font-size:9px;line-height:1.15}.qa-overview-card>small{display:none}.qa-overview-phone-wrap{flex:auto;min-height:0;padding-top:3px}.qa-overview-phone{width:86px;height:172px}.qa-overview-phone .qa-device-frame{border-width:6px;border-radius:24px;transform:scale(.22);box-shadow:0 5px 16px #00000040}.qa-overview-card:hover .qa-overview-phone .qa-device-frame{transform:scale(.225)}.qa-overview-card:hover{transform:none}}@media (width>=1000px) and (width<=1199px){.qa-overview-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;overflow:hidden}.qa-overview-card{height:100%;min-height:0;max-height:none;padding:4px}.qa-overview-card>small{display:none}.qa-overview-phone{width:78px;height:156px}.qa-overview-phone .qa-device-frame{transform:scale(.2)}}.qa-compact-tab{flex-direction:column;min-height:0;display:flex;overflow:hidden}.qa-flow-summary-grid{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;min-height:0;display:grid;overflow:hidden}.qa-flow-summary-card{border:1px solid var(--qa-line);background:var(--qa-panel);border-radius:9px;flex-direction:column;min-width:0;min-height:0;padding:12px;display:flex;overflow:hidden}.qa-flow-summary-card.expanded{overflow-y:auto}.qa-flow-summary-trigger{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:none;justify-content:space-between;align-items:flex-start;gap:8px;padding:0;display:flex}.qa-flow-summary-trigger>div:first-child{min-width:0}.qa-flow-summary-trigger span:first-child{color:var(--qa-blue);margin-bottom:5px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.qa-flow-summary-trigger strong{color:#f0f5f7;font-size:13px;line-height:1.25;display:block}.qa-flow-trigger-meta{flex:none;align-items:center;gap:7px;display:flex}.qa-flow-trigger-meta>span:last-child{color:#a9bbc6;background:#202a35;border-radius:5px;place-items:center;width:20px;height:20px;margin:0;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.qa-flow-summary-detail{color:#8fa1ab;flex:none;margin:10px 0 0;font-size:10px;line-height:1.4}.qa-flow-expanded{gap:9px;margin-top:11px;display:grid}.qa-flow-expanded-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qa-flow-expanded small,.qa-check-expanded small{color:#7f929d;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:8px;font-weight:900;display:block}.qa-flow-expanded details{color:#9bafb9;font-size:10px}.qa-flow-expanded summary{cursor:pointer}.qa-check-dashboard{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex;overflow:hidden}.qa-attention-section{flex:none}.qa-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.qa-section-heading>div{align-items:center;gap:8px;display:flex}.qa-section-heading span{color:#d5a94e;letter-spacing:.09em;font-size:9px;font-weight:900}.qa-section-heading strong{color:#fff;font-size:15px}.qa-section-heading small{color:#788c98;font-size:9px}.qa-check-compact-list{gap:7px;display:grid}.qa-check-compact{border:1px solid var(--qa-line);background:var(--qa-panel);border-radius:8px;padding:10px 12px}.qa-check-compact-trigger{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.qa-check-compact-main{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.qa-check-compact-main>span:not(.qa-status){color:#7fa8d0;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.qa-check-compact-main strong{color:#edf3f5;flex-basis:100%;font-size:11px}.qa-check-expand-symbol{color:#9fb2bd;background:#202a35;border-radius:5px;flex:none;place-items:center;width:21px;height:21px;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.qa-check-compact>p{color:#879aa5;margin:7px 0 0;font-size:9px;line-height:1.35}.qa-check-expanded{grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;display:grid}.qa-passed-section{flex-direction:column;min-height:0;display:flex;overflow:hidden}.qa-show-passed{border:1px solid var(--qa-line);color:#aebfc8;cursor:pointer;background:#151e27;border-radius:8px;flex:none;justify-content:space-between;align-items:center;width:100%;min-height:41px;padding:0 13px;display:flex}.qa-show-passed>span{letter-spacing:.08em;align-items:center;gap:8px;font-size:9px;font-weight:900;display:flex}.qa-show-passed strong{color:#9be3bf;font-size:14px}.qa-show-passed b{color:#91bdf0;font-size:10px}.qa-passed-section .qa-pass-list{overscroll-behavior:contain;min-height:0;margin-top:7px;padding-right:3px;overflow-y:auto}.qa-all-clear{background:#152820;border:1px solid #295244;border-radius:8px;gap:4px;padding:14px;display:grid}.qa-all-clear strong{color:#a9e3c5;font-size:12px}.qa-all-clear span{color:#7fa693;font-size:9px}.qa-card-fail{border-left:3px solid #df696c}.qa-card-warn{border-left:3px solid #d9ad52}.qa-card-pass{border-left:3px solid #58c697}@media (width>=1000px){.qa-shell:has(.qa-compact-tab) .qa-header{padding-top:10px;padding-bottom:8px}.qa-shell:has(.qa-compact-tab) .qa-header h1{margin-top:3px;margin-bottom:2px;font-size:27px}.qa-shell:has(.qa-compact-tab) .qa-tabs button{min-height:36px}.qa-shell:has(.qa-compact-tab) .qa-main{padding-top:10px;padding-bottom:5px}.qa-shell:has(.qa-compact-tab) .qa-footer{padding-top:3px;padding-bottom:5px}.qa-shell:has(.qa-compact-tab) .qa-tab-toolbar{margin-bottom:10px}}@media (width<=999px){.qa-compact-tab{overflow-y:auto}.qa-flow-summary-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.qa-check-dashboard,.qa-passed-section,.qa-passed-section .qa-pass-list{overflow:visible}}@media (width<=620px){.qa-flow-summary-grid,.qa-flow-expanded-grid,.qa-check-expanded{grid-template-columns:1fr}}