:root{font-family:DM Sans,Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#2d1f04;background-color:#fffaf0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #2d1f04;--muted: #7a5d1f;--shadow: 0 14px 32px rgba(0, 0, 0, .06);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .05)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,#fff5c7,transparent 25%),radial-gradient(circle at 80% 0%,#ffe89c,transparent 20%),#fffaf0}a{color:inherit}button{font-family:inherit}.app-shell{width:min(1100px,92vw);margin:32px auto 80px;color:var(--ink)}.hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:28px 28px 20px;border-radius:18px;background:linear-gradient(135deg,#fff4c2,#ffe89c);border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow-soft)}.hero h1{margin:4px 0 8px;font-size:34px;letter-spacing:-.5px}.hero-link{text-decoration:none;color:inherit}.hero-link:hover h1{text-decoration:none}.subtitle{margin:0;color:var(--muted);max-width:640px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--muted)}.badge{background:#f8c419;color:#2d1b05;padding:10px 16px;border-radius:12px;font-weight:700;align-self:center;box-shadow:var(--shadow-soft)}.drill-art{flex:0 0 220px;display:flex;justify-content:center}.drill-art img{max-width:100%;height:auto;filter:drop-shadow(0 12px 22px rgba(0,0,0,.12));border-radius:14px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:22px}.panel{background:#fffef6;border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.panel-head h2{margin:2px 0 4px}.panel-head .muted{margin:0}.preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px}.card{background:#fffaf0;border:1px solid rgba(0,0,0,.04);border-radius:14px;padding:16px;min-height:160px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}.chip{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;background:#fff1ba;color:#7a5900;margin-bottom:6px}.chip.alt{background:#ffe06d;color:#4c3100}.muted{color:var(--muted)}.muted.small{font-size:13px}.primary{background:#f6b800;color:#271501;border:1px solid #e0a100;border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;box-shadow:var(--shadow-soft)}.primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.primary:hover:enabled{transform:translateY(-1px);box-shadow:var(--shadow)}.ghost{background:transparent;color:var(--ink);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:10px 16px;font-weight:700;cursor:pointer}.wide{width:100%;margin-top:12px}.custom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px}.picker{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;border:1px dashed rgba(0,0,0,.15);cursor:pointer;background:#fffaf0;transition:all .15s ease}.picker input{accent-color:#f6b800}.picker.active{border-color:#f6b800;box-shadow:var(--shadow-soft)}.picker strong{display:block;font-size:15px}.test-area{background:#fffef6;border-radius:16px;padding:18px;margin-top:24px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.05)}.top-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.stopwatch{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#ffeeba;border:1px solid rgba(0,0,0,.05);font-weight:700;letter-spacing:.3px;box-shadow:var(--shadow-soft)}.dot{width:10px;height:10px;border-radius:50%;background:#df5f00;box-shadow:0 0 0 6px #df5f001f}.status-row{display:flex;align-items:center;gap:12px;margin-top:10px}.counter{background:#fff4c2;padding:8px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.05);font-weight:700}.countdown-pill{padding:8px 12px;border-radius:12px;background:#ffe07c;border:1px solid rgba(0,0,0,.08);font-weight:700;color:#3d2700}.question-card{position:relative;margin-top:16px;padding:22px 18px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.06);box-shadow:var(--shadow-soft);min-height:190px}.question-form{display:flex;flex-direction:column;gap:14px}.equation{display:inline-flex;align-items:center;gap:12px;font-size:30px;font-weight:800}.equation input{width:120px;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.18);font-size:22px;font-weight:700;background:#fffbea}.equation .operand{color:#b07200}.actions{display:flex;align-items:center;gap:10px}.question-card .muted.small{margin:0}.countdown-frosted{position:absolute;inset:0;display:grid;place-items:center;font-size:64px;font-weight:800;color:#d68e00;background:#fff0aac7;border-radius:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;font-weight:900;color:#fff;mix-blend-mode:multiply;background:#0000000f;pointer-events:none;border-radius:inherit}.question-overlay.correct{color:#1b8f2e}.question-overlay.wrong{color:#d60000}.results{margin-top:26px;background:#fffef6;border-radius:16px;padding:18px;border:1px solid rgba(0,0,0,.05);box-shadow:var(--shadow)}.results-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.summary{display:flex;gap:22px;background:#fff4c2;padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.review{margin-top:16px;display:flex;flex-direction:column;gap:10px}.review-row{background:#fff;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.05);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px}.review-text{font-size:20px}.tag{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff1ba;font-weight:700}.mark{padding:6px 10px;border-radius:10px;font-weight:700}.mark.yes{background:#d8f5cb;color:#1c7c18}.mark.no{background:#ffe0d5;color:#c73400}.correct{color:#17831d}.wrong{color:#c73400}.results-actions{display:flex;gap:12px;margin-top:18px}.review-text .operand.muted{color:var(--muted)}@media(max-width:680px){.equation{flex-wrap:wrap;font-size:26px}.equation input{width:100px}.actions{flex-direction:column;align-items:flex-start}.review-row{grid-template-columns:34px 1fr}.mark{justify-self:start}}