@charset "UTF-8";:root{--green:#004b40;--deep:#003b34;--mint:#32d8c8;--pink:#f50984;--paper:#f6f4ed;--gold:#dac28c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--deep);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",sans-serif;line-height:1.85}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;border-bottom:1px solid #004b4029}header a{text-decoration:none;font-size:24px;font-weight:900;color:inherit}header a span{display:block;font-size:10px;letter-spacing:.18em}.tag,.eyebrow,.step{font-size:11px;letter-spacing:.15em;font-weight:800}.tag{border:1px solid;padding:6px 14px;border-radius:24px}.hero{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:680px;overflow:hidden}.hero-copy{padding:48px 0 45px 10%;position:relative;z-index:1}.eyebrow{color:var(--green)}.draft{font-size:10px;margin:14px 0 4px;color:#626a66}h1{font-family:"Yu Mincho",serif;font-size:clamp(35px,4vw,58px);line-height:1.4;letter-spacing:-.04em;margin:0 0 20px}h1 em{font-style:normal;color:var(--pink);white-space:nowrap}.intro{font-weight:800;font-size:20px}.button{display:flex;justify-content:space-between;gap:25px;align-items:center;max-width:380px;background:var(--pink);color:white;text-decoration:none;border:0;border-radius:3px;padding:18px 24px;font:700 15px/1.5 inherit;cursor:pointer;box-shadow:5px 5px 0 var(--deep)}.button:hover{background:#cf006b;transform:translateY(-2px)}.hero small{display:block;margin-top:15px;font-size:11px}.portrait{position:relative;background:var(--green);border-radius:50% 50% 0 0;margin:40px 25px 0 30px;align-self:stretch;overflow:hidden}.portrait img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 30%;mix-blend-mode:normal}.orbit{position:absolute;inset:20px;border:1px solid var(--gold);border-radius:50%;z-index:1;pointer-events:none}.sticker{position:absolute;bottom:40px;right:20px;background:var(--pink);color:white;transform:rotate(8deg);padding:22px 27px;border-radius:50%;font-size:22px;line-height:1.5;box-shadow:0 0 0 7px var(--paper)}.vertical{position:absolute;top:90px;right:12px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.3em}.ribbon{padding:17px;background:var(--mint);text-align:center;font-weight:800;letter-spacing:.12em}.ribbon span{padding:0 25px;color:var(--pink)}.work{max-width:800px;margin:75px auto;padding:0 24px;scroll-margin-top:24px}.section-head{text-align:center;margin-bottom:40px}h2{font-size:30px;line-height:1.5}h3{line-height:1.6}.birth,.questions{background:white;padding:32px;border:1px solid #004b4025;margin-bottom:20px;border-radius:8px}.step{color:#008574}.birth h3{margin:12px 0}.birth label{display:block;font-size:13px;margin-bottom:8px}input[type=date]{font:inherit;padding:14px;border:1px solid #798f89;border-radius:5px;width:100%;max-width:350px;background:#fff;color:var(--deep);min-height:52px}.hint,.fine{font-size:12px;color:#526b63}.progress-label{display:flex;justify-content:space-between;margin-top:20px;font-size:12px}progress{width:100%;height:5px;accent-color:var(--pink)}fieldset{border:0;padding:26px 0;margin:0;border-bottom:1px solid #e3e9e6}fieldset:last-child{border:0}legend{font-size:17px;font-weight:800;padding-top:25px;line-height:1.65}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.option{position:relative;border:1px solid #c7d7d1;border-radius:5px;padding:13px;cursor:pointer;display:flex;gap:9px;align-items:center;font-size:13px}.option:has(input:checked){background:#d7f6ef;border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}input[type=radio]{accent-color:var(--green);flex-shrink:0}.submit{width:100%;max-width:none;font-family:inherit;font-size:17px}.fine{text-align:center;margin-top:22px}#error{color:#b0004c}.result{background:var(--deep);padding:70px max(24px,calc((100vw - 1050px)/2));color:var(--paper);scroll-margin-top:0}.result>.eyebrow{color:var(--mint)}.result>h2{font-family:"Yu Mincho",serif;font-size:38px}.result-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.score-card{background:var(--mint);color:var(--deep);padding:30px;border-radius:8px}.score{font-family:Georgia,serif;font-size:100px;line-height:1.2;font-weight:bold}.score small{font-size:36px}.number-area{display:grid;grid-template-columns:1fr 1fr;gap:16px}.number-card{border:1px solid #c5b88777;padding:24px;border-radius:8px}.number-card strong{font-family:Georgia,serif;font-size:80px;color:var(--gold);line-height:1.1}.number-card p{font-size:13px}.number-card small{display:block}.number-card h3{font-size:17px}.action{margin-top:25px;padding:26px;border-left:4px solid var(--pink);background:#ffffff0b}.action>span{font-size:10px;letter-spacing:.18em;color:var(--mint)}details{padding:25px 0;font-size:12px;color:#d5e3dc}summary{cursor:pointer;font-size:14px}.cta{padding:35px;background:var(--paper);color:var(--deep);text-align:center;border-radius:8px}.cta h3{font-size:28px;margin:10px 0}.availability{background:#dce8e2;padding:15px;border-radius:4px;font-weight:700}.cta small{font-size:11px}.reset{background:none;color:white;border:0;padding:30px 0 0;font:inherit;cursor:pointer}footer{padding:35px 6%;font-weight:800}footer span{float:right;font-size:13px}footer p{font-size:10px;font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e59300;outline-offset:4px}[hidden]{display:none!important}@media(max-width:700px){header{padding:16px 20px}header a{font-size:19px}.tag{font-size:8px;padding:4px 8px;letter-spacing:0}.hero{min-height:0;grid-template-columns:1fr}.hero-copy{padding:30px 24px 24px}h1{font-size:40px}.hero-copy>p:not(.eyebrow):not(.draft):not(.intro){font-size:13px}.portrait{height:330px;margin:0 25px;border-radius:160px 160px 0 0}.portrait img{object-position:center 32%}.sticker{font-size:18px;bottom:25px;right:20px}.button{max-width:none}.ribbon{font-size:11px;letter-spacing:0}.ribbon span{padding:0 5px}.work{margin:45px auto;padding:0 16px}h2{font-size:24px}.birth,.questions{padding:23px 18px}.options{grid-template-columns:1fr}.result{padding:40px 18px}.result>h2{font-size:30px}.result-grid{grid-template-columns:1fr}.number-card{padding:18px}.number-card strong{font-size:65px}.score-card{padding:25px}.cta{padding:25px 18px}.section-head p{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

#reading{white-space:pre-line;font-size:15px;line-height:2} .score-card{grid-column:1/-1}.number-area{grid-column:1/-1}.number-card strong{float:left;margin-right:24px}.number-card:after{content:"";display:block;clear:both}

/* Title and incoming chat share the opening view. */
.brand-avatar{width:46px;height:46px;object-fit:cover;border-radius:50%;margin-right:12px;flex-shrink:0}header>a{margin-right:auto}.hero{padding:48px 5% 40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;row-gap:0;min-height:0;align-items:start}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-column:1;grid-row:1}.hero-copy>h1{grid-column:1;grid-row:2}.hero-copy>.intro{grid-column:1;grid-row:3;margin-top:0}.hero-copy>p:not(.eyebrow):not(.intro){grid-column:1;grid-row:4;margin-top:0}.hero-copy>.button{grid-column:1/-1;grid-row:5;max-width:none}.hero-copy>small{grid-column:1/-1;grid-row:6}.hero-copy>div{grid-column:1/-1;grid-row:7}.hero-line-cta{max-width:none}.chat-visual{grid-column:2;grid-row:1/5;margin:0;align-self:center;justify-self:center;width:100%;max-width:360px}.chat-visual img{display:block;width:100%;height:auto;border-radius:20px;border:1px solid #008f8233;box-shadow:0 16px 40px #003b341a}.chat-visual figcaption{text-align:center;font-size:10px;line-height:1.5;color:#526b63;margin-top:10px}
@media(max-width:700px){.hero{padding:28px 20px;column-gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(22px,5.5vw,38px);line-height:1.5}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.05em}.hero-copy>.intro{font-size:clamp(12px,2.9vw,18px);line-height:1.9}.hero-copy>p:not(.eyebrow):not(.intro){font-size:11px}.chat-visual img{border-radius:12px}.brand-avatar{width:34px;height:34px;margin-right:8px}header{gap:0}header .tag{font-size:7px;padding:4px 6px}header a{font-size:17px}}