:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{max-width:36rem;margin:0 auto;padding:2rem 1rem}.stack{gap:.75rem;display:grid}.stack p{margin:0}button{font:inherit;color:inherit;text-align:left;border:1px solid color-mix(in srgb, currentColor 25%, transparent);cursor:pointer;background:0 0;border-radius:.5rem;padding:.75rem 1rem}button:hover:not(:disabled){border-color:currentColor}button:disabled{cursor:default}button span{font-size:.875rem;display:block}.prompt{font-size:1.25rem}.muted{opacity:.7}.right{background:#16a34a2e;border-color:#16a34a}.wrong{background:#dc26262e;border-color:#dc2626}.error{color:#dc2626}label{gap:.25rem;display:grid}input{font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;background:0 0;border-radius:.5rem;padding:.75rem 1rem}textarea{font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;resize:vertical;background:0 0;border-radius:.5rem;padding:.75rem 1rem}.answer{font-size:1.75rem;font-weight:600}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}button:disabled:not(.right,.wrong){opacity:.6}.hero{padding:1.25rem}.hero strong{font-size:1.25rem}.chips{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.link{border:none;padding:.25rem 0}.topbar,.toolbar{align-items:center;gap:.75rem;display:flex}.topbar progress{accent-color:#2563eb;flex:1;height:.5rem}.toolbar input{flex:1;min-width:0}.icon{flex-shrink:0;padding:.25rem .6rem}kbd{font:inherit;border:1px solid color-mix(in srgb, currentColor 35%, transparent);opacity:.7;border-radius:.25rem;margin-right:.25rem;padding:0 .35rem;font-size:.75rem}@media (hover:none){kbd{display:none}}.grades{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.grades button{text-align:center}.grades small{opacity:.7;display:block}.right-text{color:#16a34a}.wrong-text{color:#dc2626}.score{font-size:3rem;font-weight:700;line-height:1}h2{margin:.5rem 0 0;font-size:1rem}.list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.list li{display:grid}.words li{align-items:baseline;gap:.75rem;display:flex}.words li span{flex:1}.legend{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.dot{background:color-mix(in srgb, currentColor 30%, transparent);border-radius:50%;flex-shrink:0;width:.6rem;height:.6rem;display:inline-block}.dot.weak{background:#dc2626}.dot.learning{background:#eab308}.dot.mastered{background:#16a34a}