body{background:linear-gradient(180deg,#faf8f2,#f1ece0);min-height:100vh}.wizard{max-width:1280px;margin:0 auto;padding:32px 20px 80px;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.wizard-head{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px;margin-bottom:32px;min-height:36px}.wizard-head[hidden]{display:none}.wizard-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--line);border-radius:100px;color:var(--ink);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}@media(hover:hover){.wizard-back:hover{background:var(--ink);color:#fff}}.wizard-back[hidden]{display:none}.wizard-skip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--line);border-radius:100px;color:var(--ink);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}@media(hover:hover){.wizard-skip:hover{background:var(--ink);color:#fff}}.wizard-skip[hidden]{display:none}.wizard-progress{height:4px;background:#7c5bff1f;border-radius:100px;overflow:hidden}.wizard-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,#FF3D8B 100%);border-radius:100px;transition:width .4s ease}.wizard-step-counter{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--ink-mute);letter-spacing:.02em}.wizard-steps{flex:1;position:relative}.wizard-step{display:none;animation:wizardFadeIn .4s ease}.wizard-step.is-active{display:block}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wizard-step-head{text-align:center;margin-bottom:28px}.wizard-step-head h1,.wizard-step-head h2{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(24px,3.6vw,32px);line-height:1.15;letter-spacing:-.015em;margin:0 0 8px;color:var(--ink)}.wizard-step-head h1 em,.wizard-step-head h2 em{font-style:normal;color:var(--accent)}.wizard-q-mobile{display:none}@media(max-width:640px){.wizard-q-desktop{display:none}.wizard-q-mobile{display:inline}}.wizard-step-lead{font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:540px;margin:0 auto}.wizard-intro{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-32px;min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;color:#fff}.wizard-intro-hero{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 20% 30%,rgba(124,91,255,.55),transparent 60%),radial-gradient(ellipse 45% 40% at 80% 25%,rgba(255,61,139,.45),transparent 65%),radial-gradient(ellipse 50% 60% at 70% 80%,rgba(255,107,61,.35),transparent 60%),radial-gradient(ellipse 40% 50% at 15% 85%,rgba(0,191,165,.3),transparent 60%),linear-gradient(135deg,#0e0b2c,#1a1340 40%,#2a1b5c);z-index:0}.wizard-intro-hero:before,.wizard-intro-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.7}.wizard-intro-hero:before{top:15%;left:60%;width:280px;height:280px;background:radial-gradient(circle,#FF3D8B 0%,transparent 70%)}.wizard-intro-hero:after{bottom:10%;left:20%;width:240px;height:240px;background:radial-gradient(circle,#7C5BFF 0%,transparent 70%)}.wizard-intro-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0a081e26,#0a081e8c 60%,#0a081ed9);z-index:1}.wizard-intro-content{position:relative;z-index:2;max-width:720px;padding:60px 32px;margin:0 auto;width:100%;text-align:center}.wizard-intro-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;background:#ffffff1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:100px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffffe6;margin-bottom:20px}.wizard-intro-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#ff3d8b;box-shadow:0 0 12px #ff3d8b;animation:wizardPulse 1.8s ease infinite}@keyframes wizardPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.wizard-intro h1{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(32px,5.5vw,56px);line-height:1.02;letter-spacing:-.03em;margin:0 0 20px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.wizard-intro h1 em{font-style:normal;background:linear-gradient(90deg,#ff3d8b,#ffb67c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wizard-intro .wizard-step-lead{font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:#ffffffe0;max-width:560px;margin:0 auto 28px;text-shadow:0 1px 6px rgba(0,0,0,.3)}.wizard-intro-meta-row{display:block;margin-bottom:20px}.wizard-intro-cta-row{display:block}.wizard-intro-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;color:#ffffffd9;padding:9px 16px;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:100px}.wizard-intro-meta span{display:inline-flex;align-items:center;gap:6px}.wizard-intro-meta svg{color:#ff8fb7}.only-mobile-br{display:none}@media(max-width:640px){.wizard-step-lead br{display:none}.only-mobile-br{display:inline}.wizard-intro .wizard-step-lead{max-width:300px}.wizard-intro-meta-row{text-align:center}.wizard-intro-meta{flex-direction:column;align-items:center;gap:8px;border-radius:16px}}.wizard-intro-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;background:#fff;color:var(--ink);border:none;border-radius:100px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 14px 32px #00000052}.wizard-intro-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px #0000006b}.wizard-intro-cta svg{transition:transform .15s ease}.wizard-intro-cta:hover svg{transform:translate(3px)}@media(max-width:640px){.wizard-intro{min-height:calc(100vh - 60px);margin:-20px -16px 0}.wizard-intro-content{padding:40px 20px 48px}.wizard-intro-hero:before{width:180px;height:180px}.wizard-intro-hero:after{width:160px;height:160px}}.wizard-cards{display:flex;flex-wrap:nowrap;gap:14px;align-items:flex-start;overflow-x:auto;overflow-y:hidden;padding:4px 0 12px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;user-select:none;scrollbar-width:none}.wizard-cards::-webkit-scrollbar{display:none}.wizard-cards.is-dragging{cursor:grabbing;scroll-behavior:auto}.wizard-cards.cols-4{justify-content:center}.wizard-cards.cols-6{justify-content:flex-start}.wizard-card{scroll-snap-align:start}.wizard-cards::-webkit-scrollbar{height:6px}.wizard-cards::-webkit-scrollbar-thumb{background:#0a0a0a2e;border-radius:100px}.wizard-cards.cols-4 .wizard-card,.wizard-cards.cols-6 .wizard-card{flex:0 0 240px;width:240px}.wizard-cards.cols-4 .wizard-card-visual,.wizard-cards.cols-6 .wizard-card-visual{height:350px}.wizard-card{transition:transform .12s ease-out;will-change:transform}@media(max-width:640px){.wizard-step-head{margin-bottom:12px}.wizard-cards{padding-top:22px;padding-bottom:18px}.wizard-cards.cols-4{justify-content:flex-start}.wizard-cards.cols-4 .wizard-card-visual,.wizard-cards.cols-6 .wizard-card-visual{height:290px}}.wizard-card{position:relative;display:flex;flex-direction:column;gap:12px;flex:0 0 180px;width:180px;padding:0;background:transparent;border:2px solid transparent;border-radius:0;text-align:left;color:var(--ink);font-family:Inter,sans-serif;scroll-snap-align:center;cursor:pointer}.wizard-card-inner{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 18px #0a0a0a14;transition:transform .18s ease,box-shadow .18s ease}.wizard-card:hover .wizard-card-inner{transform:translateY(-3px);box-shadow:0 16px 32px #0a0a0a24}.wizard-card.is-selected .wizard-card-inner{box-shadow:0 0 0 3px var(--accent),0 16px 32px #7c5bff47}.wizard-card-visual{position:relative;height:250px;flex-shrink:0;background-size:cover;background-position:center}.wizard-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.28) 100%);pointer-events:none}.wizard-card-body{padding:12px 16px 16px;flex-shrink:0;background:#fff;height:90px;overflow:hidden}.wizard-card-title{font-size:15px;font-weight:700;line-height:1.2;color:var(--ink);margin:0}.wizard-card-desc{font-size:12px;font-weight:500;line-height:1.35;color:var(--ink-mute);margin:4px 0 0}.wizard-card-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;align-self:center;padding:9px 22px;background:var(--ink);color:#fff;border:none;border-radius:100px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.wizard-card-action:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 8px 20px #7c5bff52}.wizard-card.is-selected .wizard-card-action{background:var(--accent)}.wizard-card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:52px;height:52px;border-radius:50%;background:#fffffff2;color:var(--ink);border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 28px #00000052;transition:transform .15s ease,background .15s ease}.wizard-card-play svg{width:20px;height:20px;margin-left:2px}.wizard-card-play:hover{transform:translate(-50%,-50%) scale(1.08);background:#fff}.wizard-card-play.is-playing{background:var(--accent);color:#fff}.wizard-spotify-player{position:fixed;left:50%;bottom:20px;transform:translate(-50%) translateY(120%);z-index:9000;width:min(420px,calc(100vw - 32px));background:#fff;border-radius:16px;box-shadow:0 18px 48px #0a0a0a59;transition:transform .3s ease;overflow:hidden}.wizard-spotify-player.is-open{transform:translate(-50%) translateY(0)}.wizard-spotify-player-close{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;border-radius:50%;background:#0a0a0aa6;color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.wizard-spotify-player-close svg{width:16px;height:16px}.wizard-spotify-player-frame{width:100%;height:80px;border:0;display:block}.wizard-step-placeholder{flex:1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;background:#7c5bff0f;border:2px dashed rgba(124,91,255,.35);border-radius:16px;color:var(--ink-mute);text-align:center;font-size:14px;margin:0 16px}.wizard-step-placeholder p{margin:0;max-width:480px}.wizard-step-skip{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--ink);color:#fff;border:none;border-radius:100px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease}.wizard-step-skip:hover{background:var(--accent)}.wizard-step.is-active[data-step=loading]{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 220px)}.wizard-loading{text-align:center;padding:20px}.wizard-loading-spinner{width:56px;height:56px;margin:0 auto 24px;border-radius:50%;border:4px solid rgba(124,91,255,.2);border-top-color:var(--accent);animation:wizardSpin .9s linear infinite}@keyframes wizardSpin{to{transform:rotate(360deg)}}.wizard-loading h2{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(20px,2.5vw,26px);margin:0 0 8px;color:var(--ink)}.wizard-loading p{color:var(--ink-mute);margin:0}.wizard-result-back{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid var(--line);border-radius:100px;color:var(--ink);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;margin-bottom:24px}.wizard-result-back:hover{background:var(--ink);color:#fff}.wizard-result-conclusion{text-align:center;max-width:720px;margin:0 auto 40px;padding:32px 24px;background:linear-gradient(135deg,#7c5bff14,#ff3d8b0f);border-radius:24px}.wizard-result-conclusion-label{font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:12px}.wizard-result-persona{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin-bottom:16px}.wizard-result-tagline{font-size:16px;line-height:1.55;color:var(--ink-soft);max-width:540px;margin:0 auto}.wizard-result-matches-head{text-align:center;margin-bottom:24px}.wizard-result-matches-head h2{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(24px,3.6vw,32px);line-height:1.15;letter-spacing:-.015em;color:var(--ink);margin:0}.wizard-result-matches-head h2 em{font-style:normal;color:var(--accent)}.wizard-result-matches{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:1240px;margin:0 auto}.wizard-match-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0a0a0a1a;text-decoration:none;color:var(--ink);transition:transform .18s ease,box-shadow .18s ease}.wizard-match-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0a0a0a29}.wizard-match-card-img{position:relative;aspect-ratio:3 / 4;background-size:cover;background-position:center}.wizard-match-card-percent{position:absolute;top:10px;left:10px;padding:4px 10px;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:100px;color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.wizard-match-card-body{padding:12px 14px 14px;background:#fff}.wizard-match-card-title{font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.25;color:var(--ink);margin:0 0 4px}.wizard-match-card-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--ink-mute)}#wizardResultMatches.is-swipe{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}#wizardResultMatches.is-swipe::-webkit-scrollbar{display:none}#wizardResultMatches.is-swipe .artist-event-card{flex:0 0 280px;scroll-snap-align:start}#wizardResultMatches.is-swipe.is-grabbing{cursor:grabbing}.wizard-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:40px auto 16px}@media(max-width:640px){.wizard-result-actions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;margin-top:16px;padding-bottom:4px}.wizard-action-btn{flex-shrink:0}}.wizard-action-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:transparent;border:1px solid var(--line);border-radius:100px;color:var(--ink);font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.wizard-action-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.wizard-action-btn svg{flex-shrink:0}.wizard-action-btn.is-done{background:var(--accent);color:#fff;border-color:var(--accent)}