*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#111;color:#eee}main{max-width:480px;margin:0 auto;padding:24px 16px;text-align:center}h1{font-size:2.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.card{display:flex;flex-direction:column;gap:8px;padding:32px 16px;font-size:1.2rem}.card span{font-size:.9rem;opacity:.7}button{background:#2a2a2a;color:#eee;border:1px solid #444;border-radius:10px;padding:12px 18px;font-size:1rem;cursor:pointer}button:hover{background:#333}.top{display:flex;justify-content:space-between;align-items:center}.back{padding:8px 12px}.prompt{font-size:2.2rem;font-weight:700;margin:24px 0 8px}.hint{opacity:.6;margin-bottom:20px}form{display:flex;gap:8px}input{flex:1;min-width:0;padding:12px;font-size:1.2rem;border-radius:10px;border:1px solid #444;background:#1c1c1c;color:#eee}.right{color:#5d5;font-size:1.2rem}.wrong{color:#f66;font-size:1.2rem}.slider{display:flex;flex-direction:column;gap:6px;margin:0 auto 16px;max-width:320px}.slider input{width:100%}