:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.08) 0%,transparent 60%),#0a0a0a}.quiz-card{max-width:28rem;width:100%;border:1px solid rgba(255,255,255,.08);padding:2.5rem 2rem 2rem;border-radius:1rem;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .3s ease,transform .3s ease;position:relative}.fade-in{opacity:1;transform:translateY(0)}.fade-out{opacity:0;transform:translateY(12px)}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:#ffffff73;border:1px solid rgba(255,255,255,.1);padding:.2rem .5rem;border-radius:.25rem;margin-bottom:.75rem}.intro{text-align:center}.intro-icon{font-size:3rem;margin-bottom:1rem}.intro h1{margin:0 0 .5rem;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro-desc{margin:0 0 1.75rem;color:#ffffff8c;font-size:.9rem;line-height:1.6}.btn-start{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:.75rem 1.75rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit}.btn-start:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6366f14d}.btn-start:active{transform:translateY(0)}.btn-arrow{transition:transform .15s ease}.btn-start:hover .btn-arrow{transform:translate(3px)}.progress-wrap{width:100%;height:3px;background:#ffffff0f;border-radius:3px;overflow:hidden;margin-bottom:1.25rem}.progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:3px;transition:width .4s ease}.question-counter{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;color:#ffffff4d;letter-spacing:.15em;margin-bottom:1rem}.question-icon{text-align:center;font-size:2.5rem;margin-bottom:.5rem}.question-text{text-align:center;margin:0 0 1.5rem;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.options{display:flex;flex-direction:column;gap:.5rem}.option-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;background:#ffffff05;color:#fafafa;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s ease;text-align:left}.option-btn:hover:not(:disabled){border-color:#6366f166;background:#6366f114;transform:translate(4px)}.option-btn.selected{border-color:#6366f1;background:#6366f126;box-shadow:0 0 20px #6366f126}.option-btn:disabled:not(.selected){opacity:.4;cursor:default}.option-icon{font-size:1.25rem;width:2rem;text-align:center;flex-shrink:0}.option-label{flex:1}.dots{display:flex;justify-content:center;gap:.4rem;margin-top:1.5rem}.dot{width:6px;height:6px;border-radius:50%;background:#ffffff1a;transition:all .3s ease}.dot.done{background:#6366f1}.dot.active{background:#a78bfa;box-shadow:0 0 8px #a78bfa80;transform:scale(1.3)}.result{text-align:center}.result-icon{font-size:4rem;margin-bottom:.75rem;animation:popIn .5s ease}@keyframes popIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.result-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 20%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-tagline{margin:0 0 1rem;color:#fff9;font-size:.95rem;font-style:italic}.traits{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.trait{display:inline-block;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;background:#6366f11f;color:#a78bfa;border:1px solid rgba(99,102,241,.2)}.result-desc{margin:0 0 1.75rem;color:#fff9;font-size:.9rem;line-height:1.65}.btn-restart{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);padding:.6rem 1.5rem;border-radius:.5rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-restart:hover{border-color:#ffffff40;color:#fff;background:#ffffff0a}@media(max-width:480px){.shell{padding:1rem}.quiz-card{padding:1.75rem 1.25rem 1.5rem}.intro h1{font-size:1.4rem}.question-text{font-size:1.05rem}.result-title{font-size:1.4rem}}