@import"https://fonts.googleapis.com/css2?family=Codystar:wght@400;700&display=swap";:root{--color-darkest: #343a40;--color-dark: #495057;--color-dark-2: #3d444b;--color-medium: #ced4da;--color-light: #f1f3f5;--color-theme: #1098ad;--color-theme-dim: #0c7a8a;--color-accent: #ffa94d;--radius: 1.2rem}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-text-size-adjust:100%}body{min-height:100vh;min-height:100dvh;color:var(--color-light);background-color:var(--color-darkest);background-image:radial-gradient(120% 80% at 50% -10%,#3c434b 0%,var(--color-darkest) 60%)}.app{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100dvh;padding:1.6rem 1.2rem calc(2rem + env(safe-area-inset-bottom))}.app-header{width:100%;max-width:60rem;display:flex;align-items:center;justify-content:center;gap:1.2rem;margin-bottom:1.6rem}.logo svg{width:4.4rem;height:4.4rem;display:block}h1{font-family:Codystar,system-ui,sans-serif;font-weight:700;font-size:3.2rem;letter-spacing:.05em;line-height:1.1;color:var(--color-light)}.main{width:100%;max-width:60rem;flex:1}.start{display:flex;flex-direction:column;gap:1.6rem;text-align:center}.start h2{font-size:2.1rem;font-weight:700;line-height:1.3}.subtitle{font-size:1.5rem;color:var(--color-medium);line-height:1.5}.bank-toggle{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:.4rem}.bank-btn{display:flex;flex-direction:column;gap:.4rem;font-family:inherit;color:var(--color-light);background-color:var(--color-dark-2);border:2px solid var(--color-dark);border-radius:var(--radius);padding:1.4rem 1rem;cursor:pointer;transition:.2s;text-align:center}.bank-btn .bank-title{font-size:1.6rem;font-weight:700}.bank-btn .bank-count{font-size:1.3rem;font-weight:600;color:var(--color-accent)}.bank-btn .bank-tagline{font-size:1.15rem;color:var(--color-medium);line-height:1.3}.bank-btn.active{border-color:var(--color-theme);background-color:#1098ad2e;box-shadow:0 0 0 1px var(--color-theme)}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.4rem}.mode-btn.disabled,.mode-btn[disabled]{opacity:.45;cursor:not-allowed}.mode-btn{display:flex;flex-direction:column;gap:.4rem;font-family:inherit;color:var(--color-light);background-color:var(--color-dark-2);border:2px solid var(--color-dark);border-radius:var(--radius);padding:1.4rem 1rem;cursor:pointer;transition:.2s;text-align:center}.mode-btn .mode-title{font-size:1.7rem;font-weight:700}.mode-btn .mode-desc{font-size:1.2rem;color:var(--color-medium);line-height:1.3}.mode-btn.active{border-color:var(--color-theme);background-color:#1098ad2e;box-shadow:0 0 0 1px var(--color-theme)}.field{display:flex;flex-direction:column;gap:.6rem;text-align:left}.field-label{font-size:1.3rem;font-weight:600;color:var(--color-medium);text-transform:uppercase;letter-spacing:.06em;padding-left:.4rem}select{font-family:inherit;font-size:1.6rem;font-weight:600;color:var(--color-light);background-color:var(--color-dark);border:2px solid var(--color-dark);border-radius:var(--radius);padding:1.3rem 1.4rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ced4da' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center}select:focus{outline:none;border-color:var(--color-theme)}.start-meta{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:.4rem}.pill{font-size:1.3rem;font-weight:600;color:var(--color-medium);background-color:var(--color-dark);border-radius:100px;padding:.6rem 1.4rem}.pill.best{color:var(--color-darkest);background-color:var(--color-accent)}.hint{font-size:1.3rem;color:var(--color-medium);line-height:1.5}.retake-toggle{display:flex;align-items:center;gap:1.2rem;text-align:left;background-color:var(--color-dark-2);border:2px solid var(--color-dark);border-radius:var(--radius);padding:1.2rem 1.4rem;cursor:pointer}.retake-toggle input{position:absolute;opacity:0;width:0;height:0}.retake-switch{flex:0 0 auto;position:relative;width:4.6rem;height:2.6rem;border-radius:100px;background-color:var(--color-dark);transition:.2s}.retake-switch:after{content:"";position:absolute;top:.3rem;left:.3rem;width:2rem;height:2rem;border-radius:50%;background-color:var(--color-light);transition:.2s}.retake-toggle input:checked+.retake-switch{background-color:var(--color-theme)}.retake-toggle input:checked+.retake-switch:after{transform:translate(2rem)}.retake-toggle input:focus-visible+.retake-switch{box-shadow:0 0 0 2px var(--color-light)}.retake-label{display:flex;flex-direction:column;gap:.2rem}.retake-label strong{font-size:1.5rem}.retake-label small{font-size:1.2rem;color:var(--color-medium);line-height:1.3}.retake-badge{font-size:1.4rem;font-weight:700;color:var(--color-accent)}.retake-note{font-size:1.4rem;font-weight:600;color:var(--color-accent);line-height:1.4}.retake-note.ok{color:var(--color-theme)}.btn{display:block;font-family:inherit;color:var(--color-light);font-size:1.7rem;font-weight:600;border:2px solid var(--color-dark);background-color:var(--color-dark);padding:1.2rem 2rem;cursor:pointer;border-radius:100px;transition:.2s}.btn:active{transform:scale(.98)}.btn-cta{width:100%;background-color:var(--color-theme);border-color:var(--color-theme);color:#fff;font-size:1.9rem;padding:1.4rem 2rem}.btn-cta:hover{background-color:var(--color-theme-dim);border-color:var(--color-theme-dim)}.btn-ghost{width:100%;background-color:transparent}.btn-ui{background-color:var(--color-theme);border-color:var(--color-theme);color:#fff;padding:1rem 2rem}.btn-ui:hover{background-color:var(--color-theme-dim)}.btn-check{width:100%;margin-top:.4rem;background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-darkest)}.btn-check[disabled]{opacity:.5;cursor:not-allowed}.progress{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.6rem}.progress-top{display:flex;align-items:center;justify-content:space-between}.exit-btn{font-family:inherit;font-size:1.3rem;font-weight:600;color:var(--color-medium);background:none;border:none;cursor:pointer;padding:.4rem 0}.mode-tag{font-size:1.3rem;font-weight:600;color:var(--color-medium)}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1rem;border:none}progress::-webkit-progress-bar{background-color:var(--color-dark);border-radius:100px}progress::-webkit-progress-value{background-color:var(--color-theme);border-radius:100px;transition:.3s}progress::-moz-progress-bar{background-color:var(--color-theme);border-radius:100px}.progress p{font-size:1.4rem;color:var(--color-medium)}.question-block{display:flex;flex-direction:column;gap:1.2rem}.q-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.q-module{font-size:1.2rem;font-weight:600;color:var(--color-theme);background-color:#1098ad26;border-radius:100px;padding:.4rem 1.2rem}.q-multi{font-size:1.2rem;font-weight:700;color:var(--color-darkest);background-color:var(--color-accent);border-radius:100px;padding:.4rem 1.2rem}.q-text{font-size:1.9rem;font-weight:600;line-height:1.4}.options{display:flex;flex-direction:column;gap:1rem}.btn-option{width:100%;text-align:left;display:flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:500;line-height:1.4;padding:1.2rem 1.4rem;min-height:5rem}.btn-option:not([disabled]):hover{border-color:var(--color-medium)}.opt-letter{flex:0 0 auto;width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:50%;background-color:var(--color-darkest);font-size:1.4rem;font-weight:700}.opt-text{flex:1}.opt-mark{flex:0 0 auto;font-size:1.8rem;font-weight:700}.btn-option.selected{border-color:var(--color-theme)}.btn-option.correct{background-color:var(--color-theme);border-color:var(--color-theme);color:#fff}.btn-option.correct .opt-letter{background-color:#ffffff40}.btn-option.wrong{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-darkest)}.btn-option.wrong .opt-letter{background-color:#00000026}.btn-option[disabled]{cursor:default}.explanation{border-radius:var(--radius);padding:1.4rem 1.6rem;background-color:var(--color-dark-2);border-left:4px solid var(--color-theme);display:flex;flex-direction:column;gap:.8rem}.explanation.bad{border-left-color:var(--color-accent)}.exp-verdict{font-size:1.5rem;font-weight:700}.exp-correct{font-weight:600;color:var(--color-medium)}.exp-text{font-size:1.5rem;line-height:1.55;color:var(--color-light)}.footer{position:sticky;bottom:0;margin-top:2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 0 calc(.4rem + env(safe-area-inset-bottom));background:linear-gradient(to top,var(--color-darkest) 70%,transparent)}.timer{font-size:1.7rem;font-weight:700;color:var(--color-medium);border:2px solid var(--color-dark);padding:1rem 1.8rem;border-radius:100px;font-variant-numeric:tabular-nums}.timer.low{color:var(--color-accent);border-color:var(--color-accent)}.footer-set{font-size:1.3rem;font-weight:600;color:var(--color-medium)}.footer-hint{font-size:1.3rem;color:var(--color-medium)}.results{display:flex;flex-direction:column;gap:1.6rem}.result-card{text-align:center;background-color:var(--color-dark-2);border-radius:var(--radius);padding:2.4rem 1.6rem;display:flex;flex-direction:column;gap:.6rem}.result-emoji{font-size:4.4rem}.result-score{font-size:2rem;font-weight:700}.result-percent{font-size:3.6rem;font-weight:800;color:var(--color-theme)}.result-best{font-size:1.5rem;color:var(--color-accent);font-weight:600}.result-actions{display:flex;flex-direction:column;gap:1rem}.result-actions.bottom{margin-top:.8rem}.review-title{font-size:1.9rem;font-weight:700;margin-top:.8rem}.review-list{display:flex;flex-direction:column;gap:1.2rem}.review-item{background-color:var(--color-dark-2);border-radius:var(--radius);padding:1.4rem 1.6rem;border-left:4px solid var(--color-theme);display:flex;flex-direction:column;gap:.8rem}.review-item.bad{border-left-color:var(--color-accent)}.review-q{font-size:1.6rem;font-weight:600;line-height:1.45}.review-num{color:var(--color-medium);margin-right:.4rem}.review-opts{list-style:none;display:flex;flex-direction:column;gap:.6rem}.review-opt{display:flex;align-items:center;gap:.8rem;font-size:1.45rem;line-height:1.4;padding:.8rem 1rem;border-radius:.8rem;background-color:var(--color-darkest);color:var(--color-medium)}.review-opt .opt-letter{width:2.2rem;height:2.2rem;font-size:1.2rem;background-color:var(--color-dark)}.review-opt.correct{background-color:#1098ad40;color:var(--color-light)}.review-opt.correct .opt-letter{background-color:var(--color-theme);color:#fff}.review-opt.wrong{background-color:#ffa94d38;color:var(--color-light)}.review-opt.wrong .opt-letter{background-color:var(--color-accent);color:var(--color-darkest)}.review-opt .opt-mark{margin-left:auto;font-size:1.5rem}.review-answer{font-size:1.35rem;font-weight:600;color:var(--color-medium)}.review-exp{font-size:1.4rem;line-height:1.55;color:var(--color-medium)}.app-foot{margin-top:2.4rem;font-size:1.2rem;color:var(--color-dark);text-align:center}@media (min-width: 600px){.app{padding:2.4rem}.bank-toggle{grid-template-columns:repeat(3,1fr)}h1{font-size:4rem}.logo svg{width:5.2rem;height:5.2rem}.start h2{font-size:2.6rem}.q-text{font-size:2.2rem}.btn-option{font-size:1.7rem}.result-actions{flex-direction:row;justify-content:center}.result-actions .btn{max-width:24rem}}