*,:after,:before{box-sizing:border-box}:root{--brand:#07f;--brand-hover:#0060d4;--success:#4caf50;--success-hover:#45a049;--danger:#c62828;--danger-hover:#b71c1c;--surface:#fff;--surface-muted:#f7f8fa;--text:#333;--radius:12px;--shadow:0 4px 12px #0000001a}@media (prefers-color-scheme:dark){:root{--surface:#1e1e1e;--surface-muted:#2a2d32;--text:#e2e2e2;--brand:#3182f6;--brand-hover:#2667c9}}body{background:#f7f8fa;background:var(--surface-muted);color:#333;color:var(--text);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh}h1,h2,h3{font-weight:600;line-height:1.3;margin:0 0 .5em}h1{font-size:clamp(1.8rem,4vw,2.25rem)}h2{font-size:clamp(1.5rem,3vw,1.75rem)}.btn{align-items:center;background:#07f;background:var(--brand);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.4rem;justify-content:center;padding:.6rem 1.2rem;transition:background-color .2s}.btn:hover{background:#0060d4;background:var(--brand-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}.button-row{display:flex;gap:1.25rem;justify-content:center;margin-bottom:1.25rem}.toggle-row{background:#fff;background:var(--surface);border:1px solid #d0d0d0;border-radius:9999px;box-shadow:0 1px 3px #00000014;display:inline-flex;gap:.8rem;padding:.4rem .8rem}.toggle-row input{all:unset;border:2px solid #888;border-radius:50%;cursor:pointer;height:15px;position:relative;width:15px}.toggle-row input:checked{border-color:#07f;border-color:var(--brand)}.toggle-row input:checked:after{background:#07f;background:var(--brand);border-radius:50%;content:"";inset:3px;position:absolute}.toggle-row label{align-items:center;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.35rem;-webkit-user-select:none;user-select:none}.card-container{height:calc(clamp(280px,90vw,420px)*.63);margin:2.5rem auto;perspective:1000px;position:relative;width:clamp(280px,90vw,420px)}.card{cursor:pointer;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s ease;-webkit-user-select:none;user-select:none;width:100%}.card.flipped{transform:rotateY(180deg)}.card-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;background:var(--surface);border:2px solid #aaa;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);display:flex;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:600;height:100%;justify-content:center;position:absolute;width:100%}.card-back{transform:rotateY(180deg)}.card-static{background:#fff;background:var(--surface);border:2px solid #aaa;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow);font-size:clamp(1.5rem,5vw,2.25rem);margin:0 auto 1rem;padding:2.2rem 1.25rem;width:clamp(280px,90vw,420px)}.feedback{font-weight:600;margin-top:.75rem}.feedback.ok{color:#4caf50;color:var(--success)}.feedback.error{color:#c62828;color:var(--danger)}.correct-answer{font-size:.9rem;margin-top:.5rem;opacity:.8}.card-container input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:10px 12px;width:100%}.card-container button{all:unset;align-items:center;background:#07f;background:var(--brand);border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:background-color .2s}.card-container button:hover{background:#0060d4;background:var(--brand-hover)}.radius{border-radius:12px;border-radius:var(--radius)}.shadow{box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow)}
/*# sourceMappingURL=main.8e9a5d0c.css.map*/