:root{--bg:#0b0f1a;--surface:#161c2c;--surface-2:#1e2638;--border:#2a3346;--text:#f4f6fb;--text-dim:#9aa6be;--accent:#6366f1;--accent-soft:#818cf8;--good:#22c55e;--bad:#ef4444;--danger:#f43f5e;--warn:#f59e0b;--radius:18px;--radius-sm:12px;--ease:cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(900px 500px at 50% -5%, #1c2440 0, transparent 60%), var(--bg);color:var(--text)}.app{max-width:560px;min-height:100vh;margin:0 auto;padding:20px 18px 48px;position:relative}.topbar-controls{z-index:50;align-items:center;gap:8px;display:flex;position:fixed;top:14px;right:14px}.sound-toggle,.lang-toggle{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;height:40px;transition:transform .2s var(--ease), background .2s var(--ease);background:#161c2cb8;border-radius:999px}.sound-toggle{width:40px;font-size:19px}.lang-toggle{color:var(--text);align-items:center;gap:5px;padding:0 12px;font-size:18px;font-weight:700;display:flex}.lang-caret{color:var(--text-dim);transition:transform .2s var(--ease);font-size:.7rem}.lang-caret.up{transform:rotate(180deg)}.sound-toggle:hover,.lang-toggle:hover{background:#1e2638d9;transform:scale(1.05)}.sound-toggle:active,.lang-toggle:active{transform:scale(.94)}.lang-select{position:relative}.lang-menu{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform-origin:100% 0;min-width:180px;animation:lang-pop .16s var(--ease);background:#121725f5;border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #00000080}.lang-item{width:100%;color:var(--text);cursor:pointer;transition:background .15s var(--ease);background:0 0;border:none;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;font-size:.98rem;font-weight:600;display:flex}.lang-item:hover{background:#ffffff12}.lang-item.active{background:#6366f12e}.lang-item .lang-flag{font-size:1.25rem}.lang-name{text-align:left;flex:1}.lang-check{color:var(--accent-soft);font-weight:800}@keyframes lang-pop{0%{opacity:0;transform:scale(.94)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.home{animation:fade-up .5s var(--ease)}.home-head{text-align:center;margin:18px 0 26px}.logo{letter-spacing:-1px;background:linear-gradient(135deg,#818cf8,#ec4899);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:800}.home-title{color:var(--text);margin:4px 0 0;font-size:1.15rem;font-weight:700}.tagline{color:var(--text-dim);margin:6px 0 0;font-size:.98rem}.selectors{flex-direction:column;gap:18px;margin-bottom:26px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px;font-size:.82rem;font-weight:600}.field-help{color:var(--text-dim);text-align:center;margin:2px 2px 0;font-size:.85rem;line-height:1.4}.seg{grid-template-columns:repeat(var(--count), 1fr);background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:4px;display:grid;position:relative}.seg-thumb{width:calc((100% - 8px) / var(--count));background:var(--accent);transition:transform .38s var(--ease), background .3s var(--ease);border-radius:10px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 4px 14px #6366f159}.seg-opt{z-index:1;color:var(--text-dim);cursor:pointer;transition:color .3s var(--ease);background:0 0;border:none;padding:11px 8px;font-size:.95rem;font-weight:600;position:relative}.seg-opt.active{color:#fff}.categories{flex-direction:column;gap:12px;display:flex}.cat-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cat-card{text-align:left;border-radius:var(--radius);color:#fff;cursor:pointer;min-height:124px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);border:none;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 16px;display:flex;box-shadow:0 10px 24px #00000059}.cat-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #00000073}.cat-card:active{transform:scale(.97)}.cat-emoji{font-size:1.9rem}.cat-label{margin-top:auto;font-size:1.05rem;font-weight:700;line-height:1.15}.cat-count{opacity:.85;font-size:.78rem}.quiz{animation:fade-up .4s var(--ease)}.quiz-topbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.btn-ghost{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-size:.92rem;font-weight:600}.btn-ghost:hover{color:var(--text)}.quiz-progress{color:var(--text-dim);font-size:.85rem;font-weight:600}.quiz-score{color:var(--warn);font-size:.9rem;font-weight:700}.progress-track,.timer-track{background:var(--surface-2);border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:100%;transition:width .4s var(--ease);border-radius:999px}.timer-fill{height:100%;transition:width 50ms linear, background .3s var(--ease);background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px}.timer-fill.urgent{background:linear-gradient(90deg,#ef4444,#f97316)}.timer-value{text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums;margin:6px 2px 0;font-size:.82rem;font-weight:700}.timer-value.urgent{color:var(--bad)}.quiz-body{margin-top:20px}.quiz-cat{font-size:.85rem;font-weight:700}.quiz-question{margin:8px 0 22px;font-size:1.42rem;font-weight:700;line-height:1.3}.options{flex-direction:column;gap:12px;display:flex}.option{text-align:left;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:transform .15s var(--ease), border-color .2s var(--ease), background .2s var(--ease);align-items:center;gap:14px;padding:16px;font-size:1rem;font-weight:500;display:flex}.option:not(:disabled):active{transform:scale(.985)}.option.chosen{border-color:var(--accent);background:#6366f124}.option.correct{border-color:var(--good);background:#22c55e29}.option.wrong{border-color:var(--bad);background:#ef444429}.option:disabled{cursor:default}.option-letter{background:var(--surface-2);width:30px;height:30px;color:var(--text-dim);border-radius:8px;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.option.chosen .option-letter{background:var(--accent);color:#fff}.option.correct .option-letter{background:var(--good);color:#fff}.option.wrong .option-letter{background:var(--bad);color:#fff}.feedback{border-radius:var(--radius-sm);animation:fade-up .3s var(--ease);border:1px solid var(--border);margin-top:18px;padding:14px 16px}.feedback.good{background:#22c55e1f;border-color:#22c55e66}.feedback.bad{background:#ef44441f;border-color:#ef444466}.feedback p{color:var(--text-dim);margin:6px 0 0;font-size:.92rem;line-height:1.45}.suspense{text-align:center;color:var(--accent-soft);animation:pulse 1s var(--ease) infinite;margin-top:22px;font-weight:600}.quiz-actions{margin-top:26px}.btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:transform .15s var(--ease), opacity .2s var(--ease), box-shadow .2s var(--ease);border:none;padding:16px;font-size:1.02rem;font-weight:700}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-soft));color:#fff;box-shadow:0 8px 22px #6366f166}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1.5px solid var(--border)}.btn-secondary:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.step-hint{text-align:center;color:var(--accent-soft);opacity:.95;margin:16px 0 0;font-size:.85rem;font-weight:600}.result-actions{flex-direction:column;gap:10px;display:flex}.result-hero{text-align:center;color:#fff;animation:pop-in .5s var(--ease);border-radius:30px;margin-bottom:22px;padding:30px 22px 26px;box-shadow:0 20px 44px #00000080}.hero-trophy{color:#fde68a;width:80px;height:80px;animation:trophy-pop .6s var(--ease) .1s both;background:#fff3;border-radius:50%;place-items:center;margin:0 auto 12px;display:grid;box-shadow:0 8px 20px #00000047}.hero-cat{letter-spacing:.3px;opacity:.92;font-size:.9rem;font-weight:700;display:block}.hero-score{font-variant-numeric:tabular-nums;text-shadow:0 3px 12px #00000047;margin-top:10px;font-size:4.2rem;font-weight:800;line-height:1}.hero-score-total{opacity:.7;margin-left:2px;font-size:1.7rem;font-weight:700}.hero-personality{margin-top:10px;font-size:1.2rem;font-weight:800}.hero-title{margin-bottom:4px;font-size:1.5rem;font-weight:800}.hero-round{opacity:.92;margin-top:10px;font-size:.85rem;font-weight:700;display:block}.result-hero .versus{margin:16px 0 4px}.result-hero .vs-player{background:#00000042;border-color:#fff3}.result-hero .vs-name,.result-hero .vs-detail{color:#ffffffe0}.result-hero .vs-bar-track{background:#00000052}.result-hero .vs-player.winner{border-color:#fde68a;box-shadow:inset 0 0 0 1px #fde68a}.versus{grid-template-columns:1fr 1fr;gap:18px;margin:8px 0 24px;display:grid}.vs-player{border-radius:var(--radius-sm);background:var(--surface-2);border:1.5px solid var(--border);transition:border-color .3s var(--ease);flex-direction:column;align-items:center;gap:8px;padding:16px 10px;display:flex}.vs-player.winner{border-color:var(--warn);box-shadow:0 0 0 1px var(--warn) inset}.vs-name{color:var(--text-dim);font-weight:700}.vs-score{font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:800}.vs-bar-track{background:var(--bg);border-radius:8px;align-items:flex-end;width:26px;height:90px;display:flex;overflow:hidden}.vs-bar-fill{background:linear-gradient(180deg, var(--accent-soft), var(--accent));width:100%;transition:height .7s var(--ease);border-radius:8px 8px 0 0}.vs-player.winner .vs-bar-fill{background:linear-gradient(180deg, #fbbf24, var(--warn))}.vs-detail{color:var(--text-dim);font-size:.8rem}.recap{text-align:left;margin:8px 0 22px}.recap-title{margin:0 0 12px;font-size:1rem}.recap-perfect{color:var(--good);margin:10px 0 22px;font-size:1.05rem;font-weight:600}.recap-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:14px}.recap-q{margin:0 0 8px;font-size:.96rem;font-weight:600}.recap-line{margin:3px 0;font-size:.9rem}.recap-line.bad{color:#fca5a5}.recap-line.good{color:#86efac}.recap-exp{color:var(--text-dim);margin:8px 0 0;font-size:.86rem;line-height:1.45}.setup-card{color:#fff;text-align:center;animation:pop-in .45s var(--ease);border-radius:26px;margin:6px 0 22px;padding:26px 22px;box-shadow:0 18px 40px #00000073}.setup-title{margin:8px 0;font-size:1.55rem;font-weight:800}.setup-sub{opacity:.95;margin:0;font-size:.95rem;line-height:1.45}.setup-field{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.text-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color .2s var(--ease);padding:15px 16px;font-size:1.05rem;font-weight:600}.text-input:focus{border-color:var(--accent);outline:none}.text-input::placeholder{color:var(--text-dim);font-weight:500}.share{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;margin-bottom:18px;padding:16px}.share-title{margin:0 0 4px;font-size:1rem;font-weight:700}.share-sub{color:var(--text-dim);margin:0 0 12px;font-size:.86rem;line-height:1.4}.share-row{gap:8px;display:flex}.share-input{background:var(--bg);border:1px solid var(--border);min-width:0;color:var(--text-dim);border-radius:10px;flex:1;padding:11px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem}.btn-copy{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent-soft));transition:transform .15s var(--ease);border:none;border-radius:10px;flex-shrink:0;padding:0 16px;font-size:.9rem;font-weight:700}.btn-copy:active{transform:scale(.95)}.landing-intro{text-align:center;color:var(--text-dim);margin:4px 0 14px;font-size:.95rem;font-weight:600}.concept-bubble{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);margin:20px 0 22px;padding:18px 20px;position:relative}.concept-bubble:before{content:"";background:var(--surface-2);border-left:1px solid var(--border);border-top:1px solid var(--border);width:16px;height:16px;position:absolute;top:-9px;left:32px;transform:rotate(45deg)}.concept-title{margin:0 0 6px;font-size:1rem;font-weight:800}.concept-text{color:var(--text-dim);margin:0;font-size:.92rem;line-height:1.5}.resultshare{text-align:center;margin-bottom:18px}.resultshare-title{margin:0 0 12px;font-size:1rem;font-weight:700}.resultshare-actions{flex-direction:column;gap:10px;display:flex}.resultshare-msg{color:var(--text-dim);margin:10px 0 0;font-size:.85rem}.sharecard-host{pointer-events:none;opacity:0;width:1080px;height:1920px;position:fixed;top:0;left:-10000px}.roundtable{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:18px;padding:14px 18px}.roundtable-head,.roundtable-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.roundtable-head{color:var(--text-dim);border-bottom:1px solid var(--border);padding-bottom:10px;font-size:.85rem;font-weight:700}.roundtable-head span:first-child{text-align:left}.roundtable-head span:last-child{text-align:right}.roundtable-row{font-variant-numeric:tabular-nums;padding:9px 0;font-size:1rem;font-weight:700}.roundtable-row span:first-child{text-align:left}.roundtable-row span:last-child{text-align:right}.roundtable-mid{color:var(--text-dim);white-space:nowrap;font-size:.82rem;font-weight:600}.rt-win{color:var(--warn)}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:none}}@keyframes trophy-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}60%{transform:scale(1.12)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}.site-footer{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:44px;padding-top:22px;display:flex}.insta-link{color:var(--text);background:var(--surface);border:1px solid var(--border);transition:transform .15s var(--ease), background .2s var(--ease);border-radius:999px;align-items:center;gap:9px;padding:9px 16px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.insta-link:hover{background:var(--surface-2)}.insta-link:active{transform:scale(.96)}.insta-icon{flex-shrink:0;display:block}.footer-note{color:var(--text-dim);margin:0;font-size:.82rem}.footer-cookies{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-top:2px;padding:2px 6px;font-size:.78rem;text-decoration:underline}.footer-cookies:hover{color:var(--text)}.cookie-banner{z-index:60;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px)saturate(140%);width:min(540px,100% - 24px);animation:cookie-slide-up .4s var(--ease);background:#161c2cd1;padding:16px 18px 14px;position:fixed;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 14px 44px #00000080}@keyframes cookie-slide-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.cookie-text{color:var(--text);margin:0 0 10px;font-size:.92rem;line-height:1.45}.cookie-detail{color:var(--text-dim);margin:0 0 12px;font-size:.82rem;line-height:1.5}.cookie-actions{gap:10px;display:flex}.cookie-btn{cursor:pointer;transition:transform .15s var(--ease), background .2s var(--ease);border-radius:12px;flex:1;padding:11px 14px;font-size:.95rem;font-weight:700}.cookie-btn:active{transform:scale(.97)}.cookie-reject{background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.cookie-reject:hover{background:var(--surface)}.cookie-accept{background:var(--accent);border:1px solid var(--accent);color:#fff}.cookie-accept:hover{background:var(--accent-soft)}.cookie-more{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin:10px auto 0;font-size:.8rem;text-decoration:underline;display:block}.cookie-more:hover{color:var(--text)}.premium-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:38px;height:38px;transition:transform .15s var(--ease), background .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.premium-toggle:hover{background:var(--surface-2)}.premium-toggle:active{transform:scale(.92)}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.footer-links button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.78rem;text-decoration:underline}.footer-links button:hover{color:var(--text)}.footer-links span{color:var(--text-dim);opacity:.5}.result-ad{text-align:center;margin:4px 0 18px}.result-ad-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:.7rem;display:block}.noads-promo{border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;transition:transform .15s var(--ease), background .2s var(--ease);justify-content:space-between;align-items:center;gap:12px;margin:4px 0 18px;padding:12px 16px;display:flex}.noads-promo:hover{background:var(--surface-2)}.noads-promo:active{transform:scale(.99)}.noads-promo-text{font-size:.95rem;font-weight:700}.noads-promo-cta{color:var(--accent-soft);flex-shrink:0;font-size:.85rem;font-weight:700}.paywall-overlay,.legal-overlay{z-index:80;-webkit-backdrop-filter:blur(6px);animation:fade-in .2s var(--ease);background:#070a12a8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.paywall-card,.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transform-origin:50%;will-change:transform, opacity;width:100%;max-width:460px;max-height:88vh;padding:26px 22px 22px;animation:.26s cubic-bezier(.22,1,.36,1) modal-pop;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000080}@keyframes modal-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.paywall-x,.legal-x{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:50%;font-size:.9rem;position:absolute;top:12px;right:12px}.paywall-title{text-align:center;margin:0 0 6px;font-size:1.5rem;font-weight:800}.paywall-sub{text-align:center;color:var(--text-dim);margin:0 0 16px;font-size:.92rem}.paywall-features{flex-direction:column;gap:6px;margin:0 0 18px;padding:0;font-size:.92rem;list-style:none;display:flex}.paywall-features li{color:var(--text)}.plans{gap:12px;display:flex}.plan{border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;background:var(--surface-2);flex:1;padding:16px 12px;position:relative}.plan-best{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.plan-badge{white-space:nowrap;background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:999px;padding:3px 10px;font-size:.66rem;font-weight:800;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.plan-name{margin-bottom:6px;font-size:.95rem;font-weight:700}.plan-price{margin-bottom:14px;font-size:1.5rem;font-weight:900;line-height:1.1}.plan-period{color:var(--text-dim);margin-top:2px;font-size:.72rem;font-weight:600;display:block}.plan-cta{width:100%;padding:10px}.paywall-soon{text-align:center;color:var(--warn);margin:14px 0 0;font-size:.86rem}.paywall-preview{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin:16px auto 0;font-size:.78rem;text-decoration:underline;display:block}.paywall-active{text-align:center;color:var(--good);margin:8px 0 0;font-weight:700}.legal-title{margin:0 0 2px;font-size:1.3rem;font-weight:800}.legal-updated{color:var(--text-dim);margin:0 0 16px;font-size:.78rem}.legal-section{margin-bottom:14px}.legal-section h3{color:var(--accent-soft);margin:0 0 4px;font-size:.98rem}.legal-section p{color:var(--text);margin:0;font-size:.9rem;line-height:1.5}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}