:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic",sans-serif;color:#492e3a;background:#fffaf7;font-synthesis:none;line-height:1.75;--rose:#ad345d;--green:#236d49;--muted:#7d6570}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #44699e;outline-offset:3px}[hidden]{display:none!important}.site-header{height:48px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fffaf7}.brand{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:750;letter-spacing:.025em;white-space:nowrap}.brand b{font-size:10px;color:var(--rose);margin-left:4px}.brand-icon{font-size:26px;color:var(--rose);line-height:1}.brand-button{border:0;background:none;padding:0;min-height:44px}.quiet-link{font-size:11px;border:0;background:none;color:var(--rose);padding:8px 0;min-height:44px}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:.08em;color:var(--rose);line-height:1.7}.green{color:var(--green)}.hero{text-align:center;padding:22px 22px 28px;background:radial-gradient(ellipse at 50% 35%,#ffedf2 0,transparent 70%)}h1{font-size:29px;letter-spacing:.01em;line-height:1.55;margin:12px 0 13px;font-weight:760}h1 em{color:var(--rose);font-style:normal}.hero-copy{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.card-fan{height:222px;position:relative;margin:14px 0 18px;display:flex;justify-content:center;align-items:center}.card-fan img{display:block;position:absolute;width:46%;max-width:165px;height:auto;border-radius:13px;border:4px solid #fff;box-shadow:0 8px 20px #8f506621}.card-fan img:first-child{left:0;transform:rotate(-13deg) translateY(11px);z-index:0}.card-fan img:nth-child(2){width:54%;max-width:196px;z-index:2;transform:rotate(2deg)}.card-fan img:last-child{right:0;transform:rotate(13deg) translateY(11px);z-index:1}.cta{min-height:52px;width:100%;border:1px solid transparent;border-radius:13px;background:var(--rose);color:#fff;font-size:13px;font-weight:700;text-decoration:none;padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:12px;line-height:1.5;box-shadow:0 5px 13px #ad345d14}.cta span{font-size:15px}.cta:hover{filter:brightness(.97)}.micro{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:10px 0 0}.hero-benefit{font-size:10px;color:#886576;line-height:1.8;margin:19px 0 0}.section{padding:40px 23px}.section h2{font-size:23px;line-height:1.6;letter-spacing:.01em;margin:12px 0 16px}.section>.eyebrow,.section>h2{text-align:center}.lead{font-size:12px;color:var(--muted);line-height:1.9;text-align:center}.steps-section{background:#fff}.steps{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:18px}.steps li{display:flex;align-items:center;gap:16px}.steps li>span{font-size:21px;font-family:Georgia,serif;font-style:italic;color:#b27089;min-width:29px}.steps b{font-size:13px}.steps p{font-size:11px;color:var(--muted);margin:2px 0 0}.benefit-section{background:#f8f2ee;border-top:1px solid #f0e1de;border-bottom:1px solid #f0e1de}.gift-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.gift{padding:17px 10px 15px;text-align:center;position:relative;border:1px solid #e7d8d0;border-radius:12px;background:#fffaf5;box-shadow:0 5px 12px #58352d05}.gift-green{background:#f5faf2;border-color:#d5e1cf}.gift-no{display:block;font-size:8px;letter-spacing:.1em;color:#996347;font-weight:700}.gift-green .gift-no{color:#42744b}.gift-icon{display:block;font-size:37px;line-height:1.3;color:#bf7b65;margin:7px auto}.gift-green .gift-icon{color:#589269}.gift h3{font-size:15px;line-height:1.6;margin:6px 0;color:#80523e}.gift-green h3{color:#386244}.gift p{font-size:9px;color:#8c7061;margin:7px 0 0}.gift-green p{color:#697c65}.text-link{font-size:11px;border:0;background:none;color:var(--rose);min-height:44px;display:flex;justify-content:center;align-items:center;padding:9px 0;margin:5px auto 0;line-height:1.6}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 13px;margin:25px 0}.type img{width:100%;height:auto;display:block;border-radius:12px}.type h3{font-size:15px;margin:10px 0 6px;border-left:3px solid #b07c46;padding-left:8px;line-height:1.45}.type.ruler h3{border-color:#b93739}.type.observer h3{border-color:#4579b6}.type.seeker h3{border-color:#48925e}.type h3 small{display:block;font-size:9px;color:var(--muted);font-weight:500;line-height:1.7;margin-top:2px}.type p{font-size:10px;color:#7f6470;line-height:1.7;margin:0}.outline-link{display:flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;font-size:12px;font-weight:650;border:1px solid #dbc4ce;border-radius:12px;background:#fff;color:#964563}.about-section{background:#fff}.about-section>p{font-size:12px;line-height:2;color:var(--muted)}.faq details{border-bottom:1px solid #e9dce0}.faq summary{cursor:pointer;font-size:12px;min-height:50px;padding:15px 0}.faq details p{font-size:11px;color:var(--muted);line-height:1.9;padding:0 0 12px;margin:0}.closing{background:#fff0f3}.closing .cta{margin-top:24px}.site-footer{padding:28px 20px;text-align:center;background:#fffcfa}.site-footer .brand{justify-content:center}.site-footer p{font-size:9px;color:var(--muted);margin:9px 0}.site-footer a{font-size:10px;color:var(--rose);display:inline-flex;align-items:center;min-height:40px}.quiz{padding:25px 22px}.question-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin:27px 0 8px;letter-spacing:.04em}.progress-track{height:5px;background:#eedfe5;border-radius:6px}.progress-track i{display:block;width:6%;height:100%;background:#b55376;border-radius:6px}.quiz h1{font-size:25px;margin:30px 0 25px}.options{display:grid;gap:11px}.options button{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;background:#fff;border:1px solid #e6d2dc;border-radius:12px;min-height:59px;padding:14px;font-size:13px;line-height:1.7}.options button span{color:#c08da2;flex-shrink:0}.options button[aria-pressed=true]{background:#fff0f5;border-color:#b55376;color:#913355}.quiz>.micro{margin-top:20px}.result-first{padding:10px 18px 20px;max-width:470px;margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;height:min(calc(100svh - 48px),560px);min-height:420px}.result-eyebrow{font-size:11px;text-align:center;line-height:18px;margin:0;color:var(--muted)}.result-art{display:flex;align-items:center;justify-content:center;min-height:0}.result-art img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;aspect-ratio:1;border-radius:19px;box-shadow:0 8px 25px #75533d0d}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.share-actions .cta{font-size:13px;padding-inline:9px}.outline{background:#fff;color:#944162;border-color:#dfc5cf;box-shadow:none}.result-first>.micro{margin:0;line-height:17px}.line-cta{background:var(--green);box-shadow:0 5px 13px #26704614}.result-benefit{padding-top:30px}.notice{padding-block:20px}.notice p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}.shared{padding:22px 20px 20px;text-align:center}.shared h1{font-size:27px;line-height:1.4;margin:12px 0 17px}.shared h1 small{font-size:14px;font-weight:500;margin-left:4px}.friend-art{margin:0 auto 20px;max-width:330px}.friend-art img{display:block;width:100%;height:auto;border-radius:16px}.line-intro{padding-top:25px}.line-intro .gift-grid{margin-block:20px}.receive-steps{list-style:none;margin:24px 0;padding:0;display:grid;gap:15px}.receive-steps li{display:flex;gap:12px;align-items:flex-start}.receive-steps li>span{display:flex;align-items:center;justify-content:center;min-width:25px;height:25px;border-radius:50%;background:#e5f0e6;color:var(--green);font-size:11px}.receive-steps b{font-size:12px;line-height:1.7}.receive-steps p{font-size:10px;color:var(--muted);margin:3px 0 0;line-height:1.7}.preview-status{font-size:11px;color:#745663;padding:12px;background:#f9e9ee;border-radius:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;margin:-1px}
@media(max-width:350px){.hero{padding:15px 18px 23px}h1{font-size:25px}.hero-copy{font-size:11px}.card-fan{height:170px;margin-block:13px 17px}.card-fan img{border-width:3px}.hero-benefit{font-size:9px;margin-top:14px}.cta{font-size:12px;min-height:50px}.section{padding:31px 18px}.section h2{font-size:20px}.gift-grid{gap:9px}.gift h3{font-size:13px}.gift p{font-size:8px}.gift{padding-inline:7px}.lead{font-size:11px}.result-first{padding-inline:14px;gap:10px}.share-actions .cta{min-height:52px;font-size:12px}.quiz{padding-inline:18px}.quiz h1{font-size:22px;margin-top:24px}.options button{font-size:12px;padding:12px;min-height:55px}.shared h1{font-size:24px}.shared h1 small{font-size:12px}.site-header{padding-inline:15px}}
@media(min-width:520px){main{max-width:520px;margin:auto}.site-header{max-width:520px;margin:auto}.hero{padding-inline:55px}.card-fan{height:245px}.section{padding-inline:38px}}
.intro-facts{padding:26px 23px;border-top:1px solid #efdae2;background:white}.intro-facts h2{font-size:17px;margin:0 0 14px}.intro-facts p{font-size:12px;line-height:1.95;color:#795e6b}.intro-facts a{font-size:11px;display:inline-flex;min-height:44px;align-items:center;color:#a53154}