:root{--bg1: #f5f0ff;--bg2: #ffeef6;--card: #ffffff;--ink: #2a1f3d;--muted: #7a6d8f;--line: #ece4f7;--violet: #8b5cf6;--violet-d: #6d3fe0;--pink: #ec4899;--mint: #10b981;--mint-bg: #e7faf2;--coral: #f43f5e;--coral-bg: #ffecef;--gold: #f59e0b;--gold-bg: #fff6e0;--shadow: 0 6px 20px rgba(109, 63, 224, .1);--radius: 22px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Nunito,system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2)) fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--violet-d)}.wrap{max-width:720px;margin:0 auto;padding:16px 16px 110px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:14px}.row{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.wrapflex{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--muted)}.small{font-size:14px}.center{text-align:center}h1{font-size:26px;font-weight:900;margin:6px 0 12px}h2{font-size:20px;font-weight:800;margin:0 0 10px}h3{font-size:17px;font-weight:800;margin:0 0 8px}p{line-height:1.5}.btn{border:0;border-radius:16px;padding:14px 20px;font-weight:800;font-size:17px;cursor:pointer;background:var(--violet);color:#fff;box-shadow:0 4px 0 var(--violet-d);transition:transform .08s,box-shadow .08s,opacity .2s;touch-action:manipulation}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--violet-d)}.btn:disabled{opacity:.45;cursor:default}.btn.block{width:100%}.btn.pink{background:var(--pink);box-shadow:0 4px #be185d}.btn.mint{background:var(--mint);box-shadow:0 4px #047857}.btn.ghost{background:#fff;color:var(--violet-d);box-shadow:0 4px 0 var(--line);border:2px solid var(--line)}.btn.sm{padding:9px 14px;font-size:15px;border-radius:12px}.input,textarea.input,select.input{width:100%;border:2px solid var(--line);border-radius:14px;padding:12px 14px;font-size:17px;background:#fff;outline:none}.input:focus{border-color:var(--violet)}textarea.input{min-height:180px;resize:vertical;line-height:1.5}.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:6px 12px;font-weight:800;font-size:15px;box-shadow:var(--shadow)}.tag{display:inline-block;font-size:13px;font-weight:800;padding:3px 10px;border-radius:999px;background:var(--bg1);color:var(--violet-d)}.option{display:block;width:100%;text-align:left;background:#fff;border:2px solid var(--line);border-radius:16px;padding:14px 16px;margin:8px 0;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 3px 0 var(--line)}.option:active{transform:translateY(2px)}.option.sel{border-color:var(--violet);background:var(--bg1)}.option.ok{border-color:var(--mint);background:var(--mint-bg)}.option.bad{border-color:var(--coral);background:var(--coral-bg)}.feedback{border-radius:16px;padding:12px 14px;margin-top:10px;font-weight:700}.feedback.ok{background:var(--mint-bg);color:#065f46}.feedback.bad{background:var(--coral-bg);color:#9f1239}.progress{height:12px;background:var(--line);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--violet),var(--pink));border-radius:999px;transition:width .4s}.passage{background:#fbf9ff;border:2px dashed var(--line);border-radius:16px;padding:14px 16px;line-height:1.65;white-space:pre-line;font-size:17px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.nav a{text-decoration:none;color:var(--muted);font-weight:800;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px}.nav a .ico{font-size:24px;line-height:1;filter:grayscale(.6)}.nav a.router-link-exact-active{color:var(--violet-d)}.nav a.router-link-exact-active .ico{filter:none;transform:scale(1.1)}.pop-enter-active{animation:pop .35s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.bounce{animation:bounce 1.6s ease-in-out infinite;display:inline-block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.shake{animation:shake .35s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a1f3d73;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:#fff;border-radius:26px;padding:26px 22px;max-width:420px;width:100%;text-align:center;animation:pop .35s ease}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:420px){.grid3{grid-template-columns:1fr 1fr}}.err{color:var(--coral);font-weight:700}