:root{--cream-0:#f4f8ff;--cream-1:#f4f8ff;--cream-2:#eaf2ff;--surface:#fff;--surface-soft:#f4f8ff;--ink:#10243a;--text:#10243a;--muted:#52657c;--muted-soft:#61758e;--border:#176bfa36;--line:#176bfa1f;--shadow:0 16px 34px #10243a1f;--primary:#176bfa;--primary-dark:#1055cc;--primary-soft:#eaf2ff;--accent:#176bfa;--accent-dark:#1055cc;--accent-soft:#eaf2ff;--aqua:#00b8d9;--aqua-dark:#006a82;--aqua-soft:#ddfaff;--success:#20d16b;--success-dark:#047a3c;--success-soft:#e5fff0;--danger:#ff3b62;--danger-dark:#b90f32;--danger-soft:#ffe4ec;--deep:#10243a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 10% 0%, #176bfa1f, transparent 28%), radial-gradient(circle at 92% 8%, #176bfa1f, transparent 30%), linear-gradient(180deg, var(--cream-0) 0%, #f4f8ff 52%, var(--cream-1) 100%);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;font-family:Lexend,Noto Sans Thai,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;border:0}.appShell{background:linear-gradient(#fffffff7,#f4f8fff5);width:min(100%,520px);min-height:100vh;margin:0 auto;padding:10px 14px 22px}.topBar{justify-content:space-between;align-items:center;gap:16px;padding:8px 2px 16px;display:flex}.homeScreen{flex-direction:column;justify-content:flex-start;gap:14px;min-height:calc(100vh - 32px);padding-top:24px;display:flex}.homeHero h1{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:10px;font-size:1.92rem;font-weight:800;display:flex}.homeHero h1 small{color:var(--accent-dark);font-size:.92rem;font-weight:500}.heroVisual{justify-content:center;align-items:center;margin:-8px 0 6px;display:flex}.heroLanguageCard{border:3px solid var(--primary-dark);background:linear-gradient(135deg, var(--primary-soft), var(--aqua-soft));width:min(64%,270px);min-height:146px;color:var(--primary-dark);box-shadow:var(--shadow);border-radius:28px;justify-content:center;align-items:center;gap:18px;font-size:1.6rem;display:flex}.heroLanguageCard span{color:var(--accent);font-size:2rem}.homeHero p:last-child{max-width:28rem;color:var(--text);gap:4px;margin-bottom:0;font-size:.94rem;font-weight:500;line-height:1.4;display:grid}.homeHero p:last-child small{color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.38}.choiceGrid{gap:10px;display:grid}.choiceGrid button{border:1px solid var(--border);background:var(--surface);min-height:96px;color:var(--ink);cursor:pointer;text-align:start;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.choiceIcon{background:linear-gradient(135deg, var(--primary-soft) 0%, var(--aqua-soft) 100%);width:42px;height:42px;color:var(--primary-dark);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.choiceGrid button>span:nth-child(2){gap:8px;display:grid}.choiceGrid small{color:var(--muted);gap:3px;font-size:.82rem;line-height:1.32;display:grid}.choiceGrid small span:last-child{color:var(--muted-soft);font-size:.76rem;font-weight:400}.choiceGrid strong{border-inline-start:1px solid var(--line);min-width:52px;color:var(--primary-dark);justify-content:center;align-self:stretch;align-items:center;padding-inline-start:12px;font-size:1.05rem;display:inline-flex}.sourceNote{background:var(--accent-soft);color:var(--text);border:1px solid #176bfa38;border-radius:8px;gap:3px;padding:10px 12px;display:grid}.sourceNote strong{color:var(--accent-dark);text-transform:uppercase;align-items:baseline;gap:7px;font-size:.82rem;display:flex}.sourceNote strong small{color:var(--muted);text-transform:none;font-size:.72rem;font-weight:500}.sourceNote span{gap:2px;font-size:.84rem;line-height:1.35;display:grid}.sourceNote span small{color:var(--muted);font-size:.75rem}.homeModeLabel{align-items:baseline;gap:7px;line-height:1.1;display:flex}.homeModeLabel>span{color:var(--ink);font-size:1.05rem;font-weight:800}.homeModeLabel small{color:var(--accent-dark);font-size:.78rem;font-weight:500}.sessionHeader{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:2px 0 8px;display:grid}.backButton{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.thaiMode{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.83rem}.eyebrow{color:var(--accent-dark);text-transform:uppercase;margin:0 0 3px;font-size:.74rem;font-weight:700}.eyebrow span{color:var(--muted-soft);text-transform:none;margin-inline-start:5px;font-weight:500}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:1.52rem;line-height:1.08}.sourcePill{border:1px solid var(--border);background:var(--surface);color:var(--primary-dark);border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:700}.modeTabs{border:1px solid var(--border);background:var(--cream-2);border-radius:10px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:4px;display:grid}.modeTabs button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex}.modeTabs button.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 5px 16px #176bfa24}.screenStack{flex-direction:column;gap:8px;display:flex}.progressHeader{gap:5px;min-width:0;display:grid}.progressHeader>div:first-child{align-items:baseline;gap:6px;min-width:0;display:flex}.progressHeader span{color:var(--muted);font-size:.76rem;font-weight:700;display:inline}.progressHeader em{color:var(--accent-dark);font-size:.7rem;font-style:normal;font-weight:500;display:inline}.progressHeader strong{color:var(--ink);white-space:nowrap;margin-inline-start:auto;font-size:.92rem;font-weight:800;display:inline}.progressTrack{background:#e3edfb;border-radius:999px;height:7px;overflow:hidden}.progressTrack div{border-radius:inherit;background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 54%, var(--aqua) 100%);height:100%}.timer{background:var(--deep);color:#fff;text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;min-width:66px;padding:8px 9px;font-size:1rem;font-weight:800}.questionCard{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.topicRow{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:.76rem;font-weight:700;display:flex}.topicTitle{align-items:baseline;gap:7px;min-width:0;display:flex}.topicTitle>span{min-width:0}.topicTitle small{color:var(--accent-dark);white-space:nowrap;font-size:.7rem;font-weight:500}.imageFrame{border-bottom:1px solid var(--line);background:#fff;justify-content:center;align-items:center;min-height:130px;padding:12px;display:flex}.imageFrame img{object-fit:contain;width:min(46%,170px);max-height:168px;display:block}.imageFrame.compact{min-height:104px;padding:10px}.imageFrame.compact img{width:min(38%,120px);max-height:126px}.languageBlock+.languageBlock{border-top:1px solid var(--line)}.languageBlock p{margin-bottom:0;font-size:.98rem;font-weight:400;line-height:1.34}.languageBlock.muted{background:var(--surface-soft)}.answerButtons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answerButtons button{border:1px solid var(--border);background:var(--surface);min-height:54px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:inline-flex}.answerButtons button.selected{border-color:var(--primary);background:linear-gradient(135deg, var(--primary-soft) 0%, var(--aqua-soft) 100%);color:var(--primary-dark)}.answerButtons button.answerCorrect,.answerButtons button.answerCorrect.selected{background:var(--success-soft);color:var(--success-dark);border-color:#20d16b47}.answerButtons button.answerWrong,.answerButtons button.answerWrong.selected{background:var(--danger-soft);color:var(--danger-dark);border-color:#ff3b6247}.answerButtons button:disabled{cursor:default}.feedback{border-radius:8px;padding:11px;line-height:1.35;display:block}.feedback.good{background:var(--success-soft);color:var(--success-dark);border:1px solid #20d16b47}.feedback.bad{background:var(--danger-soft);color:var(--danger-dark);border:1px solid #ff3b6247}.feedback p{margin:5px 0 0;font-size:.94rem}.feedback p.answerExact{margin-top:0;font-weight:500}.feedback p.answerExplanation{margin-top:12px}.feedbackThai{color:currentColor;opacity:.8;font-size:.84rem;font-weight:500}.feedbackTitle{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.feedbackTitle span{opacity:.72;font-size:.82rem;font-weight:500}.bottomActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stickyControls,.resultsStickyBar{z-index:20;border-top:1px solid var(--border);width:min(100%,520px);padding:10px 14px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;gap:8px;display:grid;position:fixed;bottom:0;left:50%;right:0;transform:translate(-50%);box-shadow:0 -14px 28px #10243a1f}.resultsStickyBar{padding:8px 14px calc(12px + env(safe-area-inset-bottom))}.bottomActions button,.primaryAction{background:var(--deep);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:52px;font-weight:800;display:inline-flex}.bottomActions .biLabel,.primaryAction .biLabel{align-items:center}.bottomActions button:disabled{color:var(--muted-soft);cursor:default;background:#e3edfb}.bottomActions button.finishButton:not(:disabled){background:linear-gradient(135deg, var(--primary) 0%, var(--aqua) 100%)}.startPanel,.resultsPanel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;margin-bottom:134px;padding:24px 18px}.startPanel h2,.resultsPanel h2{letter-spacing:0;margin-bottom:8px;font-size:1.45rem}.startPanel p,.resultsPanel>p{color:var(--muted);line-height:1.45}.resultSummary{justify-content:space-between;align-items:stretch;gap:12px;margin-bottom:12px;display:flex}.resultSummary>div:first-child{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-width:92px;padding:9px 11px;display:grid}.resultSummary>div:first-child span,.resultSummary>div:first-child small{color:var(--muted);font-size:.72rem}.resultSummary>div:first-child strong{color:var(--ink);font-size:1.7rem;line-height:1}.resultSummary .resultBadge{align-items:center;margin-bottom:0}.resultsHint{color:var(--muted);margin-bottom:14px;font-size:.9rem;line-height:1.42}.resultStatus{color:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex;box-shadow:0 14px 28px #10243a2e}.resultStatus>div{min-width:0}.resultStatus strong{font-size:1.26rem;line-height:1;display:block}.resultStatus small,.resultStatus .biLabel small{color:#ffffffb8}.resultStatus .biLabel{text-align:end;align-items:flex-end}.startIcon{background:linear-gradient(135deg, var(--primary-soft) 0%, var(--aqua-soft) 100%);width:54px;height:54px;color:var(--primary-dark);border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.questionGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.examActions{margin-top:0}.questionGrid button{aspect-ratio:1;background:var(--cream-2);color:var(--muted);cursor:pointer;border-radius:8px;font-weight:900}.questionGrid button.answered{background:linear-gradient(135deg, var(--primary-soft) 0%, var(--aqua-soft) 100%);color:var(--primary-dark)}.questionGrid button.current{background:var(--deep);color:#fff}.examHint{color:var(--muted);text-align:center;margin-bottom:0;font-size:.86rem}.resultBadge{text-transform:uppercase;border-radius:999px;margin-bottom:12px;padding:7px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.resultBadge .biLabel{align-items:flex-start;gap:1px}.resultBadge .biLabel small{color:inherit;opacity:.72}.resultBadge.passed{background:var(--success-soft);color:var(--success-dark)}.resultBadge.failed{background:var(--danger-soft);color:var(--danger-dark)}.reviewCard{border:1px solid var(--border);background:var(--surface);border-radius:8px;margin:14px 0 12px;overflow:hidden}.answerSummary,.explanationBlock{border-top:1px solid var(--line);padding:11px 13px}.answerSummary span{text-transform:uppercase;border-radius:999px;margin-bottom:6px;padding:5px 9px;font-size:.75rem;font-weight:900;display:inline-flex}.answerSummary .ok{background:var(--success-soft);color:var(--success-dark)}.answerSummary .ko{background:var(--danger-soft);color:var(--danger-dark)}.answerSummary p,.explanationBlock p{color:var(--text);margin-bottom:0;line-height:1.36}.explanationBlock strong,.explanationBlock span{display:block}.explanationBlock strong{color:var(--ink)}.explanationBlock span{color:var(--muted-soft);margin:1px 0 7px;font-size:.8rem}.reviewStrip{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-auto-columns:calc(16.6667% - 6.66667px);grid-auto-flow:column;gap:7px;padding:0;display:grid;overflow-x:auto}.reviewStrip::-webkit-scrollbar{display:none}.reviewStrip button{aspect-ratio:1;color:#fff;cursor:pointer;scroll-snap-align:start;border-radius:8px;width:100%;font-weight:900}.reviewStrip button.correct{background:var(--success)}.reviewStrip button.selected{box-shadow:inset 0 0 0 3px var(--deep), inset 0 0 0 6px #fff;outline:0}.jumboAction{width:100%;min-height:56px;font-size:1.06rem}.biLabel{flex-direction:column;gap:2px;line-height:1.05;display:inline-flex}.biLabel>span{font-weight:800}.biLabel small{color:var(--muted-soft);font-size:.72rem;font-weight:500}.answerButtons .biLabel small{margin-top:2px}@media (width>=720px){body{background:radial-gradient(circle at 0 0,#176bfa21,#0000 32%),radial-gradient(circle at 100% 0,#176bfa21,#0000 30%),linear-gradient(#f4f8ff 0% 100%)}.appShell{border:1px solid #176bfa29;border-radius:12px;min-height:calc(100vh - 32px);margin-block:16px}}@media (width>=380px){.reviewStrip{grid-auto-columns:calc(14.2857% - 6.85714px)}}@media (width>=500px){.reviewStrip{grid-auto-columns:calc(12.5% - 7px)}}:root{--shadow:0 8px 28px #10243a06;--border:#dce6f3;--line:#e8eef6;background:#f4f8ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f4f8ff}.appShell{background:#fff;width:100%;max-width:560px;padding:0 20px 24px}.brandBar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:18px 0;display:flex}.appBrand{align-items:center;gap:6px;display:flex}.appBrand img{object-fit:contain}.appBrand>span{letter-spacing:-.4px;font-size:13px;font-weight:750;line-height:1.15}.appBrand strong{color:var(--primary);display:block}.languagePicker select{font:inherit;border:1px solid var(--border);max-width:100%;min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:8px;font-size:12px;font-weight:600}.srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.homeScreen{gap:16px;min-height:0;padding-top:12px;padding-bottom:100px}.homeHero{padding:0}.homeHero .eyebrow{letter-spacing:1.6px;margin-bottom:14px;font-size:11px}.homeHero h1{letter-spacing:-1.7px;margin:0;font-size:clamp(30px,8vw,42px);line-height:1.1;display:block}.homeHero h1 span{color:var(--primary)}.roadVisual{height:174px;margin:10px -20px 4px;position:relative;overflow:hidden}.roadVisual svg{width:100%;height:100%}.visualLanguages{border:1px solid var(--border);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 17px;font-size:21px;display:flex;position:absolute;top:53px;left:32px;transform:rotate(-5deg);box-shadow:0 8px 28px #10243a0a}.visualLanguages span{color:var(--primary);font-size:18px}.choiceGrid{gap:14px}.choiceGrid button{min-height:112px;box-shadow:none;border-radius:20px;grid-template-columns:48px 1fr 24px;padding:20px}.choiceIcon{width:48px;height:48px;color:var(--primary);background:#eaf2ff;border-radius:14px}.choiceGrid .biLabel>span{letter-spacing:-.5px;font-size:20px}.choiceGrid .biLabel small{font-size:13px}.choiceGrid small{font-size:13px;line-height:1.4}.choiceGrid button.studyChoice{background:var(--primary);color:#fff;border-color:var(--primary)}.studyChoice .choiceIcon{color:#fff;background:#ffffff24}.choiceGrid .studyChoice small{color:#fff}.homeFootnote{color:var(--muted);text-align:center;margin:4px 0;font-size:12px}.appNav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);width:min(100%,560px);padding:8px 20px calc(10px + env(safe-area-inset-bottom));z-index:25;background:#ffffffed;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.appNav button{color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:5px;min-width:100px;padding:8px 24px;font-size:12px;display:flex}.appNav button[aria-current]{color:var(--primary);background:#f0f6ff}.settingsScreen{padding:16px 0 110px}.settingsScreen h1{letter-spacing:-1px;margin:10px 0 30px;font-size:32px}.settingCard{border:1px solid var(--border);border-radius:18px;align-items:flex-start;gap:14px;margin-bottom:16px;padding:20px;display:flex}.settingCard>svg{color:var(--primary);flex-shrink:0}.settingCard h2{margin:2px 0 10px;font-size:17px}.settingCard p,.settingCard small,.settingsNote{color:var(--muted);font-size:13px;line-height:1.5}.settingCard p{margin-bottom:12px}.soonTag{color:#1055cc;vertical-align:middle;background:#eaf2ff;border-radius:6px;margin-inline-start:4px;padding:4px 7px;font-size:10px;display:inline-block}.settingsNote{padding:4px 12px}.questionCard{box-shadow:none;border-radius:18px}.topicRow{align-items:flex-start;padding:14px}.topicTitle{overflow-wrap:anywhere;gap:5px;display:grid}.topicTitle small{white-space:normal}.languageBlock{padding:20px}.languageBlock p{font-size:18px;line-height:1.55}.languageBlock.muted{border-top:0;border-left:3px solid var(--primary);border-radius:0 10px 10px 0;margin:0 12px 12px;padding:15px}.languageBlock.muted p{font-size:17px}.progressTrack{background:#eaf2ff}.progressTrack div{background:var(--primary)}.progressHeader>div:first-child{flex-wrap:wrap}.progressHeader strong{font-size:12px}.sessionHeader{margin-bottom:12px}.stickyControls,.resultsStickyBar{background:#ffffffed;width:min(100%,560px);box-shadow:0 -8px 24px #10243a05}.answerButtons button{border-radius:12px;min-height:58px}.answerButtons button.selected{background:#eaf2ff}.bottomActions button,.primaryAction{background:var(--primary);border-radius:12px}.feedback{border-radius:14px;padding:16px}.feedback p{line-height:1.55}.resultStatus.failed{background:#b92d43}.resultStatus.passed,.reviewStrip button.correct{background:#047a3c}.reviewStrip button.wrong{background:#b92d43}.resultStatus{box-shadow:none}.resultsScreen{padding-bottom:180px}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #176bfa}.studyChoice:focus-visible{outline-color:#10243a}@media (width>=720px){body{background:#f4f8ff}.appShell{border:1px solid #dce6f3;border-radius:24px;min-height:calc(100vh - 40px);margin-block:20px}}@media (width<=360px){.appShell{padding-inline:14px}.appBrand>span{font-size:11px}.appBrand img{width:34px;height:34px}.languagePicker select{padding:6px;font-size:11px}.choiceGrid button{gap:10px;padding:16px}.choiceGrid .biLabel>span{font-size:18px}.brandBar{gap:4px}.roadVisual{margin-inline:-14px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.homeScreen{gap:28px;padding-top:0;padding-bottom:120px}.identityHero{text-align:center;background:radial-gradient(at 50% 35%,#eaf2ff,#0000 66%);padding:8px 0 20px;position:relative}.identityHero>img{object-fit:contain;width:108px;height:108px;margin:0 0 8px}.identityHero h1{letter-spacing:-1.4px;margin:0;font-size:34px;line-height:1.08}.identityHero h1>span{color:var(--primary);display:block}.identityHero p{color:var(--muted);margin:18px 0 0;font-size:15px}.identityHero p .biLabel{gap:7px}.identityHero p .biLabel>span{font-weight:400}.identityHero p small{color:var(--muted);font-size:13px}.choiceGrid button{background:#fff;border:1px solid #dce6f3;grid-template-columns:44px minmax(0,1fr) 18px;gap:12px;min-height:126px;padding:20px 16px;box-shadow:0 4px 16px #10243a03}@media (hover:hover) and (pointer:fine){.choiceGrid button:hover{background:#f4f8ff;border-color:#b4cefa}}.choiceIcon{width:44px;height:48px}.choiceGrid button>span:nth-child(2){gap:12px;min-width:0}.choiceTitle>.biLabel{flex-flow:wrap;align-items:baseline;gap:5px 9px;display:flex}.choiceGrid .choiceTitle .biLabel>span{letter-spacing:-.6px;font-size:19px}.choiceGrid .choiceTitle .biLabel small{color:var(--primary-dark);font-size:13px}.choiceDescription .biLabel{gap:5px}.choiceGrid .choiceDescription .biLabel>span{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:400}.choiceGrid .choiceDescription .biLabel small{color:var(--muted);font-size:12px;line-height:1.4}.appNav{padding:10px 8px calc(10px + env(safe-area-inset-bottom));gap:4px}.appNav button{flex:1;gap:7px;min-width:0;padding:8px 4px}.appNav .biLabel{gap:5px}.appNav .biLabel>span{font-size:11px;font-weight:600}.appNav .biLabel small{color:inherit;font-size:11px;line-height:1.2}.navFlag{font-size:22px;line-height:22px}.settingsScreen{padding-top:10px}.settingsHeading{align-items:center;gap:12px;margin-bottom:36px;display:flex}.settingsHeading h1{margin:0;font-size:28px}.settingsHeading h1 .biLabel{gap:9px}.settingsHeading h1 small{color:var(--muted);font-size:16px}.menuGroupTitle{color:var(--muted);margin:0 4px 12px;font-size:12px}.menuGroupTitle .biLabel{flex-direction:row;align-items:baseline;gap:9px}.settingsMenu{border-block:1px solid var(--line)}.settingsMenu button{text-align:start;width:100%;color:var(--ink);cursor:pointer;background:#fff;align-items:center;gap:15px;padding:21px 4px;display:flex}.settingsMenu button+button{border-top:1px solid var(--line)}.settingsMenu button>svg:first-child{color:var(--primary);width:21px}.settingsMenu button>svg:last-child{color:var(--muted);width:18px;margin-inline-start:auto}.settingsMenu .biLabel{gap:7px}.settingsMenu .biLabel>span{font-size:16px;font-weight:500}.settingsMenu .biLabel small{font-size:13px}.notificationPage{padding:20px 4px}.notificationPage>svg{color:var(--primary);margin-bottom:24px}.notificationPage h2{font-size:20px}.notificationPage p .biLabel>span{font-size:15px;font-weight:400}.notificationPage .biLabel{gap:10px}.notificationPage small{font-size:14px;line-height:1.5}.notificationPage p{margin:20px 0}.languageSheet{border:1px solid var(--border);width:min(500px,100% - 24px);max-height:85dvh;color:var(--ink);background:#fff;border-radius:24px;padding:24px}.languageSheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10243a66}.sheetHeading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.sheetHeading h2{margin:0;font-size:23px}.sheetHeading .biLabel{gap:8px}.sheetHeading small{font-size:15px}.closeSheet{min-width:44px;height:44px;color:var(--ink);cursor:pointer;background:#f4f8ff;border-radius:50%}.sheetIntro{color:var(--muted);margin:20px 0}.sheetIntro .biLabel>span{font-size:14px;font-weight:400}.sheetIntro .biLabel small{font-size:13px;line-height:1.4}.languageOptions>button,.languageOptions>div{text-align:start;width:100%;color:var(--ink);border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:14px;padding:15px 12px;display:flex}.languageOptions>button{cursor:pointer;border-radius:12px}.languageOptions>button[aria-pressed=true]{background:#eaf2ff}.languageOptions strong,.languageOptions small{display:block}.languageOptions strong{font-size:15px;font-weight:600}.languageOptions small{color:var(--muted);margin-top:5px;font-size:14px}.languageOptions svg{color:var(--primary);margin-inline-start:auto}.optionFlag{font-size:24px}.languageSheet h3{margin:30px 0 10px;font-size:13px}.languageSheet h3 .biLabel{gap:6px}.languageSheet h3 small{font-size:12px}.upcoming{opacity:.8}.sessionHeader{margin-top:4px}@media (width<=360px){.choiceGrid button{grid-template-columns:36px minmax(0,1fr) 16px;gap:9px;padding:16px 12px}.choiceIcon{width:36px}.choiceGrid .choiceTitle .biLabel>span{font-size:17px}.identityHero{padding-top:0}.identityHero>img{width:88px;height:88px}.identityHero h1{font-size:30px}}.flagGraphic{object-fit:cover;vertical-align:middle;outline-offset:-1px;border-radius:6px;outline:1px solid #10243a0a;flex-shrink:0;width:32px;height:24px;display:inline-block;box-shadow:0 2px 5px #10243a12}.flagGraphic.navFlag{border-radius:5px;width:32px;height:24px}.flagGraphic.optionFlag{border-radius:7px;width:40px;height:30px}.bottomActions button,.primaryAction{text-align:center;min-height:68px;padding:10px 38px;position:relative}.bottomActions button>.biLabel,.primaryAction>.biLabel{justify-content:center;align-items:center;gap:4px;width:100%;line-height:1.25}.bottomActions button>svg,.primaryAction>svg{width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.bottomActions button>svg:first-child,.primaryAction>svg:first-child{inset-inline-start:14px}.bottomActions button>svg:last-child{inset-inline-end:14px}.bottomActions .biLabel small,.primaryAction .biLabel small{color:#fff;font-size:14px;font-weight:500;line-height:1.45}.bottomActions button:disabled .biLabel small{color:#52657c}.answerButtons button{min-height:68px;padding:10px 14px}.answerButtons .biLabel{align-items:center;gap:4px;line-height:1.25}.answerButtons .biLabel small{color:#52657c;margin-top:0;font-size:14px;line-height:1.45}.withStickyControls,.resultsScreen{padding-bottom:210px}.resultStatus.passed,.reviewStrip button.correct{background:#008a3d}.resultStatus.failed,.reviewStrip button.wrong{background:#e51c46}.resultStatus{border-radius:12px;padding:16px}.resultStatus strong{line-height:1.25}.resultStatus small,.resultStatus .biLabel small{color:#fff;font-size:14px;line-height:1.5}.resultStatus .biLabel{gap:5px}.reviewStrip button{font-size:16px;font-weight:750}.reviewStrip button.selected{box-shadow:inset 0 0 0 3px #10243a,inset 0 0 0 6px #fff}.feedbackTitle span,.feedbackThai{opacity:1}.feedback.good{color:#006c30;background:#e6faed;border-color:#81dca6}.feedback.bad{color:#bd1237;background:#fff0f3;border-color:#ff9caf}.reviewStrip button.correct{color:#008a3d;background:#e6faed;border:1px solid #81dca6}.reviewStrip button.wrong{color:#e51c46;background:#fff0f3;border:1px solid #ff9caf}.reviewStrip button.selected{border-color:currentColor;box-shadow:inset 0 0 0 2px}.languageRequest{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.languageRequest h3{margin:0 0 14px;font-size:16px}.languageRequest .biLabel{gap:6px;line-height:1.4}.languageRequest .biLabel small{font-size:13px}.requestLink{text-align:start;width:100%;color:var(--primary);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.languageRequest form{gap:16px;display:grid}.languageRequest label{gap:8px;font-size:14px;display:grid}.languageRequest input{border:1px solid var(--border);width:100%;min-height:46px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:10px 12px}.languageRequest input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.languageRequest p{color:var(--muted);margin:0;font-size:13px}.languageRequest p .biLabel>span{font-weight:400}.languageRequest .localRequestNote{font-size:12px}.requestSuccess{color:#006c30;background:#e6faed;border-radius:12px;gap:12px;padding:16px;font-size:14px;display:flex}.requestSuccess svg{flex-shrink:0}.requestSuccess small{color:inherit}.identityHero{background:0 0}.shareCard{background:#f4f8ff;border:1px solid #e1ebfa;border-radius:18px;gap:14px;padding:20px;display:flex}.shareIcon{color:var(--primary);flex-shrink:0;padding-top:2px}.shareCard>div{flex:1;min-width:0}.shareCard h2{letter-spacing:-.3px;margin:0 0 10px;font-size:17px}.shareCard .biLabel{gap:5px;line-height:1.4}.shareCard .biLabel small{font-size:13px}.shareCard p{color:var(--muted);margin:0 0 12px;font-size:13px}.shareCard p .biLabel>span{font-weight:400}.shareButton{color:var(--primary-dark);cursor:pointer;text-align:start;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 0;display:flex}.manualShare{gap:8px;font-size:13px;display:grid}.manualShare input{border:1px solid var(--border);width:100%;min-width:0;font:inherit;background:#fff;border-radius:8px;padding:10px}.shareCard [role=status]{color:#006c30;margin-top:10px}.choiceGrid button.shareChoice{background:#eaf2ff;border-color:#dce6f3}@media (hover:hover) and (pointer:fine){.choiceGrid button.shareChoice:hover{background:#dfecff}}.shareChoice .choiceIcon{color:var(--primary);background:#fff}.shareFeedback{color:#006c30;margin:0;font-size:14px}.carJourney{pointer-events:none;width:100%;height:66px;position:relative;overflow:hidden}.carJourney:before{content:"";background:linear-gradient(90deg,#0000,#dce9fb 16% 86%,#0000);height:2px;position:absolute;bottom:8px;left:0;right:0}.carJourney img{transform-origin:50% 85%;opacity:0;width:112px;height:auto;display:block;position:absolute;bottom:8px;right:10%}@keyframes car-arrive{0%{opacity:1;transform:translate(-520px)}78%{opacity:1;transform:translate(3px)rotate(-1.5deg)}90%{opacity:1;transform:translate(-1px)rotate(.6deg)}to{opacity:1;transform:translate(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.carJourney img,.carJourney img.carReady{opacity:1;animation:none;transform:none}}.homeScreen .carJourney{margin-top:-24px;margin-bottom:-12px}.carJourney{container-type:inline-size}.carJourney img.carReady{animation:13s linear infinite both car-round-trip}@keyframes car-round-trip{0%,5%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.25,1);transform:translate(-100cqw)}25%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0)}31%{opacity:1;animation-timing-function:ease-in-out;transform:translate(0)}43%,69%{opacity:1;animation-timing-function:cubic-bezier(.65,0,1,.7);transform:translate(calc(50% - 40cqw))}91%,to{opacity:1;transform:translate(100cqw)}}@media (prefers-reduced-motion:reduce){.carJourney img,.carJourney img.carReady{opacity:1;animation:none;transform:translate(calc(50% - 40cqw))}}.feedbackForm{gap:18px;margin-top:24px;display:grid}.feedbackForm label{gap:8px;font-size:14px;display:grid}.feedbackForm .biLabel{gap:6px;line-height:1.4}.feedbackForm small{font-size:13px}.feedbackForm select,.feedbackForm textarea{font:inherit;border:1px solid var(--border);width:100%;min-width:0;color:var(--ink);background:#fff;border-radius:10px;padding:12px}.feedbackForm textarea{resize:vertical;min-height:130px}.feedbackForm p{color:var(--muted);margin:0;font-size:12px}.feedbackForm p .biLabel>span{font-weight:400}.feedbackForm :focus-visible{outline:2px solid var(--primary);outline-offset:3px}.feedbackConfirmation{color:#006c30;background:#e6faed;border-radius:12px;gap:14px;margin-top:24px;padding:18px;display:grid}.feedbackConfirmation .biLabel{gap:8px;line-height:1.5}.feedbackConfirmation small{color:inherit}.choiceTitle:has(>span[aria-hidden]){align-items:baseline;gap:6px;display:flex}.choiceTitle>span[aria-hidden]{flex-shrink:0;font-size:17px}.choiceEmoji{font-size:27px;line-height:1}.languageRequestCard{width:100%;color:var(--ink);text-align:start;cursor:pointer;background:#eaf2ff;border:1px solid #cbdfff;border-radius:16px;align-items:center;gap:14px;margin-top:20px;padding:20px 16px;display:flex}.languageRequestCard>span:first-child{font-size:28px}.languageRequestCard>span:nth-child(2){flex:1;gap:10px;display:grid}.languageRequestCard .biLabel{gap:4px}.languageRequestCard small{font-size:12px}.languageRequestCard>svg{width:20px;color:var(--primary)}.shareChannels{gap:12px;margin-top:24px;display:grid}.shareChannels a{border:1px solid var(--line);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;padding:18px;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.shareChannels a:hover{background:#eaf2ff}}.appShell:has(.homeScreen){background-color:#fff;background-image:radial-gradient(340px 230px at 50% 170px,#176bfa1a 0%,#176bfa0b 38%,#176bfa00 72%);background-repeat:no-repeat}.choiceGrid button.feedbackChoice{background:#f0f6ff;border:1px dashed #9dbfff}@media (hover:hover) and (pointer:fine){.choiceGrid button.feedbackChoice:hover{background:#e7f0ff}}.feedbackChoice .choiceIcon{background:#fff}.homeScreen .choiceGrid{gap:10px}.homeScreen .choiceGrid button{border-radius:18px;grid-template-columns:40px minmax(0,1fr) 18px;gap:12px;min-height:0;padding:14px}.homeScreen .choiceIcon{border-radius:12px;width:40px;height:42px}.homeScreen .choiceGrid button>span:nth-child(2){gap:7px}.homeScreen .choiceTitle>.biLabel{gap:3px 8px}.homeScreen .choiceDescription .biLabel{gap:3px}.appShell[data-bilingual=false] .homeScreen .choiceGrid button{padding-block:12px}.appShell[data-bilingual=false] .homeScreen .choiceGrid button>span:nth-child(2){gap:5px}@media (width<=360px){.homeScreen .choiceGrid button{grid-template-columns:36px minmax(0,1fr) 16px;gap:9px;padding-inline:12px}.homeScreen .choiceIcon{width:36px;height:40px}}.italianOnlyToggle{border-top:1px solid var(--line);color:var(--muted);cursor:pointer;align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.italianOnlyToggle input{width:18px;height:18px;accent-color:var(--primary);flex-shrink:0}.originalExplanation{margin-top:12px}.originalExplanation summary{cursor:pointer;font-size:13px;text-decoration:underline}.appShell[lang=th] .choiceTitle .biLabel>span{letter-spacing:0;line-height:1.5}.appShell[lang=th] .biLabel>span{letter-spacing:0}.socialIntro{color:var(--muted);margin:15px 0 20px;font-size:14px}.copyShare,.nativeShare{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.copyShare{background:var(--primary);color:#fff;font-weight:600}.nativeShare{color:var(--primary);background:#edf4ff;margin-top:20px}.socialGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 8px;margin-top:24px;display:grid}.socialGrid>a,.socialGrid>button{color:var(--ink);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;font-size:12px;text-decoration:none;display:flex}.socialLogo{border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.socialLogo img{filter:brightness(0)invert();object-fit:contain}.emailLogo{color:#fff;background:#526983}@media (hover:hover) and (pointer:fine){.socialGrid a:hover .socialLogo,.socialGrid button:hover .socialLogo{transform:translateY(-2px)}}.socialHelp{background:#f4f8ff;border-radius:12px;margin-top:22px;padding:16px}.socialHelp p{margin:8px 0;font-size:13px;line-height:1.6}.socialHelp button{color:var(--primary);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 0;display:flex}.socialNotice{gap:8px;margin:16px 0 0;font-size:13px;display:flex}.manualShareUrl{border:1px solid var(--line);border-radius:8px;width:100%;margin-top:10px;padding:12px}@media (width<=360px){.socialGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.questionCard .translationPanel{border:0;border-radius:14px;padding:18px 16px;padding-inline-end:44px;position:relative}.hideTranslation{top:4px;width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset-inline-end:4px}@media (hover:hover) and (pointer:fine){.hideTranslation:hover{background:#dfeaff}}.translationPill{min-height:44px;color:var(--primary);cursor:pointer;background:#edf4ff;border-radius:24px;align-items:center;gap:8px;margin:0 12px 14px;padding:10px 14px;font-size:14px;display:inline-flex}.translationPill img{object-fit:cover;border-radius:3px}.licencePicker{margin-bottom:-10px}.licencePicker>label{margin-bottom:10px;font-size:14px;font-weight:600;display:block}.licenceSelect{background:#f4f8ff;border:1px solid #cbdcf5;border-radius:14px;align-items:center;gap:12px;padding:0 14px;display:flex}.licenceSelect>span{font-size:25px}.licenceSelect select{appearance:none;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;min-height:54px;font-size:16px}.licenceSelect>svg{pointer-events:none;flex-shrink:0;width:18px}.licencePreview{color:var(--muted);margin:10px 0 0;font-size:12px}.homeScreen .choiceGrid button:disabled{opacity:.45;cursor:default}.licenceTrigger{text-align:start;cursor:pointer;width:100%;min-height:56px;color:var(--ink);background:#fff}.licenceTrigger strong{flex:1;font-size:15px;font-weight:600;line-height:1.5}.licenceChoices,.setupLanguages{gap:12px;margin-top:24px;display:grid}.licenceChoices button,.setupLanguages button{text-align:start;border:1px solid var(--line);width:100%;min-height:66px;color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;align-items:center;gap:14px;padding:18px 14px;display:flex}.licenceChoices button>span:first-child{font-size:26px}.licenceChoices .biLabel,.setupLanguages button>span{flex:1}.licenceChoices button[aria-pressed=true],.setupLanguages button[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.licenceChoices svg,.setupLanguages svg{color:var(--primary);flex-shrink:0}.setupDialog h2{margin:12px 0;font-size:24px;line-height:1.5}.setupProgress{float:inline-end;color:var(--muted);font-size:14px}.setupActions{gap:12px;margin-top:28px;display:flex}.setupActions>button{cursor:pointer;border-radius:12px;padding:14px}.setupActions>.primaryAction{color:#fff;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.setupLanguages img{border-radius:4px}.setupDialog[open]{flex-direction:column;max-height:min(720px,85dvh);padding:24px;display:flex;overflow:hidden}.setupDialog h2{outline:none;flex:none;margin:0 0 18px;font-size:24px}.setupScroll{overscroll-behavior:contain;min-height:0;padding:2px;overflow-y:auto}.setupLanguages,.setupDialog .licenceChoices{gap:10px;margin-top:0}.setupLanguages button{flex-shrink:0;min-height:58px;padding:12px}.setupLanguages button:focus:not(:focus-visible){outline:none}.setupLanguages img{object-fit:cover;flex-shrink:0}.setupDialog .setupActions{flex:none;margin-top:16px}.setupContinue{color:#fff;background:#176bfa;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:50px;font-size:16px;font-weight:600;display:flex}.setupContinue span{text-align:center;flex:1}.setupBack{color:var(--muted);cursor:pointer;background:0 0;align-self:flex-start;align-items:center;gap:6px;min-height:36px;margin:0 0 8px;padding:0;font-size:13px;display:flex}.setupLicenceLabel{flex:1;line-height:1.5}.licenceTrigger{gap:12px;padding-inline:14px}.licenceTrigger>span:first-child{flex:0 0 40px;justify-content:center;align-items:center;width:40px;display:flex}@media (width<=360px){.setupDialog[open]{padding:20px}.setupDialog h2{font-size:22px}.licenceTrigger{gap:9px;padding-inline:12px}.licenceTrigger>span:first-child{flex-basis:36px;width:36px}}.setupScroll{padding-block:8px;-webkit-mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000);mask-image:linear-gradient(#0000,#000 8px calc(100% - 8px),#0000)}.licenceTrigger strong,.licenceChoices .biLabel>span,.setupLicenceLabel{font-weight:400}.resetDialog>p{color:var(--muted);margin:22px 0;font-size:15px;line-height:1.6}.resetActions{flex-wrap:wrap;gap:10px;display:flex}.resetActions button{min-height:48px;color:var(--ink);cursor:pointer;background:#edf4ff;border-radius:12px;flex:1;padding:12px 16px}.resetActions .resetConfirm{color:#fff;background:#176bfa}button,a,input,select,textarea,label{-webkit-tap-highlight-color:transparent}@media (hover:none){button:enabled:active,a:active{opacity:.85}button:focus:not(:focus-visible),a:focus:not(:focus-visible){outline:none}}.appNav{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:6px max(24px,env(safe-area-inset-right,0px)) max(6px,calc(env(safe-area-inset-bottom,0px) - 12px)) max(24px,env(safe-area-inset-left,0px));background:#fff;justify-content:center;gap:4px}.appNav button{isolation:isolate;background:0 0;border-radius:12px;flex:0 100px;gap:5px;min-height:58px;padding:8px 2px;position:relative}.appNav button[aria-current]{background:0 0}.appNav button[aria-current]:before{content:"";z-index:-1;max-width:80px;box-shadow:none;background:#f0f6ff;border-radius:14px;margin-inline:auto;position:absolute;inset:0}.appNav button>span{font-size:11px;line-height:1.4}.homeScreen,.settingsScreen{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}.studyProgressPage{padding-bottom:40px}.studyStats{grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0;display:grid}.studyStats>div{background:#f4f8ff;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 4px;display:flex}.studyStats strong{font-size:24px}.studyStats span{font-size:12px}.studyProgressPage h2{font-size:24px}.studyProgressPage h2 small{color:var(--muted);font-size:14px}.progressActions{gap:12px;display:grid}.progressActions button,.progressFilters button,.gridPagination button,.exitReview{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f0f6ff;border-radius:12px;padding:12px}.progressActions button:disabled,.gridPagination button:disabled{opacity:.4}.progressFilters{z-index:2;background:#fff;gap:8px;margin:24px 0 16px;padding-block:8px;display:flex;position:sticky;top:0}.progressFilters button[aria-pressed=true]{color:#fff;background:#176bfa}.studyQuestionGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.studyQuestionGrid button{color:#526983;cursor:pointer;background:#f2f4f7;border:1px solid #dce6f3;border-radius:10px;min-height:44px;font-weight:600}.studyQuestionGrid .correct{color:#007c35;background:#e3faed;border-color:#54d88c}.studyQuestionGrid .wrong{color:#db1042;background:#ffe5ec;border-color:#ff9bb1}.gridPagination{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.resetStudy{color:#c51b3a;cursor:pointer;background:0 0;border:1px solid #ffd0dc;border-radius:12px;margin-top:36px;padding:14px}.progressButton{flex-shrink:0;font-size:24px}.exitReview{margin-bottom:12px}.progressSummary{text-align:center;background:#f0f6ff;border-radius:16px;width:100%;margin:0;padding:20px 12px;line-height:1.5}.studyFilterCards{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0 24px}.studyFilterCards button{min-width:0;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #dce6f3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 2px;display:flex}.studyFilterCards button[aria-pressed=true]{border:2px solid #176bfa;padding:13px 1px}.studyFilterCards strong{font-size:20px}.studyFilterCards span{font-size:11px}.resetStudy,.exitReview{width:100%;min-height:48px;color:var(--ink);text-align:center;cursor:pointer;background:#fff;border:1px solid #dce6f3;border-radius:12px;margin-bottom:16px;padding:14px;display:block}.sessionHeader .progressHeader{flex:1;min-width:0}.progressButton{justify-content:center;align-items:center;display:flex}.gridPagination button{color:var(--ink);background:#fff;border:1px solid #dce6f3;min-width:48px}@media (width<=719px){html,body{background:#fff}}@media (display-mode:standalone){html,body{background:#fff}}.identityHero .brandHeading{width:min(100%,380px);margin:0 auto 12px;line-height:0}.identityHero .brandHeading img{width:100%;max-width:none;height:auto;margin:0;display:block}.identityHero .brandHeading{text-align:center;letter-spacing:-1.4px;width:auto;margin:0;font-size:34px;line-height:1.08}.identityHero .brandHeading>span{color:var(--primary);display:block}.identityHero>img.brandEmblem{object-fit:contain;width:110px;height:110px;margin:0 auto 12px;display:block}@media (width<=360px){.identityHero .brandHeading{font-size:30px}}@font-face{font-family:BrandLexend;src:url(/fonts/lexend-800.ttf)format("truetype");font-weight:800;font-display:swap}.identityHero .brandHeading{font-family:BrandLexend,Arial,sans-serif;font-weight:800}.identityHero .brandHeading>span{font-weight:800}.feedbackContent{overflow-wrap:anywhere;min-width:0}.feedbackTranslation{border-radius:14px;margin-top:18px;padding:18px 16px;padding-inline-end:44px;position:relative}.feedback.good .feedbackTranslation{background:#d1f4df}.feedback.bad .feedbackTranslation{background:#ffe3eb}.feedbackTranslation .hideTranslation{color:inherit}.translationRestore{border:1px solid #dce6f3;max-width:calc(100% - 32px);margin:0;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #10243a14}.translationRestore img{flex-shrink:0}.translationRestore span{line-height:1.4}:is(.withStickyControls:has(.translationRestore),.resultsScreen:has(.translationRestore)){padding-bottom:266px}@media (hover:hover) and (pointer:fine){.feedback.good .hideTranslation:hover{background:#bcebcf}.feedback.bad .hideTranslation:hover{background:#ffd0dc}}.studySelection{padding-bottom:36px}.studySelectionHeader{align-items:center;gap:16px;margin:4px 0 22px;display:flex}.studySelectionHeader .backButton{flex-shrink:0}.studySelectionHeader h1{letter-spacing:-.7px;margin:0;font-size:26px;line-height:1.25}.studySelectionIntro{color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.studySelection h2{margin:30px 0 14px;font-size:18px}.studyOptionList{gap:10px;display:grid}.studyOption{border:1px solid var(--border);width:100%;color:var(--ink);text-align:start;cursor:pointer;background:#fff;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:18px 14px;display:grid}.studyOption.all{background:#f0f6ff;border-color:#bdd5fc}.studyOptionIcon{background:#eaf2ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:44px;display:flex}.studyOptionContent{gap:8px;min-width:0;display:grid}.studyOption strong{overflow-wrap:anywhere;font-size:15px;line-height:1.4}.studyOptionCount{color:var(--muted);font-size:13px}.studyOptionTrack{background:#eaf2ff;border-radius:999px;height:4px;display:block;overflow:hidden}.studyOptionTrack>span{background:var(--primary);border-radius:inherit;height:100%;display:block}.studyOption>svg{color:var(--muted)}.studySelection .resetStudy{margin-top:32px}.progressScope{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.4}@media (hover:hover) and (pointer:fine){.studyOption:hover{border-color:var(--primary)}}@media (width<=360px){.studySelectionHeader h1{font-size:23px}.studyOption{grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;padding:16px 12px}.studyOptionIcon{width:36px;height:40px;font-size:25px}}.imageTrigger{cursor:zoom-in;width:100%;position:relative}.imageZoomBadge{top:9px;color:#64748b;background:#ebf2fe;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;inset-inline-end:9px}.imageViewer{overscroll-behavior:none;background:#fff;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.imageViewer::backdrop{background:#fff}.imageViewerSurface{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;width:100%;height:100%;padding:88px 16px 80px;display:flex;overflow:hidden}.imageViewerSurface img{object-fit:contain;pointer-events:none;width:100%;height:100%}.imageViewerClose{z-index:3;top:max(14px, env(safe-area-inset-top));color:#64748b;cursor:pointer;background:#ebf2fe;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;inset-inline-end:max(14px, env(safe-area-inset-right))}.imageViewerHint{z-index:2;bottom:max(14px, env(safe-area-inset-bottom));color:#64748b;text-align:center;pointer-events:none;background:#ebf2fe;border-radius:999px;width:max-content;max-width:calc(100% - 24px);margin:0;padding:10px 18px;font-size:.8rem;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.imageTrigger:focus-visible{outline:3px solid var(--aqua-dark);outline-offset:-3px}.imageViewerClose,.imageViewerClose:focus,.imageViewerClose:focus-visible,.closeSheet,.closeSheet:focus,.closeSheet:focus-visible,.hideTranslation,.hideTranslation:focus,.hideTranslation:focus-visible,.imageViewerClose,.imageViewerClose:focus,.imageViewerClose:focus-visible{box-shadow:none;-webkit-tap-highlight-color:transparent;border:0;outline:none}.closeSheet,.hideTranslation,.imageViewerClose{text-align:center;appearance:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.closeSheet{width:44px;height:44px;font-size:28px}.closeSheet>svg,.hideTranslation>svg,.imageViewerClose>svg{flex-shrink:0;margin:0;display:block;position:static;transform:none}.languageOptions>button{text-align:start;border-bottom:0;position:relative}.languageOptions>button:not(:last-child):after{content:"";inset-inline:12px;background:var(--line);pointer-events:none;border-radius:0;height:1px;position:absolute;bottom:0}.languageOptions svg{margin-left:0;margin-inline-start:auto}.appShell[lang=th]{font-family:Noto Sans Thai,Lexend,sans-serif}.datasetStatus{color:var(--muted);background:#eaf2ff;border-radius:12px;padding:12px;font-size:14px;line-height:1.5}.datasetStatus p{margin:0 0 12px}.gridPagination button{justify-content:center;align-items:center;display:inline-flex}.studyFilterCards span:last-child{overflow-wrap:anywhere}.imageViewerClose:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){inset-inline-end:max(14px, env(safe-area-inset-left))}@font-face{font-family:Lexend Offline;src:url(/fonts/lexend-variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Thai;src:url(/fonts/noto-sans-thai.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/noto-sans-arabic.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Gurmukhi;src:url(/fonts/noto-sans-gurmukhi.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Bengali;src:url(/fonts/noto-sans-bengali.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.appShell:lang(ar),.appShell:lang(ur),.appShell :lang(ar),.appShell :lang(ur){font-family:Noto Sans Arabic,system-ui,sans-serif}.appShell:lang(pa),.appShell :lang(pa){font-family:Noto Sans Gurmukhi,system-ui,sans-serif}.appShell:lang(bn),.appShell :lang(bn){font-family:Noto Sans Bengali,system-ui,sans-serif}.appShell [lang=it]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.brandHeading:lang(it){font-family:Lexend,Lexend Offline,sans-serif}.privacyInformation{overflow-wrap:anywhere;font-size:15px;line-height:1.65}.privacyInformation h2{margin:24px 0 12px;font-size:19px}.privacyInformation a{color:var(--primary);text-decoration:underline}.languageSheet button:disabled{opacity:.5;cursor:default}.appShell{padding-top:max(24px,env(safe-area-inset-top))}.appShell :lang(th){font-family:Noto Sans Thai,system-ui,sans-serif}:root[data-keyboard-navigation=true] .closeSheet:focus-visible,:root[data-keyboard-navigation=true] .hideTranslation:focus-visible,:root[data-keyboard-navigation=true] .imageViewerClose:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.studyQuestionGrid .wrong{color:#bd1237}
