:root{--bg1: #1a0b3d;--violet: #5b2bd6;--pink: #d63c8f;--orange: #ff9a3c;--gold: #ffd36e;--text: #fff;--muted: rgba(255, 255, 255, .75);font-family:Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--text);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{min-height:100%;background:linear-gradient(160deg,var(--violet) 0%,var(--pink) 60%,var(--orange) 100%) no-repeat;background-color:var(--orange)}button{font:inherit;color:inherit;cursor:pointer;border:0}.page{max-width:480px;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) 18px 32px;display:flex;flex-direction:column;gap:14px;min-height:100vh;min-height:100dvh;animation:in .25s ease-out}.page>:first-child{margin-top:auto}.page>:last-child{margin-bottom:auto}@keyframes in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.logo{width:120px;height:120px;margin:0 auto;border-radius:34px;background:#ffffff2e;display:grid;place-items:center;font-size:84px;font-weight:900;box-shadow:0 10px 30px #0003}.brand{text-align:center;font-size:46px;margin:4px 0;font-weight:900;letter-spacing:-1px}h2{margin:0;font-size:26px;font-weight:800;text-align:center}.lead{text-align:center;color:var(--muted);font-size:17px;line-height:1.4;margin:0}.kicker{text-align:center;margin:0;color:var(--gold);font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:1px}.emoji-xl{font-size:80px;text-align:center}.warn{color:var(--gold);text-align:center;margin:0}.btn{background:#fff;color:var(--violet);font-weight:800;border-radius:18px;padding:14px 18px;font-size:17px;box-shadow:0 6px #0000002e}.btn:active{transform:translateY(3px);box-shadow:0 3px #0000002e}.btn.big{padding:18px;font-size:20px}.btn:disabled{opacity:.5}.btn.ghost{background:#ffffff2e;color:#fff;box-shadow:none}.btn.danger{background:#2b0f4f;color:#fff;box-shadow:none}.btn.link{background:none;color:var(--muted);box-shadow:none;text-decoration:underline;padding:6px}.input{font:inherit;font-size:22px;padding:16px;border-radius:16px;border:0;outline:none;text-align:center;color:#2b0f4f}.back{background:none;color:#fff;font-size:18px;align-self:flex-start;padding:4px 0}.top{display:flex;align-items:center;gap:12px}.top .back{font-size:24px;align-self:center}.progress{flex:1;height:10px;background:#ffffff40;border-radius:99px;overflow:hidden}.progress div{height:100%;background:#fff;border-radius:99px;transition:width .3s}.count{font-weight:800;font-size:15px}.question{font-size:28px;line-height:1.2;margin:6px 0 8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opt{background:#fffffff2;color:#2b0f4f;border-radius:22px;padding:18px 10px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:16px;line-height:1.2;box-shadow:0 6px #00000026;animation:pop .3s ease-out both}.opt:nth-child(2){animation-delay:.04s}.opt:nth-child(3){animation-delay:.08s}.opt:nth-child(4){animation-delay:.12s}@keyframes pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.opt:active{transform:scale(.96)}.opt-emoji{font-size:48px;line-height:1}.score{text-align:center;font-size:96px;font-weight:900;line-height:1}.score small{font-size:40px;opacity:.8}.review{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;font-size:14px}.review li{display:flex;gap:8px;background:#00000026;border-radius:12px;padding:8px 10px}.rank{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.rank li{display:flex;align-items:center;gap:12px;background:#ffffff2e;border-radius:16px;padding:12px 16px;font-size:18px}.rank li b{flex:1}.surprise{background:#1a0b3d73;border-radius:18px;padding:14px 16px;text-align:center}.surprise p{margin:4px 0}.preview{width:60%;align-self:center;border-radius:14px;box-shadow:0 10px 30px #0000004d}.langs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.langs button{background:#ffffff26;border-radius:12px;font-size:26px;padding:6px 10px;opacity:.6}.langs button.on{opacity:1;background:#ffffff59}.gear{align-self:flex-end;background:#ffffff2e;border-radius:14px;font-size:22px;padding:8px 10px}.mode-note{text-align:center;margin:0;color:var(--muted);font-size:14px}.choice{display:flex;flex-direction:column;gap:4px;text-align:left;background:#ffffff26;border-radius:18px;padding:14px 16px;border:3px solid transparent}.choice b{font-size:18px}.choice span{color:var(--muted);font-size:14px;line-height:1.35}.choice.on{background:#ffffff47;border-color:#fff}.qr{width:72%;max-width:300px;align-self:center;border-radius:20px;background:#fff;padding:10px;box-shadow:0 10px 30px #00000040}.link{text-align:center;margin:0;font-weight:700;word-break:break-all}.lead.small{font-size:14px}
