@font-face{font-family:Andika;src:url('/fonts/Andika-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f7f5ef;color:#243e3b;font-family:Andika,system-ui,sans-serif;line-height:1.55}main{max-width:1060px;margin:auto;padding:30px 36px 20px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a{color:inherit}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:34px;border-bottom:1px solid #d9dfd4;margin-bottom:36px}.brand{font-size:25px;font-weight:bold;text-decoration:none;letter-spacing:-1px}.brand span{display:block;font-size:12px;letter-spacing:0;font-weight:normal;color:#62736c}.back{font-size:14px;text-decoration:none}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:bold;color:#60736d;margin:0 0 12px}h1{font-size:clamp(29px,4vw,46px);line-height:1.25;letter-spacing:-1px;margin:0 0 20px}h1:focus{outline:none}.intro{max-width:650px;font-size:18px;color:#61716b;margin:0 0 28px}fieldset{border:0;padding:0;margin:0}legend{font-weight:bold;font-size:15px;margin-bottom:15px}.subjects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subject{background:#fff;border:2px solid #dce1d7;border-radius:18px;padding:24px 20px 20px;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;min-height:235px}.subject:has(:checked){border-color:#286454;background:#eef5ef;box-shadow:0 0 0 2px #28645420}.subject input{position:absolute;right:17px;top:18px;width:21px;height:21px;accent-color:#286454}.subject strong{font-size:21px}.subject>span:not(.symbol){font-size:14px;color:#66766e}.subject small{font-size:12px;color:#67776d;margin-top:auto;padding-top:15px}.symbol{font-size:35px;line-height:1.3;color:#ac6a36}.science .symbol{color:#347c79}.mixed .symbol{color:#7752a1}.start-row{display:flex;align-items:end;gap:24px;margin:28px 0 18px}.start-row label{font-size:15px;font-weight:bold;display:block}select{display:block;margin-top:9px;border:1px solid #becbc1;background:white;border-radius:10px;padding:11px 40px 11px 14px;min-height:48px}.primary,.secondary{border-radius:12px;min-height:50px;padding:12px 23px;font-weight:bold;border:1px solid transparent}.primary{background:#286454;color:white}.primary:hover:not(:disabled){background:#1f5043}.secondary{background:#fff;border-color:#becbc1;color:#2d5147}.text-button{border:0;background:transparent;color:#37675d;text-decoration:underline;text-underline-offset:4px;padding:10px 3px;min-height:44px;font-size:14px}.quiet{font-size:13px;color:#65746c}.mission-meta{display:flex;align-items:center;gap:20px;font-size:14px}.tag{padding:5px 12px;border-radius:20px;background:#e3ecdf;font-weight:bold}#points{margin-left:auto;font-weight:bold}#progress{height:7px;border-radius:8px;background:#e0e5dc;margin:16px 0 24px;overflow:hidden}#progress span{display:block;height:100%;width:0;background:#418371;transition:width .3s}.question-card{background:#fff;border:1px solid #dfe3d9;border-radius:22px;padding:32px}.question-card h1{font-size:clamp(23px,3vw,31px);line-height:1.45;letter-spacing:-.5px;margin-bottom:8px}.question-card .eyebrow{margin-bottom:10px}#voice-status{display:inline-block;margin-left:12px}.visual{max-width:430px;margin:14px auto 22px}.visual svg{width:100%;height:auto;display:block}.visual svg text{font-family:Andika,system-ui,sans-serif}#choices{display:grid;gap:10px;margin:20px 0}.option{position:relative;display:flex;align-items:center;gap:12px;min-height:58px;border:2px solid #e0e5df;background:#fcfcfa;border-radius:12px;padding:12px 16px;cursor:pointer}.option input{width:19px;height:19px;accent-color:#286454;flex:none;margin:0}.option:has(:checked){border-color:#397a67;background:#f1f8f2}.option.is-answer{border-color:#3b8365;background:#eff8ef}.option.is-wrong{border-color:#c28a34;background:#fff8e9}#blank-wrap{margin:22px 0}#blank-wrap label,#blank-help{display:block}#blank-help{font-size:12px;color:#66766e;margin-top:6px}#blank{display:block;width:100%;max-width:550px;min-height:54px;border:2px solid #bdcbc1;border-radius:10px;padding:9px 13px;margin-top:8px;font-size:22px;color:#243e3b}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:20px}#feedback:empty{display:none}#feedback{padding:16px 18px;border-radius:12px;margin-top:18px;background:#eef6ef;border-left:4px solid #3b8365}#feedback[data-state="retry"]{background:#fff5e2;border-color:#c28a34}#feedback[data-state="empty"]{background:#f0f3f6;border-color:#8297ac}#feedback strong{display:block;margin-bottom:3px}.hint{background:#f3eff7;padding:12px 16px;border-radius:10px;font-size:15px}.below-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;font-size:14px;color:#6b786e}#finish{text-align:center;padding:20px 0}.medal{width:95px;height:95px;line-height:95px;border-radius:50%;background:#f3e4ad;color:#a87c24;font-size:65px;margin:0 auto 20px}.result-stats{display:flex;gap:15px;justify-content:center;margin:25px 0}.stat{background:#fff;border:1px solid #dfe3d9;border-radius:14px;padding:20px;min-width:150px}.stat b{display:block;font-size:29px;color:#286454}.stat span{font-size:13px}.finish-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}footer{border-top:1px solid #d9dfd4;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#748077}#celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.spark{position:absolute;left:50%;top:45%;width:10px;height:10px;border-radius:3px;background:var(--color);animation:burst 850ms ease-out forwards}.spark.gentle{width:7px;height:7px;border-radius:50%;animation-duration:650ms}@keyframes burst{0%{transform:translate(0,0) scale(.3);opacity:1}100%{transform:translate(var(--x),var(--y)) rotate(180deg) scale(.6);opacity:0}}[hidden]{display:none!important}:focus-visible{outline:3px solid #b37a29;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}#celebration{display:none}}@media(max-width:650px){main{padding:20px 17px}header{padding-bottom:20px;margin-bottom:27px}.brand{font-size:23px}.brand span{font-size:10px;max-width:210px}.subjects-grid{grid-template-columns:1fr;gap:10px}.subject{min-height:125px;padding:16px 16px 16px 73px;gap:2px}.subject .symbol{position:absolute;left:22px;top:26px}.subject small{margin:0;padding-top:5px}.subject input{top:15px;right:13px}.subject strong{padding-right:20px}.start-row{align-items:stretch;flex-direction:column;gap:18px}.start-row select{width:100%}.question-card{padding:22px 17px;border-radius:16px}.mission-meta{gap:10px;font-size:12px}.below-card{gap:10px}.result-stats{gap:8px}.stat{min-width:0;flex:1;padding:15px 7px}.stat b{font-size:24px}.stat span{font-size:11px}footer{flex-direction:column}.question-card h1{font-size:23px}.actions .primary{flex:1}#voice-status{display:block;margin-left:0}}
.generated-learning-visual{margin:0}.generated-learning-visual img{display:block;width:100%;height:auto;border-radius:10px}.generated-learning-visual figcaption{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:7px;text-align:center;font-size:12px;color:#53675c;line-height:1.4}.visual:has(.generated-learning-visual){max-width:600px}
.generated-learning-visual figcaption.single-caption{display:block;text-align:center}