@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-ext-wght-normal.D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-cyrillic-wght-normal.CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-vietnamese-wght-normal.U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-ext-wght-normal.CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(./nunito-latin-wght-normal.BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f6fb;--surface:#fff;--surface-2:#f1f1f8;--text:#2b2d42;--muted:#6b6f85;--border:#e3e5ee;--border-strong:#cfd2e0;--accent:#7c5cff;--accent-strong:#5b3fd9;--accent-soft:#efeaff;--accent-text:#fff;--brand:#7c5cff;--brand-strong:#5b3fd9;--warm:#ff8a3d;--warm-2:#ffb02e;--warm-soft:#fff2e3;--ok:#2ec4a6;--ok-strong:#1f9c83;--ok-text:#12806a;--ok-soft:#e3f8f2;--danger:#ff5a5f;--danger-strong:#d63c42;--danger-text:#c42f35;--danger-soft:#ffeced;--radius:1rem;--radius-lg:1.5rem;--shadow:0 1px 2px #2b2d420f, 0 4px 16px #2b2d420f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;font-family:Nunito Variable,ui-rounded,system-ui,sans-serif;font-size:17px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#13142a;--surface:#1e2040;--surface-2:#262850;--text:#eef0ff;--muted:#a3a7c7;--border:#31345f;--border-strong:#42467a;--accent:#9b85ff;--accent-strong:#6d52e8;--accent-soft:#2c2766;--accent-text:#13142a;--warm-soft:#3a2a22;--ok:#34d6b5;--ok-strong:#1f9c83;--ok-text:#5fe6c9;--ok-soft:#16383a;--danger:#ff6b70;--danger-strong:#c9383e;--danger-text:#ff9599;--danger-soft:#3d1f2e;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0}h1,h2,h3{letter-spacing:-.01em;font-weight:900;line-height:1.2}main{max-width:28rem;margin:2rem auto 3rem;padding:0 1rem}main.wide{max-width:40rem}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}form{gap:1rem;display:grid}label{gap:.35rem;font-size:.95rem;font-weight:800;display:grid}input,select,textarea{font:inherit;border-radius:var(--radius);border:2px solid var(--border);background:var(--surface-2);color:var(--text);padding:.7rem .9rem;font-weight:600;transition:border-color .15s,background .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);background:var(--surface);outline:none}button,.button{font:inherit;letter-spacing:.04em;text-transform:uppercase;text-align:center;border-radius:var(--radius);background:var(--accent);color:var(--accent-text);box-shadow:0 4px 0 var(--accent-strong);cursor:pointer;border:0;padding:.8rem 1.25rem;font-size:.95rem;font-weight:900;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-block}button:hover:not(:disabled),.button:hover{filter:brightness(1.06)}button:active:not(:disabled),.button:active{box-shadow:0 0 0 var(--accent-strong);transform:translateY(4px)}button:disabled{background:var(--border);color:var(--muted);box-shadow:0 4px 0 var(--border-strong);cursor:not-allowed}button.secondary,.button.secondary{background:var(--surface);color:var(--accent);box-shadow:inset 0 0 0 2px var(--border), 0 4px 0 var(--border)}button.ok,.button.ok{background:var(--ok);color:#fff;box-shadow:0 4px 0 var(--ok-strong)}button.danger,.button.danger{background:var(--danger);color:#fff;box-shadow:0 4px 0 var(--danger-strong)}button.block,.button.block{width:100%;display:block}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.error{color:var(--danger-text);margin:0;font-weight:700}.muted{color:var(--muted)}a{color:var(--accent);font-weight:700}.back{color:var(--muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-weight:800;text-decoration:none;display:inline-flex}.back:hover{color:var(--accent)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button.tile{letter-spacing:normal;text-transform:none;text-align:left;background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:none;border-bottom-width:4px;padding:.75rem 1rem;font-size:1rem;font-weight:800;transition:transform 80ms,border-color .15s,background .15s}button.tile:hover:not(:disabled){filter:none;background:var(--surface-2)}button.tile:active:not(:disabled){box-shadow:none;border-bottom-width:2px;margin-bottom:2px;transform:translateY(2px)}button.tile:disabled{cursor:default;box-shadow:none;background:var(--surface);color:var(--text)}button.tile.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button.tile.right{background:var(--ok-soft);border-color:var(--ok);color:var(--ok-text);animation:.35s ease-out pop}button.tile.wrong{background:var(--danger-soft);border-color:var(--danger);color:var(--danger-text);animation:.4s ease-out shake}button.tile.used{color:#0000;background:var(--border);border-color:var(--border)}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
