:root{--violet:#7c3aed;--violet-dark:#5b21b6;--pink:#ec4899;--yellow:#fbbf24;--green:#16a34a;--green-bg:#dcfce7;--red:#dc2626;--red-bg:#fee2e2;--ink:#1e1b2e;--muted:#6b6880;--card:#fff;--bg:#fff7ed;--radius:18px;--shadow:0 4px 0 #1e1b2e1f;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 0%, #fde68a 0, transparent 35%), radial-gradient(circle at 100% 20%, #fbcfe8 0, transparent 40%), var(--bg);min-height:100dvh;margin:0}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:1.8rem}h2{font-size:1.3rem}h3{font-size:1.1rem}p{margin:0}code{font-size:.9em}.topbar{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top))}.logo{color:var(--violet-dark);align-items:center;gap:8px;font-size:1.25rem;font-weight:800;text-decoration:none;display:inline-flex}.page{max-width:520px;margin:0 auto;padding:8px 16px 48px}.stack{flex-direction:column;gap:14px;display:flex}.center{text-align:center;align-items:center}.right{text-align:right}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--red);font-weight:600}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #f1eaff;padding:18px}.hero{padding:8px 0}.hero h1{font-size:2rem}.hero p{color:var(--muted);margin-top:8px;font-size:1.1rem}.btn{width:100%;min-height:54px;font:inherit;border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;justify-content:center;align-items:center;padding:12px 18px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:flex}.btn:active:not(:disabled){box-shadow:none;transform:translateY(3px)}.btn:disabled{opacity:.55;cursor:default}.btn small{opacity:.9;font-size:.85rem;font-weight:500}.btn-primary{background:var(--violet);color:#fff;box-shadow:0 4px 0 var(--violet-dark)}.btn-secondary{background:var(--yellow);color:var(--ink);box-shadow:0 4px #d97706}.btn-ghost{color:var(--violet-dark);background:0 0;min-height:44px}.btn-big{min-height:76px;font-size:1.3rem}.btn-category{color:var(--ink);box-shadow:var(--shadow);background:#fff;border:2px solid #e9dcff;flex-direction:row;justify-content:flex-start;gap:12px}.btn-category .emoji{font-size:1.6rem}.input{width:100%;min-height:54px;font:inherit;border-radius:var(--radius);background:#fff;border:2px solid #e9dcff;padding:12px 16px;font-size:1.1rem}.input:focus{border-color:var(--violet);outline:3px solid #c4b5fd}.round-chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--violet-dark);background:#ede9fe;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:700;display:inline-block}.chip-active{background:var(--violet);color:#fff}.chip-done{background:var(--green-bg);color:var(--green)}.badge{background:var(--yellow);text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:.75rem;font-weight:800;display:inline-block}.duel-row{border-radius:var(--radius);color:inherit;box-shadow:var(--shadow);background:#fff;border:2px solid #f1eaff;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.duel-row-turn{border-color:var(--violet);background:#faf5ff}.balance-row{justify-content:space-between;gap:12px;display:flex}.share .link{word-break:break-all;background:#f5f3ff;border-radius:12px;padding:10px;font-size:.85rem;display:block}.versus{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px;display:flex}.versus small{color:var(--muted);font-size:1rem}.big-emoji{font-size:2.5rem}.score{font-size:2.6rem;font-weight:800}.result-win{border-color:var(--yellow);background:linear-gradient(135deg,#fef3c7,#fbcfe8)}.result-loss{background:#f5f3ff}.play-head{justify-content:space-between;align-items:center;display:flex}.timer{background:#ede9fe;border-radius:999px;height:12px;overflow:hidden}.timer-bar{background:linear-gradient(90deg, var(--violet), var(--pink));height:100%;transition:width .1s linear}.timer-low{background:var(--red)}.question h2{font-size:1.35rem}.answers{grid-template-columns:1fr;gap:12px;display:grid}.btn-answer{color:var(--ink);box-shadow:var(--shadow);background:#fff;border:2px solid #e9dcff;min-height:62px}.answer-right{background:var(--green-bg);border-color:var(--green);color:var(--green);opacity:1!important}.answer-wrong{background:var(--red-bg);border-color:var(--red);color:var(--red);animation:.3s shake;opacity:1!important}.answer-dim{opacity:.4}.feedback{animation:.25s ease-out pop}.feedback .points{font-size:2.4rem;font-weight:800}.feedback.ok .points{color:var(--green)}.feedback.nope .points{color:var(--muted)}.review{flex-direction:column;gap:6px;display:flex}.review-q{font-weight:700}.review-a{color:var(--green);font-weight:600}.review-cols{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.review-cell{background:#f5f3ff;border-radius:10px;padding:6px 10px;font-size:.9rem}.review-cell.ok{background:var(--green-bg)}.review-cell.nope{background:var(--red-bg)}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}