:root{color-scheme:light dark;--font-display: "Clash Display", "Space Grotesk", system-ui, "Segoe UI", sans-serif;--font-text: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--step--1: .8rem;--step-0: 1rem;--step-1: 1.25rem;--step-2: clamp(1.4rem, 1.1rem + 1.2vw, 1.563rem);--step-3: clamp(1.7rem, 1.3rem + 1.7vw, 1.953rem);--step-4: clamp(2.1rem, 1.6rem + 2.4vw, 2.441rem);--step-5: clamp(2.6rem, 1.9rem + 3.4vw, 3.052rem);--hero: clamp(2.4rem, 1.4rem + 4.9vw, 5.2rem);--lh-tight: 1.05;--lh-snug: 1.3;--lh: 1.55;--tracking-hero: -.02em;--tracking-caps: .14em;--measure: 60ch;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-card: 28px;--radius-pill: 999px;--dur-fast: .15s;--dur: .22s;--dur-slow: .32s;--dur-reveal: 2.6s;--ease: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--bg: #FBF7FF;--surface: #FFFFFF;--surface-2: #F4EEFB;--text: #16111F;--muted: #675C77;--border: #E7DEF3;--accent: #6D3BF5;--accent-hover: #5B23D6;--accent-text: #5B23D6;--accent-contrast: #FFFFFF;--accent-soft: #EFE8FE;--spectrum-2: #E23A8C;--spectrum-3: #12B5B0;--brand-aura: linear-gradient(120deg, #6D3BF5 0%, #E23A8C 52%, #12B5B0 100%);--shadow: 0 1px 2px rgba(22,17,31,.06), 0 6px 20px rgba(22,17,31,.08);--shadow-lg: 0 12px 48px rgba(22,17,31,.16);--shadow-glow: 0 10px 60px rgba(109,59,245,.28)}@media (prefers-color-scheme: dark){:root{--bg: #0C0A14;--surface: #151020;--surface-2: #1E1730;--text: #F3EEFB;--muted: #A79FB8;--border: #2A2140;--accent: #8B6BFF;--accent-hover: #A088FF;--accent-text: #B7A2FF;--accent-contrast: #0E0A18;--accent-soft: #1E1636;--spectrum-2: #FF5FA8;--spectrum-3: #35E0D8;--brand-aura: linear-gradient(120deg, #8B6BFF 0%, #FF5FA8 52%, #35E0D8 100%);--shadow: 0 1px 2px rgba(0,0,0,.5), 0 8px 28px rgba(0,0,0,.5);--shadow-lg: 0 16px 56px rgba(0,0,0,.6);--shadow-glow: 0 10px 70px rgba(139,107,255,.4)}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 1ms;--dur: 1ms;--dur-slow: 1ms;--dur-reveal: 1ms}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display{font-family:var(--font-display);font-weight:800;line-height:var(--lh-tight);letter-spacing:var(--tracking-hero)}.eyebrow{font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.lede{margin:0;max-width:34ch;color:var(--muted);font-size:var(--step-1);line-height:var(--lh)}.btn{--_bg: var(--surface);--_fg: var(--text);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1.4rem;border-radius:var(--radius-pill);font:600 1rem / 1 var(--font-text);text-decoration:none;cursor:pointer;background:var(--_bg);color:var(--_fg);border:1px solid var(--border);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}.btn--lg{min-height:52px;padding:0 1.9rem;font-size:var(--step-1)}.btn--primary{--_bg: var(--accent);--_fg: var(--accent-contrast);border-color:transparent;box-shadow:var(--shadow)}.btn--ghost{background:transparent}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.landing{position:relative;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:clamp(1.5rem,5vw,4rem) clamp(1rem,5vw,3rem) var(--space-16)}.aura-flourish{position:absolute;inset:-25% -10% auto;height:70vh;z-index:0;background:var(--brand-aura);opacity:.22;filter:blur(90px);pointer-events:none;animation:breathe 9s var(--ease-inout) infinite alternate}.landing>:not(.aura-flourish){position:relative;z-index:1}.landing__hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);padding-top:clamp(2rem,8vh,6rem);max-width:40rem}.landing__hero h1{margin:0;font-size:var(--hero);max-width:100%;overflow-wrap:break-word;text-wrap:balance}.landing__hero .lede{margin-top:var(--space-1)}.landing__hero .cta-row{margin-top:var(--space-4)}.collect{width:100%;max-width:34rem;display:flex;flex-direction:column;gap:var(--space-5)}.collect__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.collect__title{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-2);letter-spacing:var(--tracking-hero)}.collect__count{margin:0;color:var(--muted);font-size:var(--step--1);letter-spacing:.02em}.collect__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}.collect__cell{aspect-ratio:1}.swatch{display:block;width:100%;height:100%;border-radius:var(--radius);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--text) 8%,transparent),var(--shadow);transition:transform var(--dur) var(--ease)}.collect__cell:hover .swatch{transform:translateY(-2px) scale(1.02)}.swatch--locked{filter:grayscale(.5) brightness(.72);opacity:.72}.quiz{min-height:100dvh;display:flex;flex-direction:column;gap:var(--space-8);padding:clamp(1rem,4vw,2rem) clamp(1rem,5vw,3rem) var(--space-12);max-width:44rem;margin-inline:auto;width:100%}.quiz__bar{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.iconbtn{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:1.5rem;line-height:1;transition:background var(--dur) var(--ease)}.iconbtn:hover{background:var(--surface-2)}.iconbtn:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.progress{flex:1;height:8px;border-radius:var(--radius-pill);background:var(--accent-soft);overflow:hidden}.progress__fill{height:100%;border-radius:inherit;background:var(--accent);transition:width var(--dur-slow) var(--ease)}.quiz__count{flex:none;color:var(--muted);font-size:var(--step--1);font-variant-numeric:tabular-nums;min-width:3.5ch;text-align:right}.quiz__q{display:flex;flex-direction:column;gap:var(--space-6);animation:fade-in var(--dur-slow) var(--ease)}.quiz__prompt{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-3);letter-spacing:var(--tracking-hero);text-align:center}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:128px;padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-align:left;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tile__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center}.tile__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in oklab,#000 62%,transparent) 0%,transparent 62%)}.tile__label{position:relative;z-index:1;font:600 var(--step-1) / var(--lh-snug) var(--font-text);color:#fbf9ff;text-shadow:0 1px 8px rgba(0,0,0,.55)}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile:active{transform:translateY(-1px)}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.tile--selected{border-color:var(--accent);box-shadow:var(--shadow-glow)}.result{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:clamp(1.5rem,5vw,4rem) clamp(1rem,5vw,3rem);max-width:40rem;margin-inline:auto;width:100%;text-align:center}.result--empty .display{font-size:var(--step-5);margin:0}.reveal{position:relative;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);padding:clamp(1.5rem,5vw,3rem) clamp(1rem,5vw,2rem) var(--space-16)}.reveal__aura{position:absolute;inset:-20% -20% auto;height:90vh;z-index:0;background-size:cover;background-position:center;filter:blur(80px);opacity:0;transform:scale(.9);pointer-events:none;transition:opacity var(--dur-slow) var(--ease),transform var(--dur-reveal) var(--ease-inout)}.reveal[data-phase=gather] .reveal__aura{opacity:.5;transform:scale(1.05);animation:breathe 6s var(--ease-inout) infinite alternate}.reveal[data-phase=resolve] .reveal__aura,.reveal[data-phase=landed] .reveal__aura{opacity:.34;transform:scale(1)}.reveal>:not(.reveal__aura){position:relative;z-index:1}.reveal__eyebrow{margin:0;min-height:1.2em;font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity var(--dur) var(--ease)}.reveal[data-phase=gather] .reveal__eyebrow{opacity:.9}.reveal__stage{width:100%;max-width:30rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.reveal__cardwrap{width:100%;display:flex;justify-content:center}.vibecard-canvas{width:min(88vw,22rem);max-width:22rem;height:auto;aspect-ratio:1080 / 1920;border-radius:var(--radius-card);box-shadow:var(--shadow-glow),var(--shadow-lg);display:block}.reveal[data-phase=gather] .vibecard-canvas{opacity:0;transform:translateY(28px) scale(.94);filter:blur(14px)}.reveal[data-phase=resolve] .vibecard-canvas,.reveal[data-phase=landed] .vibecard-canvas{opacity:1;transform:none;filter:none}.vibecard-canvas{transition:opacity var(--dur-slow) var(--ease),transform var(--dur-reveal) var(--ease-spring),filter var(--dur-slow) var(--ease)}.reveal__skip{background:none;border:0;cursor:pointer;color:var(--muted);font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:var(--space-3);min-height:44px}.reveal__skip:hover{color:var(--text)}.reveal__skip:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px;border-radius:var(--radius-sm)}.reveal__after{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-8);animation:rise-in var(--dur-slow) var(--ease) both}.reveal__rarity{min-height:1.5rem;display:flex;align-items:center;justify-content:center}.rarity-skeleton{display:block;width:12rem;height:1.6rem;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--surface-2) 25%,var(--accent-soft) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}.rarity-retry{background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font:600 var(--step--1) / 1 var(--font-text);cursor:pointer;min-height:40px;padding:0 1.1rem}.rarity-retry:hover{color:var(--text);background:var(--surface-2)}.rarity-retry:focus-visible{outline:3px solid color-mix(in oklab,var(--accent) 55%,transparent);outline-offset:2px}.reveal__actions{width:100%}.profile{width:100%;max-width:34rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center}.profile__traits{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.profile__trait{padding:.4rem .9rem;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase}.profile__essence{margin:0;max-width:var(--measure);color:var(--muted);font-size:var(--step-0);line-height:var(--lh)}.profile__notes{width:100%;list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.profile__note{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-align:left}.profile__note-eyebrow{font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent-text)}.profile__note-line{color:var(--text);font-size:var(--step-0);line-height:var(--lh-snug)}.profile__pair{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-align:left;text-decoration:none;color:inherit;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.profile__pair:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--accent-soft)}.profile__pair:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.profile__pair-swatch{flex:none;width:3.25rem;height:3.25rem;border-radius:var(--radius);background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--text) 12%,transparent)}.profile__pair-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.profile__pair-eyebrow{font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.profile__pair-name{font-family:var(--font-display);font-weight:700;font-size:var(--step-1);letter-spacing:var(--tracking-hero);color:var(--text)}.profile__pair-note{color:var(--muted);font-size:var(--step--1);line-height:var(--lh-snug)}.collect__link{display:block;border-radius:var(--radius)}.collect__link:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}.collect__chip{display:block;width:100%;height:100%;border-radius:var(--radius)}.collect__chip--current{box-shadow:0 0 0 3px var(--accent),var(--shadow-glow);border-radius:var(--radius)}.toast{position:fixed;left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));z-index:20;transform:translate(-50%);background:var(--text);color:var(--bg);padding:.7rem 1.2rem;border-radius:var(--radius-pill);font:600 var(--step--1) / 1 var(--font-text);box-shadow:var(--shadow-lg);animation:rise-in var(--dur) var(--ease) both}.adslot{width:100%;max-width:34rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.adslot__label{font:600 var(--step--1) / 1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted);opacity:.55}.adslot__ins{display:block;width:100%;min-height:90px}@keyframes breathe{0%{transform:scale(1);opacity:.18}to{transform:scale(1.15);opacity:.28}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.aura-flourish,.quiz__q{animation:none}.reveal__aura{animation:none;transition:opacity 1ms}.vibecard-canvas{transition:none}.reveal__after,.toast,.rarity-skeleton{animation:none}.btn,.tile,.swatch,.iconbtn,.progress__fill,.profile__pair{transition:none}.btn:hover,.tile:hover,.profile__pair:hover,.collect__cell:hover .swatch{transform:none}}@media (max-width: 400px){.collect__grid{gap:var(--space-2)}.tiles{gap:var(--space-3)}}.site-footer{width:100%;margin-top:auto;padding:var(--space-8) var(--space-4) var(--space-2);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.site-footer__disclaimer{margin:0;max-width:44ch;font-size:var(--step--1);line-height:var(--lh-snug);color:var(--muted)}.site-footer__links{display:flex;align-items:center;gap:var(--space-3);font-size:var(--step--1)}.site-footer__links a{color:var(--muted);text-decoration:none;padding:var(--space-1) 0;transition:color var(--dur-fast) var(--ease)}.site-footer__links a:hover{color:var(--text);text-decoration:underline;text-underline-offset:3px}.site-footer__dot{color:var(--border)}.site-footer__mark{margin:0;font-size:var(--step--1);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.site-footer__brand{font-weight:600}.site-footer__by{opacity:.8}.legal .site-footer{padding-top:var(--space-12)}.legal{max-width:720px;margin:0 auto;padding:var(--space-12) var(--space-5) var(--space-16)}.legal__back{display:inline-block;color:var(--muted);margin-bottom:var(--space-6)}.legal__back:hover{color:var(--text)}.legal h1{font-family:var(--font-display);margin-bottom:var(--space-4)}.legal h2{margin:var(--space-6) 0 var(--space-3)}.legal h3{margin:var(--space-5) 0 var(--space-2);font-size:1.05rem}.legal__lead{color:var(--muted);font-size:1.05rem}.legal__updated{color:var(--muted);font-size:.85rem;margin-top:var(--space-2)}.legal p,.legal li{color:var(--muted)}.legal ul{padding-left:1.2rem;display:grid;gap:var(--space-2)}.legal a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.legal__back-row{margin-top:var(--space-8)}.home-prerender{max-width:42rem;margin:0 auto;padding:var(--space-10) var(--space-5)}.home-prerender h1{margin:0;font-family:var(--font-display);font-weight:700;font-size:var(--step-4)}.home-prerender__tagline{margin-top:var(--space-3);color:var(--muted);font-size:var(--step-1)}.home-prerender p{color:var(--muted);line-height:var(--lh-snug)}.home-prerender p+p{margin-top:var(--space-4)}.home-prerender__links{margin-top:var(--space-6)}.home-prerender__links a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}