#root,body,html{height:100%;overflow:hidden;overscroll-behavior:none;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100%;text-align:center}:root{--primary:#2962ff;--dark:#1a237e;--light:#f5f5f5;--shadow:#0000001a;--correct:#2e7d32;--wrong:#c62828;--timeout:#f9a825}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.wrapper{--keyboard-offset:0px;align-items:center;background:#f5f5f5;box-sizing:border-box;display:flex;height:100dvh;justify-content:center;min-height:100dvh;overflow:hidden;padding:1rem 1rem 6rem}.item{background-color:#fff;border-radius:15px;box-shadow:0 8px 24px #0000001a;box-shadow:0 8px 24px var(--shadow);min-width:280px;opacity:1;padding:2rem;text-align:center;transition:opacity .5s ease,transform .5s ease;width:min(100%,420px)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bottom-streak{bottom:calc(3.75rem + var(--keyboard-offset));display:flex;gap:.5rem;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);transition:bottom .2s ease;width:min(560px,calc(100% - 2rem));z-index:2}.bottom-streak,.streak-badge{align-items:center;justify-content:center}.streak-badge{background:#edf2ff;border:1px solid #cfdcff;border-radius:999px;color:#24387a;display:inline-flex;font-size:.82rem;font-weight:800;letter-spacing:.01em;padding:.35rem .75rem}.streak-badge.is-milestone{background:linear-gradient(90deg,#ffe39d,#ffd067);border-color:#ffc34d;color:#6b4b00}.streak-badge.is-best{background:#eef8f0;border-color:#b9dfc1;color:#1f6a2f}.streak-milestone{color:#9b5f00;font-size:.82rem;font-weight:800}.fireworks-screen{animation:fireworks-backdrop 2.2s ease-out forwards;background:radial-gradient(circle at center,#ffe8aa42 0,#fff0 62%);inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:12}.firework-burst{height:0;position:absolute;top:62%;width:0}.firework-burst.is-left{left:50%;transform:translateX(clamp(-220px,-24vw,-120px))}.firework-burst.is-right{left:50%;transform:translateX(clamp(120px,24vw,220px))}.firework-core{animation:firework-core 1.05s ease-out forwards;background:#fff0b2;box-shadow:0 0 22px #ffc148e6;height:18px;margin-left:-9px;margin-top:-9px;width:18px}.firework-core,.firework-spark{border-radius:50%;opacity:0;position:absolute}.firework-spark{animation:firework-spark var(--duration) cubic-bezier(.2,.78,.35,1) var(--delay) forwards;background:var(--color);box-shadow:0 0 8px var(--color);height:var(--size);margin-left:calc(var(--size)*-.5);margin-top:calc(var(--size)*-.5);transform:translateZ(0) scale(.4);width:var(--size)}.fireworks-center-text{animation:fireworks-center-pop 2.2s ease-out forwards;color:#6c3f00;font-size:clamp(1.6rem,4.4vw,3.1rem);font-weight:900;left:50%;letter-spacing:.04em;position:absolute;text-shadow:0 6px 24px #ffc55a80;top:44%;transform:translate(-50%,-50%)}.mode-switch{display:flex;margin-bottom:1rem}.mode-button{align-items:center;background:#f8faff;border:1px solid #d8e0fb;border-radius:14px;color:#23304f;cursor:pointer;display:flex;gap:.75rem;padding:.7rem .8rem;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .2s ease,background .2s ease;width:100%}.mode-button svg{stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;height:1.35rem;width:1.35rem}.mode-button:hover:not(:disabled){border-color:#b7c6ff;box-shadow:0 10px 18px #2962ff1f;transform:translateY(-1px)}.mode-button:focus{outline:none}.mode-button:focus-visible{outline:3px solid #5a7bff;outline-offset:2px}.mode-button.is-active{background:#edf2ff;border-color:#8ba4ff;box-shadow:inset 0 0 0 1px #5a7bff1f}.mode-button:disabled{cursor:default;opacity:.72}.mode-icon{align-items:center;background:#fff;border:1px solid #dbe3ff;border-radius:.95rem;display:inline-flex;flex-shrink:0;height:2.4rem;justify-content:center;width:2.4rem}.mode-copy{grid-gap:.15rem;display:grid;flex:1 1;gap:.15rem}.mode-label{font-size:.94rem;font-weight:800}.mode-description{color:#6a7694;font-size:.75rem}.mode-toggle-hint{color:#3558c8;font-size:.76rem;font-weight:800;white-space:nowrap}.flag-frame{align-items:center;aspect-ratio:11/7;display:flex;justify-content:center;margin:0 auto 1rem;width:220px}.flag-sprite{background-repeat:no-repeat;border-radius:8px;box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--shadow);height:100%;width:100%}.quiz-panel.is-hidden{display:none}.choices{grid-gap:.55rem;display:grid;gap:.55rem}.choices,.subjective-form{margin-top:1rem}.subjective-input-row{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto}.answer-input{background:#fbfcff;border:1px solid #cdd8fb;border-radius:12px;box-sizing:border-box;color:#1e243d;font-size:1rem;font-weight:700;padding:.88rem .95rem;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.answer-input::placeholder{color:#8b95b3;font-weight:600}.answer-input:focus{border-color:#6f8bff;box-shadow:0 0 0 4px #5a7bff24;outline:none}.answer-input.is-correct{background:#e9f7ec;border-color:#99d3a0;color:#2e7d32;color:var(--correct)}.answer-input.is-wrong{background:#feeceb;border-color:#f2a6a0;color:#c62828;color:var(--wrong)}.answer-input.is-timeout{background:#fff7df;border-color:#f1ca73;color:#8a5a00}.submit-button{background:linear-gradient(135deg,#2962ff,#5a7bff);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.98rem;font-weight:800;min-width:4.8rem;padding:.88rem 1rem;transition:transform .12s ease,box-shadow .12s ease,opacity .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 10px 18px #2962ff2e;transform:translateY(-1px)}.submit-button:focus{outline:none}.submit-button:focus-visible{outline:3px solid #5a7bff;outline-offset:2px}.submit-button:disabled{box-shadow:none;cursor:default;opacity:.55}.subjective-helper{color:#66708b;font-size:.84rem;font-weight:600;margin:.7rem 0 0;text-align:left}.subjective-feedback{grid-gap:.2rem;border-radius:12px;display:grid;font-size:.92rem;font-weight:700;gap:.2rem;margin-top:.8rem;padding:.85rem .95rem;text-align:left}.subjective-feedback strong{font-size:.95rem}.subjective-feedback.is-correct{background:#e9f7ec;color:#2e7d32;color:var(--correct)}.subjective-feedback.is-wrong{background:#feeceb;color:#c62828;color:var(--wrong)}.subjective-feedback.is-timeout{background:#fff7df;color:#8a5a00}.choice-button{align-items:center;background:#f7f9ff;border:1px solid #d7def5;border-radius:10px;color:#1e243d;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:space-between;padding:.72rem .8rem;transition:transform .12s ease,box-shadow .12s ease,background .2s ease,border-color .2s ease;width:100%}.choice-label{text-align:left}.choice-icon{font-size:1.2rem;font-weight:1000;line-height:1;min-width:1.25rem;text-align:center}.choice-button.is-hover-enabled:hover:not(:disabled){border-color:#b8c7ff;box-shadow:0 6px 14px #2962ff26;transform:translateY(-1px)}.choice-button:focus{outline:none}.choice-button:focus-visible{outline:3px solid #5a7bff;outline-offset:2px}.choice-button.is-selected{border-color:#8ea7ff}.choice-button.is-correct{background:#e9f7ec;border-color:#99d3a0;color:#2e7d32;color:var(--correct)}.choice-button.is-wrong{background:#feeceb;border-color:#f2a6a0;color:#c62828;color:var(--wrong)}.choice-button.is-disabled{cursor:default}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0}.bottom-timer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff5;border:1px solid #dce4ff;border-radius:12px;bottom:calc(1rem + var(--keyboard-offset));box-shadow:0 10px 24px #0e1c4e1f;left:50%;padding:.55rem .75rem;position:fixed;transform:translateX(-50%);transition:bottom .2s ease;width:min(560px,calc(100% - 2rem))}.bottom-timer-track{background:#e4e8f8;border-radius:999px;height:12px;overflow:hidden;width:100%}.bottom-timer-fill{background:linear-gradient(90deg,#2962ff,#5a7bff);height:100%;transition:width .08s linear}@media (max-width:600px){.wrapper{padding:1rem .8rem 5.7rem}.wrapper.is-mobile-text-entry-active{align-items:flex-start;overflow-y:auto;padding-bottom:calc(8.5rem + var(--keyboard-offset));padding-top:max(1rem,env(safe-area-inset-top))}.item{max-width:360px;min-width:0;padding:1.25rem;width:100%}.mode-switch{margin-bottom:.85rem}.mode-button{gap:.6rem;padding:.65rem .7rem}.mode-icon{height:2.1rem;width:2.1rem}.mode-label{font-size:.88rem}.mode-description,.mode-toggle-hint{font-size:.72rem}.flag-frame{margin-bottom:.75rem;width:180px}.item h1{font-size:1.5rem;margin:.25rem 0}.choice-button{font-size:.96rem}.subjective-input-row{grid-template-columns:1fr}.submit-button{width:100%}.bottom-streak{bottom:calc(3.4rem + var(--keyboard-offset));gap:.35rem;width:calc(100% - 1.2rem)}.streak-milestone{font-size:.74rem}.bottom-timer{bottom:calc(.75rem + var(--keyboard-offset));width:calc(100% - 1.2rem)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fireworks-backdrop{0%{opacity:0}12%{opacity:1}to{opacity:0}}@keyframes firework-core{0%{opacity:0;transform:scale(.25)}24%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(.35)}}@keyframes firework-spark{0%{opacity:0;transform:translateZ(0) scale(.35)}10%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--tx)*var(--dir)),calc(var(--ty) + var(--drop)),0) scale(.5)}}@keyframes fireworks-center-pop{0%{opacity:0;transform:translate(-50%,-47%) scale(.82)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.03)}68%{opacity:1;transform:translate(-50%,-52%) scale(1.04)}to{opacity:0;transform:translate(-50%,-58%) scale(1.1)}}
/*# sourceMappingURL=main.17376372.css.map*/