:root{--bg: #f4f3ef;--surface: #ffffff;--text: #1f2328;--muted: #6b7078;--border: #e4e1da;--good: #1f8a4c;--bad: #c43c3c;--radius: 16px;--shadow: 0 1px 2px rgb(0 0 0 / .04), 0 4px 16px rgb(0 0 0 / .05);--hue: 225;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}:root,.app,.tab{--accent: hsl(var(--hue) 62% 46%);--accent-soft: hsl(var(--hue) 80% 95%);--accent-strong: hsl(var(--hue) 70% 36%);--on-accent: #fff}@media (prefers-color-scheme: dark){:root{--bg: #15171b;--surface: #1f2228;--text: #e8e9eb;--muted: #9aa0a8;--border: #33373e;--good: #4cc27f;--bad: #ef7070;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 4px 16px rgb(0 0 0 / .25)}:root,.app,.tab{--accent: hsl(var(--hue) 75% 70%);--accent-soft: hsl(var(--hue) 30% 22%);--accent-strong: hsl(var(--hue) 80% 80%);--on-accent: #15171b}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3{margin:0 0 .5rem}h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.app{min-height:100vh;background:radial-gradient(circle at 15% -10%,var(--accent-soft),transparent 45%),radial-gradient(circle at 100% 0%,var(--accent-soft),transparent 35%),var(--bg);transition:background .3s}.header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.25rem;padding:.6rem 1.25rem;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{margin:0;font-size:1.3rem;font-weight:800;display:flex;align-items:center;gap:.4rem;white-space:nowrap}.brand__icon{font-size:1.5rem}.tabs{display:flex;flex-wrap:wrap;gap:.2rem;flex:1 1 20rem;padding:.2rem 0}.tab{flex:none;padding:.45rem .75rem;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;transition:background .15s,color .15s,transform .15s}.tab:hover{color:var(--accent-strong);background:var(--accent-soft);transform:translateY(-1px)}.tab.active{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px hsl(var(--hue) 60% 40% / .35)}.main{max-width:1100px;margin:0 auto;padding:1.5rem 1rem 4rem}.columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1.5rem;align-items:start}@media (max-width: 800px){.columns{grid-template-columns:1fr}}.hero{display:flex;align-items:center;gap:1rem;margin:.5rem 0 1.5rem;animation:rise .3s ease-out}.hero--narrow{max-width:480px;margin-left:auto;margin-right:auto}.hero__icon{font-size:2.4rem;width:4rem;height:4rem;display:grid;place-items:center;border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.hero__title{margin:0;font-size:1.9rem;font-weight:800}.hero__subtitle{margin:.15rem 0 0;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;max-width:720px;margin:0 auto;width:100%;animation:rise .25s ease-out}.columns .card{max-width:none}.card--narrow{max-width:480px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.muted{color:var(--muted)}.error{color:var(--bad)}.back{display:inline-block;margin-bottom:1rem;color:var(--muted);text-decoration:none;font-weight:600}.back:hover{color:var(--accent)}.type-group{margin-top:1.25rem}.type-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.type-list a{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;border-radius:10px;color:var(--text);text-decoration:none;border-left:3px solid transparent;transition:background .15s,border-color .15s,transform .15s}.type-list a:hover{background:var(--accent-soft);border-left-color:var(--accent);transform:translate(2px)}.badge{font-size:.8rem;font-weight:700;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:.1rem .6rem;font-variant-numeric:tabular-nums}.quiz-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.field{display:flex;flex-direction:column;gap:.35rem;font-weight:600}.field input,.field select{width:8rem;padding:.5rem .65rem;font:inherit;font-weight:400;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text)}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.field select{width:auto;max-width:100%}.type-picker summary{cursor:pointer;font-weight:600}.type-picker fieldset{border:none;padding:0;margin:.75rem 0 0}.type-picker legend{font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.checkbox{display:flex;gap:.5rem;align-items:baseline;padding:.2rem 0}.checkbox input{accent-color:var(--accent)}.button{font:inherit;font-weight:700;padding:.65rem 1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .1s,filter .15s,border-color .15s,box-shadow .15s}.button:hover{border-color:var(--accent)}.button:active{transform:translateY(1px) scale(.98)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px hsl(var(--hue) 60% 40% / .3)}.button--good{background:var(--good);border-color:var(--good);color:#fff}.button--bad{background:var(--bad);border-color:var(--bad);color:#fff}.button--primary:hover,.button--good:hover,.button--bad:hover{filter:brightness(1.08)}.actions{display:flex;gap:.75rem;margin-top:1.5rem;flex-wrap:wrap}.progress{display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem;font-weight:600}.progress__bar{height:8px;background:var(--accent-soft);border-radius:999px;margin:.5rem 0 1.5rem;overflow:hidden}.progress__bar div{height:100%;border-radius:999px;background:linear-gradient(90deg,hsl(var(--hue) 70% 60%),var(--accent));transition:width .3s ease-out}.prompt{font-size:1.4rem;line-height:1.4;font-weight:700;white-space:pre-line}.items{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}.items--ordered{flex-direction:column}.item{display:inline-flex;gap:.45rem;align-items:center;padding:.35rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.items--ordered .item{align-self:flex-start}.item--missing{border-style:dashed;color:var(--accent);font-weight:700}.item__position{color:var(--muted);font-variant-numeric:tabular-nums}.item__flag{font-size:1.2rem}.item__arrow{color:var(--muted)}.item__detail{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.answer{margin-top:1.25rem;padding:1rem 1.25rem;border-radius:12px;background:var(--accent-soft);border-left:4px solid var(--accent);animation:rise .25s ease-out}.answer .items{margin-top:0}.answer .item{background:var(--surface)}.answer__text{margin:0;font-size:1.2rem;font-weight:600}.answer__info{margin:.6rem 0 0;color:var(--muted);font-size:.9rem}.score{display:flex;align-items:center;gap:1.25rem;margin:.25rem 0 1.5rem}.score__message{margin:0;font-size:1.6rem;font-weight:800}.score__message+.muted{margin:.2rem 0 0}.score__ring{--share: 0;flex:none;width:6rem;height:6rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) calc(var(--share) * 360deg),var(--accent-soft) 0);animation:pop .4s ease-out}.score__ring span{width:4.6rem;height:4.6rem;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:1.3rem;font-weight:800}.review{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.review li{border-top:1px solid var(--border);padding-top:1rem}.review__prompt{margin:0;font-weight:600;white-space:pre-line}.mode-picker{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;margin-bottom:1.25rem;background:var(--bg);border-radius:999px;width:fit-content;max-width:100%}.mode-picker__option{font:inherit;font-size:.85rem;border:none;background:none;color:var(--muted);padding:.35rem .8rem;border-radius:999px;cursor:pointer}.mode-picker__option--active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #0000001a}.verdict{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0 0;font-weight:800;font-size:1.15rem;animation:pop .3s ease-out}.verdict__icon{width:1.8rem;height:1.8rem;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:1rem}.verdict--good .verdict__icon{background:var(--good)}.verdict--bad .verdict__icon{background:var(--bad)}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:none}}.verdict--good{color:var(--good)}.verdict--bad{color:var(--bad)}.verdict+.answer{margin-top:.75rem}.choices{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem}.choice{width:100%;display:flex;align-items:center;gap:.75rem;text-align:left;font:inherit;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}.choice:not(:disabled):hover{border-color:var(--accent);background:var(--accent-soft)}.choice:disabled{cursor:default}.choice__key{flex:none;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:6px;background:var(--bg);color:var(--muted);font-size:.8rem;font-weight:600}.choice--correct{border-color:var(--good);background:color-mix(in srgb,var(--good) 14%,var(--surface))}.choice--wrong{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--surface))}.typing{margin-top:1.5rem}.typing__input{width:100%;font:inherit;font-size:1.1rem;padding:.7rem .9rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.typing__input:focus{outline:2px solid var(--accent);outline-offset:-1px}.typing__input--miss{border-color:var(--bad);animation:shake .25s}.number{display:flex;align-items:center;gap:.5rem}.number .typing__input{flex:1;min-width:0}.number__unit{color:var(--muted)}.number__result{margin:1.5rem 0 0}.typing__hint{font-size:.85rem;margin:.4rem 0 0}.item--open{color:var(--muted);border-style:dashed;min-width:3rem}.item--found{border-color:var(--good)}.item--skipped{border-color:var(--bad);color:var(--bad)}.answer .item--found{border-color:var(--good)}.sequence__slot{font:inherit;cursor:pointer}.sequence__slot:hover{border-color:var(--accent)}.sequence__slot--current{border-style:solid;border-color:var(--accent);color:var(--accent)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.ranking{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-direction:column;gap:.4rem}.ranking__row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg)}.ranking__label{flex:1}.ranking__row--good{border:2px solid var(--good);background:color-mix(in srgb,var(--good) 14%,var(--surface))}.ranking__row--bad{border:2px solid var(--bad);background:color-mix(in srgb,var(--bad) 14%,var(--surface))}.ranking__row--movable{cursor:grab;-webkit-user-select:none;user-select:none}.ranking__row--dragging{cursor:grabbing;border-color:var(--accent);box-shadow:0 4px 14px #0000002e}.ranking__handle{color:var(--muted);touch-action:none;padding:.25rem;margin:-.25rem 0;cursor:grab}.ranking__mark{font-weight:700;font-size:1.1rem}.ranking__mark--good{color:var(--good)}.ranking__mark--bad{color:var(--bad)}.ranking__buttons{display:flex;gap:.25rem}.icon-button{font:inherit;width:2rem;height:2rem;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.icon-button:disabled{opacity:.35;cursor:default}.icon-button:not(:disabled):hover{border-color:var(--accent)}.size-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.size-controls .ranking__size{margin:0}.matching{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.matching__column{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.matching__item{font:inherit;width:100%;height:100%;display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;text-align:left;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);cursor:pointer}.matching__item:hover{border-color:var(--accent)}.matching__item--linked{background:var(--accent-soft)}.matching__item--selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.matching__item--good{border-color:var(--good)}.matching__item--bad{border-color:var(--bad)}.matching__badge{flex:none;min-width:1.5rem;height:1.5rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted);border:1px solid var(--border)}.matching__item--linked .matching__badge{color:var(--accent);border-color:var(--accent)}.ranking__size{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;margin-top:1rem}.ranking__size select{font:inherit;padding:.3rem .5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}