:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}main{width:min(40rem,100% - 2rem);margin-inline:auto;padding:2rem 0 4rem}h1{margin:0 0 .25rem}.subtitle{opacity:.7;margin:0 0 2rem}.rule-list{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.rule-card{border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;border-radius:.5rem;padding:1rem 1.25rem;text-decoration:none;display:block}.rule-card:hover{border-color:currentColor}.rule-card h2{margin:0 0 .25rem;font-size:1.1rem}.rule-card p{opacity:.7;margin:0;font-size:.95rem}nav{margin-bottom:1.5rem}.examples{border-inline-start:3px solid color-mix(in srgb, currentColor 35%, transparent);gap:.5rem;margin:1rem 0;padding:.75rem 1.25rem;list-style:none;display:grid}.examples li{flex-wrap:wrap;gap:.25rem 1rem;display:flex}.example-tt{font-weight:600}.example-ru{opacity:.7}.section-title{opacity:.8;margin:2rem 0 .75rem;font-size:1.05rem}.trainer-filters{gap:.5rem;margin-bottom:1.5rem;display:grid}.filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filter-label{opacity:.7;font-size:.9rem}.chip{font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;cursor:pointer;opacity:.55;background:0 0;border-radius:999px;padding:.25rem .75rem;font-size:.9rem}.chip.active{opacity:1;border-color:currentColor}.trainer-card{border:1px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:.5rem;padding:1.25rem}.trainer-task{margin:0 0 1rem}.trainer-questions{opacity:.7;font-size:.9rem}.trainer-word{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0 0 1rem;display:flex}.trainer-lemma{font-size:1.75rem;font-weight:700}.trainer-word-meta{opacity:.7}.trainer-options{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.5rem;display:grid}.option{font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;cursor:pointer;background:0 0;border-radius:.5rem;padding:.5rem .75rem}.option:hover:enabled{border-color:currentColor}.option:disabled{cursor:default;opacity:.6}.option.correct{opacity:1;background:#22c55e2e;border-color:#22c55e}.option.wrong{opacity:1;background:#ef44442e;border-color:#ef4444}.trainer-feedback{border-top:1px solid color-mix(in srgb, currentColor 15%, transparent);margin-top:1.25rem;padding-top:1rem}.trainer-verdict{margin:0 0 .5rem;font-weight:600}.trainer-answer strong{text-underline-offset:.2em;text-decoration:underline}.trainer-explanation{opacity:.85;margin:0 0 1rem;padding-inline-start:1.25rem}.next{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.5rem;padding:.5rem 1.25rem}.builder-input{font:inherit;border:1px solid color-mix(in srgb, currentColor 25%, transparent);color:inherit;background:0 0;border-radius:.5rem;width:min(14rem,100%);padding:.35rem .75rem}.builder-input:focus{border-color:currentColor;outline:none}.builder-result{overflow-wrap:anywhere;margin:0 0 1rem;font-size:2rem;font-weight:700}.builder-hint{opacity:.7;margin:0}.builder-error{color:#ef4444;margin:0}.seg-plural{color:#3b82f6}.seg-possession{color:#a855f7}.seg-ordinal{color:#d97706}.seg-case{color:#16a34a}.builder-steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.builder-steps li{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.builder-step-title{font-weight:600}.builder-step-why{opacity:.8}
