:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg-top:#7dd3fc;--color-bg-bottom:#c4b5fd;--color-card:#fff;--color-text:#333d51;--color-muted:#7a8699;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-accent:#f59e0b;--color-correct:#22c55e;--color-incorrect:#ef4444;--color-border:#e6e9f2;--cat-math:#3b82f6;--cat-math-bg:#dbeafe;--cat-grammar:#a855f7;--cat-grammar-bg:#f3e8ff;--cat-spelling:#f59e0b;--cat-spelling-bg:#fef3c7;--cat-environment:#22c55e;--cat-environment-bg:#dcfce7;font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(170deg, var(--color-bg-top) 0%, var(--color-bg-bottom) 100%);min-height:100vh;color:var(--color-text);-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0}.app-shell{flex-direction:column;align-items:center;min-height:100vh;padding:1.5rem 1rem 1rem;display:flex}.card{background:var(--color-card);border-radius:1.75rem;width:100%;max-width:640px;padding:1.75rem 1.5rem;box-shadow:0 10px 30px #312e812e}h1{text-align:center;margin:0 0 .25rem;font-size:1.7rem;font-weight:800}.subtitle{text-align:center;color:var(--color-muted);margin:0 0 1.75rem;font-weight:600}.primary-btn{color:#fff;background:linear-gradient(180deg, #818cf8, var(--color-primary));border:none;border-bottom:4px solid var(--color-primary-dark);cursor:pointer;border-radius:999px;padding:.85rem 1.5rem;font-family:inherit;font-size:1.05rem;font-weight:800;transition:transform 80ms,border-bottom-width 80ms}.primary-btn:hover{filter:brightness(1.05)}.primary-btn:active{border-bottom-width:1px;transform:translateY(3px)}.label{margin-bottom:.75rem;font-size:1.05rem;font-weight:800}.presets{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.preset-btn{cursor:pointer;border:none;border-bottom:4px solid;border-radius:1.1rem;padding:.95rem .5rem;font-family:inherit;font-size:1.2rem;font-weight:800;transition:transform 80ms,border-bottom-width 80ms,filter .15s}.preset-btn:first-child{background:var(--cat-math-bg);color:#1d4ed8;border-bottom-color:#93c5fd}.preset-btn:nth-child(2){background:var(--cat-environment-bg);color:#15803d;border-bottom-color:#86efac}.preset-btn:nth-child(3){background:var(--cat-spelling-bg);color:#b45309;border-bottom-color:#fcd34d}.preset-btn:nth-child(4){background:var(--cat-grammar-bg);color:#7e22ce;border-bottom-color:#d8b4fe}.preset-btn:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-2px)}.preset-btn:active:not(:disabled){border-bottom-width:1px;transform:translateY(2px)}.preset-btn:disabled{opacity:.4;cursor:not-allowed}.custom-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.custom-row label{color:var(--color-muted);flex:100%;font-weight:600}.custom-row input{border:3px solid var(--color-border);outline-color:var(--color-primary);border-radius:999px;flex:1;min-width:0;padding:.75rem 1rem;font-family:inherit;font-size:1.05rem;font-weight:700}.history-link{width:100%;color:var(--color-primary-dark);cursor:pointer;background:#eef2ff;border:none;border-bottom:4px solid #c7d2fe;border-radius:999px;margin-top:1.5rem;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:800;transition:transform 80ms,border-bottom-width 80ms}.history-link:hover{background:#e0e7ff}.history-link:active{border-bottom-width:1px;transform:translateY(2px)}.progress-row{justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.95rem;display:flex}.progress-text{color:var(--color-muted);font-weight:700}.category-badge{border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:800}.category-badge.cat-math{background:var(--cat-math-bg);color:#1d4ed8}.category-badge.cat-grammar{background:var(--cat-grammar-bg);color:#7e22ce}.category-badge.cat-spelling{background:var(--cat-spelling-bg);color:#b45309}.category-badge.cat-environment{background:var(--cat-environment-bg);color:#15803d}.progress-bar{background:var(--color-border);border-radius:999px;height:14px;margin-bottom:1.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#34d399,#22c55e);border-radius:999px;height:100%;transition:width .3s}.question-text{margin:0 0 1.75rem;font-size:1.4rem;font-weight:800;line-height:1.45}.options{grid-template-columns:1fr;gap:.85rem;display:grid}@media (width>=480px){.options{grid-template-columns:1fr 1fr}}.option-btn{border:3px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:center;background:#fff;border-bottom-width:5px;border-radius:1.1rem;min-height:60px;padding:1rem;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform 80ms,border-color .15s,border-bottom-width 80ms}.option-btn:hover{border-color:#a5b4fc;transform:translateY(-2px)}.option-btn:active{border-bottom-width:3px;transform:translateY(2px)}.text-answer{flex-wrap:wrap;gap:.75rem;display:flex}.text-answer input{border:3px solid var(--color-border);outline-color:var(--color-primary);border-radius:999px;flex:1;min-width:0;padding:.9rem 1.1rem;font-family:inherit;font-size:1.1rem;font-weight:700}.empty-msg{text-align:center;color:var(--color-muted);margin:2rem 0;font-weight:600}.history-summary{gap:.75rem;margin:1.25rem 0;display:flex}.summary-box{background:#f5f7ff;border-radius:1.1rem;flex-direction:column;flex:1;align-items:center;padding:.9rem .5rem;display:flex}.summary-value{color:var(--color-primary);font-size:1.6rem;font-weight:800}.summary-label{color:var(--color-muted);font-size:.8rem;font-weight:700}.history-screen h3{margin:1.25rem 0 .6rem;font-size:1.05rem;font-weight:800}.category-averages{flex-direction:column;gap:.55rem;display:flex}.cat-avg-row{grid-template-columns:minmax(90px,auto) 1fr 3rem;align-items:center;gap:.6rem;font-size:.9rem;font-weight:700;display:grid}.cat-avg-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cat-avg-bar{background:var(--color-border);border-radius:999px;height:12px;overflow:hidden}.cat-avg-fill{border-radius:999px;height:100%}.cat-avg-pct{text-align:right;font-weight:800}.history-list{flex-direction:column;gap:.6rem;max-height:320px;display:flex;overflow-y:auto}.history-item{background:#f5f7ff;border-radius:1rem;padding:.65rem .9rem}.history-item-main{justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.35rem;font-size:.9rem;display:flex}.history-date{color:var(--color-muted);font-size:.8rem;font-weight:600}.history-score{font-weight:700}.history-pct{font-weight:800}.history-bar{background:var(--color-border);border-radius:999px;height:8px;overflow:hidden}.history-bar-fill{border-radius:999px;height:100%}.danger-link{color:var(--color-incorrect);cursor:pointer;background:0 0;border:none;margin:1rem auto 0;font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:underline;display:block}.history-screen .back-btn{width:100%;margin-top:1rem;padding:1rem}.result-emoji{text-align:center;margin:.5rem 0 0;font-size:3.5rem;animation:.6s bounce-in;display:block}@keyframes bounce-in{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.score-big{text-align:center;color:var(--color-primary);margin:.25rem 0 0;font-size:3rem;font-weight:800}.score-percentage{text-align:center;color:var(--color-muted);margin:0 0 .5rem;font-weight:700}.encouragement{text-align:center;margin-bottom:1.5rem;font-size:1.2rem;font-weight:800}.category-breakdown{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-row{border-radius:1rem;justify-content:space-between;padding:.65rem 1rem;font-weight:800;display:flex}.category-row.cat-math{background:var(--cat-math-bg);color:#1d4ed8}.category-row.cat-grammar{background:var(--cat-grammar-bg);color:#7e22ce}.category-row.cat-spelling{background:var(--cat-spelling-bg);color:#b45309}.category-row.cat-environment{background:var(--cat-environment-bg);color:#15803d}.wrong-list h3{margin:1.5rem 0 .75rem;font-weight:800}.wrong-item{border:2px solid var(--color-border);border-radius:1rem;margin-bottom:.6rem;padding:.9rem 1rem}.wrong-question{margin:0 0 .4rem;font-weight:800}.wrong-answer{color:var(--color-incorrect);margin:0 0 .2rem;font-weight:600}.correct-answer{color:#16a34a;margin:0;font-weight:600}.results-screen .primary-btn{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.powered-by{color:#312e81bf;letter-spacing:.02em;align-items:center;gap:.4rem;margin-top:auto;padding-top:2rem;font-size:.75rem;font-weight:600;display:flex}.powered-by .pb-logo{color:#312e81;width:18px;height:18px}.powered-by strong{color:#312e81;letter-spacing:.08em;font-weight:800}