:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pink-50:#fff5f8;--pink-100:#ffe7ef;--pink-200:#ffd3e2;--pink-300:#ffb3cd;--pink-500:#e0578a;--pink-600:#cd436f;--pink-700:#a5325a;--lav-100:#f2ecff;--lav-300:#cbb8f5;--lav-500:#9a7ce0;--ink-900:#3a2a33;--ink-700:#5c4652;--ink-500:#8b7480;--ink-300:#b7a6ae;--surface:#fff;--danger:#c0392b;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--shadow-sm:0 2px 8px #e0578a14;--shadow-md:0 8px 24px #e0578a1f;--shadow-lg:0 16px 40px #e0578a29;--ease:cubic-bezier(.2, .8, .3, 1);font-feature-settings:"palt" 1;color:var(--ink-900);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic Medium,Yu Gothic,system-ui,sans-serif;line-height:1.7}*,:before,:after{box-sizing:border-box}body{background-color:var(--pink-50);min-height:100vh;color:var(--ink-900);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1000px 480px at 12% -8%,#ffd3e28c,#0000 62%),radial-gradient(880px 440px at 92% 4%,#cbb8f561,#0000 60%);background-attachment:fixed;justify-content:center;margin:0;display:flex}#app{flex-direction:column;width:100%;max-width:640px;min-height:100vh;padding:clamp(1.5rem,5vw,2.75rem) 1rem 2rem;display:flex}.screen{text-align:center;flex-direction:column;gap:1.75rem;margin-bottom:2.5rem;display:flex}.screen--center{flex:1;justify-content:center;min-height:50vh}.is-entering{animation:fade-up .32s var(--ease) both}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1,h2{letter-spacing:.01em;margin:0;line-height:1.35}p{margin:0}.section-eyebrow,.hero-eyebrow{letter-spacing:.22em;text-indent:.22em;color:var(--pink-500);margin:0;font-size:.75rem;font-weight:700}.section-title{font-size:clamp(1.35rem,5.2vw,1.75rem);font-weight:800}.hero{border:1px solid var(--pink-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(170deg,#ffffffeb,#fff5f8cc);flex-direction:column;align-items:center;gap:1rem;padding:clamp(1.75rem,6vw,2.75rem) 1.25rem;display:flex}.hero-title{letter-spacing:.04em;background:linear-gradient(100deg, var(--pink-500) 0%, var(--pink-600) 45%, var(--lav-500) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.75rem,12vw,3.75rem);font-weight:800}.hero-lead{color:var(--ink-700);font-size:.98rem}.hero-note{color:var(--ink-500);font-size:.8rem}.steps{text-align:left;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.steps-item{border:1px solid var(--pink-100);border-radius:var(--radius-md);background:#ffffffb8;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.steps-num{border-radius:var(--radius-pill);background:var(--pink-100);width:1.9rem;height:1.9rem;color:var(--pink-600);flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.steps-body{color:var(--ink-700);font-size:.9rem}.steps-body b{color:var(--ink-900);font-size:.95rem;display:block}.btn{font:inherit;border-radius:var(--radius-pill);cursor:pointer;transition:transform .16s var(--ease), box-shadow .16s var(--ease), background-color .16s var(--ease), color .16s var(--ease);border:none;justify-content:center;align-items:center;gap:.4rem;padding:.8rem 1.75rem;font-weight:700;text-decoration:none;display:inline-flex}.btn--lg{width:100%;max-width:22rem;padding:1rem 2rem;font-size:1.05rem}.btn--primary{background:linear-gradient(135deg, var(--pink-500), var(--pink-600));color:#fff;box-shadow:var(--shadow-md)}.btn--primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--share{background:var(--ink-900);color:#fff}.btn--share:hover{background:#241a1f}.btn--ghost{background:var(--surface);color:var(--pink-600);border:1.5px solid var(--pink-200)}.btn--ghost:hover{background:var(--pink-50);border-color:var(--pink-300)}.btn--ghost.is-done{color:var(--ink-700);border-color:var(--pink-100)}.btn--text{color:var(--ink-500);text-underline-offset:3px;background:0 0;padding:.5rem 1rem;font-size:.88rem;font-weight:600;text-decoration:underline}.btn--text:hover{color:var(--pink-600)}.btn:active{transform:translateY(1px)}.btn:focus-visible,.choice:focus-visible,.app-footer a:focus-visible{outline:3px solid var(--lav-300);outline-offset:3px}.quiz-head{flex-direction:column;gap:.55rem;display:flex}.quiz-count{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:.3rem;display:flex}.quiz-count-current{color:var(--pink-500);font-size:1.6rem;font-weight:800;line-height:1}.quiz-count-total{color:var(--ink-300);font-size:.85rem;font-weight:700}.progress-track{border-radius:var(--radius-pill);background:var(--pink-100);height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--pink-300), var(--pink-500));height:100%;transition:width .4s var(--ease);display:block}.quiz-question{font-size:clamp(1.15rem,4.6vw,1.4rem);font-weight:800}.choices{align-items:center;gap:.6rem;width:100%;max-width:30rem;margin-inline:auto;display:flex}.choice{border-radius:var(--radius-md);background:var(--surface);cursor:pointer;min-width:0;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), opacity .18s var(--ease);border:3px solid #0000;flex:1;padding:0;position:relative;overflow:hidden}.choice img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.choice-badge{z-index:1;border-radius:var(--radius-pill);width:1.6rem;height:1.6rem;color:var(--pink-600);background:#ffffffe0;place-items:center;font-size:.78rem;font-weight:800;display:grid;position:absolute;top:.5rem;left:.5rem}.choice-overlay{color:#fff;opacity:0;transition:opacity .18s var(--ease);background:linear-gradient(#0000,#e0578ae0);padding:1.75rem 0 .7rem;font-size:.85rem;font-weight:700;position:absolute;inset:auto 0 0}.choice:hover{border-color:var(--pink-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.choice:hover .choice-overlay{opacity:1}.choice.is-selected{border-color:var(--pink-500);box-shadow:var(--shadow-lg)}.choice.is-selected .choice-overlay{opacity:1}.choice.is-dimmed{opacity:.4}.choice:disabled{cursor:default}.choice-vs{letter-spacing:.06em;color:var(--pink-300);flex:none;font-size:.72rem;font-weight:800}.quiz-hint{color:var(--ink-500);font-size:.8rem}.result-head{flex-direction:column;gap:.5rem;display:flex}.traits{grid-template-columns:repeat(2,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.trait:last-child:nth-child(odd){grid-column:1/-1}.trait{background:var(--surface);border:1px solid var(--pink-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.15rem;padding:.75rem .9rem;display:flex}.trait-axis{letter-spacing:.08em;color:var(--ink-500);font-size:.7rem;font-weight:700}.trait-value{color:var(--pink-600);font-size:1.02rem;font-weight:800}.cta{flex-direction:column;align-items:center;gap:.75rem;display:flex}.cta-note{color:var(--ink-500);font-size:.8rem}.generating{flex-direction:column;align-items:center;gap:1rem;display:flex}.generating-frame{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--pink-200);background:linear-gradient(160deg, var(--pink-100), var(--lav-100));width:100%;max-width:20rem;position:relative;overflow:hidden}.generating-sheen{background:linear-gradient(105deg,#0000 35%,#ffffffa6 50%,#0000 65%);animation:2.4s ease-in-out infinite sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes sheen{to{transform:translate(100%)}}.generating-title{color:var(--pink-600);font-size:1.05rem;font-weight:800}.generating-note{color:var(--ink-500);font-size:.82rem}.artwork{flex-direction:column;align-items:center;gap:.6rem;margin:0;display:flex}.artwork-image{border-radius:var(--radius-lg);border:6px solid var(--surface);width:100%;max-width:512px;box-shadow:var(--shadow-lg);background:var(--pink-100)}.artwork-caption{color:var(--ink-500);font-size:.75rem}.tags{flex-wrap:wrap;justify-content:center;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--pink-100);color:var(--pink-700);border-radius:var(--radius-pill);padding:.35rem .85rem;font-size:.82rem;font-weight:700}.share{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.loader{flex-direction:column;align-items:center;gap:.9rem;display:flex}.loader-ring{border:3px solid var(--pink-200);border-top-color:var(--pink-500);border-radius:50%;width:2.5rem;height:2.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.loader-label{color:var(--ink-500);font-size:.9rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--pink-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:1rem;padding:1.75rem 1.25rem;display:flex}.notice-mark{border-radius:var(--radius-pill);background:var(--pink-100);width:2.5rem;height:2.5rem;color:var(--pink-600);place-items:center;font-size:1.3rem;font-weight:800;display:grid}.error{color:var(--danger);font-size:.95rem;font-weight:600}.app-footer{border-top:1px solid var(--pink-200);color:var(--ink-500);text-align:center;margin-top:auto;padding-top:1.1rem;font-size:.72rem;line-height:1.8}.app-footer a{color:var(--pink-600);text-underline-offset:2px}@media (width<=400px){.choices{gap:.4rem}.choice-vs{font-size:.62rem}}@media (hover:none){.choice:hover{box-shadow:var(--shadow-sm);border-color:#0000;transform:none}.choice:hover .choice-overlay{opacity:0}.choice.is-selected .choice-overlay{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}