.wtr-trainer{--bg:#E9EDF2;--surface:#FFF;--ink:#18202E;--muted:#5A6577;--line:#CDD4DE;--hl:#FFE24A;--akk:#2B5BD6;--akk-soft:#DCE6FF;--dat:#14825A;--dat-soft:#D5F2E4;--gen:#8A4FC7;--gen-soft:#EEE2FB;--ok:#14825A;--bad:#C2372F;--bad-soft:#FBE1DF}@media (prefers-color-scheme:dark){.wtr-trainer{--bg:#131925;--surface:#1D2533;--ink:#EEF1F6;--muted:#9AA5B8;--line:#313B4D;--hl:#E9CB2E;--akk:#7FA2FF;--akk-soft:#22305A;--dat:#4CC995;--dat-soft:#173D30;--gen:#C59BFF;--gen-soft:#33254A;--ok:#4CC995;--bad:#FF7C72;--bad-soft:#4A2422}}.wtr-trainer *,.wtr-trainer *::before,.wtr-trainer *::after{box-sizing:border-box}.wtr-trainer [hidden]{display:none!important}.wtr-trainer{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}.wtr-trainer .wrap{max-width:560px;margin:0 auto;padding:18px 16px 40px}.wtr-trainer .wtr-title{font:700 1.45rem/1.2 Georgia,serif;margin:0 0 14px}.wtr-trainer .tabs{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:12px}.wtr-trainer .tabs button{flex:1;border:0;background:none;color:var(--muted);font:700 .92rem system-ui,sans-serif;padding:10px 4px;border-radius:9px;cursor:pointer}.wtr-trainer .tabs button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.wtr-trainer .tabs.small{margin-bottom:12px}.wtr-trainer .tabs.small button{font-size:.85rem;padding:7px 4px}.wtr-trainer .row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:.9rem;color:var(--muted);flex-wrap:wrap}.wtr-trainer select,.wtr-trainer input,.wtr-trainer textarea{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:9px 11px;width:100%}.wtr-trainer select.theme{width:auto;max-width:100%;padding:6px 10px;font-size:.9rem}.wtr-trainer .link{border:0;background:none;color:var(--akk);font:600 .9rem system-ui,sans-serif;cursor:pointer;padding:6px 0}.wtr-trainer .bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:16px}.wtr-trainer .bar i{display:block;height:100%;background:var(--ok);width:0;transition:width .3s}.wtr-trainer .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 11px;border-radius:999px;font-weight:700;white-space:nowrap}.wtr-trainer .chip small{font-weight:500;opacity:.85}.wtr-trainer .chip.akk{background:var(--akk-soft);color:var(--akk)}.wtr-trainer .chip.dat{background:var(--dat-soft);color:var(--dat)}.wtr-trainer .chip.gen{background:var(--gen-soft);color:var(--gen)}.wtr-trainer .chip.nom{background:var(--line);color:var(--ink)}.wtr-trainer .chip.none{background:var(--line);color:var(--muted)}.wtr-trainer .chip.irr{background:var(--bad-soft);color:var(--bad);font-size:.75rem;padding:1px 8px}.wtr-trainer .scene{perspective:1200px;margin-bottom:14px}.wtr-trainer .card{position:relative;min-height:320px;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.3,.7,.3,1);cursor:pointer}.wtr-trainer .card.flipped{transform:rotateY(180deg)}.wtr-trainer .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 20px;display:flex;flex-direction:column}.wtr-trainer .front{justify-content:center;align-items:center;text-align:center}.wtr-trainer .back{transform:rotateY(180deg)}.wtr-trainer .verb{font:700 1.9rem/1.25 Georgia,serif;background:linear-gradient(transparent 52%,var(--hl) 52%,var(--hl) 92%,transparent 92%);padding:0 4px}.wtr-trainer .back .verb{font-size:1.4rem}.wtr-trainer .ru-big{font:500 1.4rem/1.35 Georgia,serif}.wtr-trainer .hint{color:var(--muted);font-size:.85rem;margin-top:20px}.wtr-trainer .gov{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.wtr-trainer .tr{font-weight:500;margin:4px 0 12px}.wtr-trainer .ex{border-left:3px solid var(--line);padding:2px 0 2px 12px;margin:0 0 10px}.wtr-trainer .ex p{margin:0}.wtr-trainer .de{font-family:Georgia,serif;font-size:1.06rem}.wtr-trainer .ruex{color:var(--muted);font-size:.9rem}.wtr-trainer mark{background:none;font-weight:700;border-bottom:2px solid currentColor;color:inherit}.wtr-trainer mark.akk{color:var(--akk)}.wtr-trainer mark.dat{color:var(--dat)}.wtr-trainer mark.gen{color:var(--gen)}.wtr-trainer mark.nom{color:var(--ink)}.wtr-trainer mark.hl{background:var(--hl);color:#18202E;border:0;padding:0 2px}.wtr-trainer .forms{background:var(--bg);border-radius:10px;padding:8px 12px;margin-top:4px}.wtr-trainer .forms-h{font-size:.8rem;color:var(--muted);display:flex;gap:8px;align-items:center}.wtr-trainer .forms .de{font-weight:700}.wtr-trainer .note{margin-top:10px;font-size:.88rem;background:var(--bg);border-radius:10px;padding:8px 12px}.wtr-trainer .actions{display:flex;gap:10px}.wtr-trainer .btn{flex:1;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:700 1rem system-ui,sans-serif;padding:14px;border-radius:12px;cursor:pointer}.wtr-trainer .btn.again{border-color:var(--bad);color:var(--bad)}.wtr-trainer .btn.know,.wtr-trainer .btn.primary{background:var(--ok);border-color:var(--ok);color:#fff}.wtr-trainer .btn:disabled{opacity:.4;cursor:default}.wtr-trainer .q{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 20px;margin-bottom:12px;text-align:center}.wtr-trainer .q .ru-small{color:var(--muted);margin-top:10px}.wtr-trainer .opts{display:grid;gap:8px;margin-bottom:12px}.wtr-trainer .opt{text-align:left;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:600 1rem system-ui,sans-serif;padding:13px 14px;border-radius:12px;cursor:pointer}.wtr-trainer .opt.right{border-color:var(--ok);background:var(--dat-soft);color:var(--ok)}.wtr-trainer .opt.wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.wtr-trainer .feedback{min-height:1.5em;margin:0 0 12px;font-size:.92rem}.wtr-trainer .box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px 20px;text-align:center}.wtr-trainer .box h2{font:700 1.3rem Georgia,serif;margin:0 0 8px}.wtr-trainer .box p{color:var(--muted);margin:0 0 16px}.wtr-trainer form{display:grid;gap:12px}.wtr-trainer label{display:grid;gap:4px;font-size:.88rem;font-weight:600}.wtr-trainer label small{font-weight:400;color:var(--muted)}.wtr-trainer .check{display:flex;align-items:center;gap:8px}.wtr-trainer .check input{width:auto}.wtr-trainer .status{font-size:.92rem;min-height:1.4em}.wtr-trainer .status.err{color:var(--bad)}.wtr-trainer .status.ok{color:var(--ok)}.wtr-trainer .toast{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:10px;font-size:.88rem;display:none;max-width:90%}.wtr-trainer button:focus-visible{outline:3px solid var(--akk);outline-offset:2px}@media (prefers-reduced-motion:reduce){.wtr-trainer .card,.wtr-trainer .bar i{transition:none}}.wtr-trainer{border-radius:18px;isolation:isolate;width:100%;text-align:left}.wtr-trainer .wtr-title{font:700 1.45rem/1.2 Georgia,serif;margin:0 0 14px;color:var(--ink)}.wtr-trainer .wrap{width:100%;max-width:560px}.wtr-trainer button{text-transform:none;letter-spacing:normal;min-height:0;box-shadow:none;margin:0;line-height:1.5}.wtr-trainer button::before,.wtr-trainer button::after{content:none}.wtr-trainer select,.wtr-trainer input,.wtr-trainer textarea{max-width:100%;min-width:0;box-shadow:none;margin:0;height:auto}.wtr-trainer select{appearance:auto;-webkit-appearance:menulist;background-image:none;padding-right:28px}.wtr-trainer p{color:inherit}.wtr-trainer .ex .ruex,.wtr-trainer .q .ru-small{color:var(--muted)}.wtr-trainer .card,.wtr-trainer .face{width:100%;height:auto}.wtr-trainer .front{display:flex}.wtr-trainer .back{display:block;overflow-wrap:anywhere}.wtr-trainer .tr{margin:4px 0 12px}.wtr-trainer .gov .chip{white-space:normal}.wtr-trainer .verb,.wtr-trainer .ru-big{overflow-wrap:anywhere}.wtr-trainer .btn:disabled,.wtr-trainer .opt:disabled{cursor:default}.wtr-trainer .opt:disabled{opacity:1}.wtr-trainer .toast{z-index:1000;pointer-events:none}.wtr-trainer [aria-busy="true"]{cursor:wait}.wtr-trainer input:focus-visible,.wtr-trainer select:focus-visible,.wtr-trainer textarea:focus-visible,.wtr-trainer .card:focus-visible{outline:3px solid var(--akk);outline-offset:2px}.wtr-trainer .info{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:.88rem}.wtr-trainer .info a{color:var(--akk);font-weight:600}.wtr-trainer .notice{margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--bad-soft);color:var(--bad);font-size:.9rem}.wtr-trainer .btn.small{flex:0 0 auto;padding:8px 14px;font-size:.92rem;border-radius:10px}.wtr-trainer .link.danger{color:var(--bad)}.wtr-trainer .sets{list-style:none;margin:0;padding:0;display:grid;gap:10px}.wtr-trainer .set{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.wtr-trainer .set-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;overflow-wrap:anywhere}.wtr-trainer .set-meta{color:var(--muted);font-size:.85rem;margin:2px 0 4px}.wtr-trainer .set-actions{display:flex;flex-wrap:wrap;gap:4px 14px}.wtr-trainer .badge{flex:0 0 auto;font-size:.75rem;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--line);color:var(--muted)}.wtr-trainer .badge.published{background:var(--dat-soft);color:var(--dat)}.wtr-trainer .set-tools{display:grid;grid-template-columns:1fr auto;gap:8px}.wtr-trainer form>*{min-width:0}.wtr-trainer .random{justify-content:flex-start;gap:6px;margin:0;color:var(--ink)}.wtr-trainer .random input{width:4.2em;flex:0 0 auto;padding:6px 8px}.wtr-trainer .random .link{white-space:nowrap}.wtr-trainer .word-list{max-height:min(55vh,460px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px 0}.wtr-trainer .word{display:flex;align-items:flex-start;gap:10px;padding:7px 12px;font-weight:400;font-size:.95rem;cursor:pointer;overflow-wrap:anywhere}.wtr-trainer .word input{width:auto;margin-top:4px;flex:0 0 auto}.wtr-trainer .word b{font-family:Georgia,serif}.wtr-trainer .more{color:var(--muted);font-size:.85rem;padding:8px 12px;margin:0}@media (max-width:420px){.wtr-trainer .set-tools{grid-template-columns:1fr}}@media (max-width:380px){.wtr-trainer .wrap{padding:14px 10px 26px}.wtr-trainer .face{padding:18px 14px}.wtr-trainer .actions{gap:6px}.wtr-trainer .btn{padding:12px 8px}}