:root{--night:#2d1e33;--ink:#342839;--muted:#756c76;--rose:#a35170;--line:#e6dce2;--paper:#fffdfc;--blush:#f7eff2;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0;background:#eee7eb;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b36d8a;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.55}[hidden]{display:none!important}.site-header{max-width:1264px;margin:0 auto;padding:25px 32px 24px;display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;font:600 25px var(--serif);letter-spacing:.14em;display:flex;align-items:center;gap:10px}.brand-moon{font:34px Georgia,serif;line-height:1}.header-note{font-size:13px;color:#6a5b6a;letter-spacing:.15em}.experience{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(430px,1.15fr);max-width:1200px;margin:0 auto;min-height:725px;box-shadow:0 16px 65px #3e173d0a;background:var(--paper);border-radius:3px;overflow:hidden}.editorial{background:#201424;color:#f9ece8;position:relative;isolation:isolate;overflow:hidden;padding:45px 46px;display:flex;flex-direction:column;justify-content:space-between;min-height:725px}.art{position:absolute;inset:0;z-index:-2;background:#201424 url('moon-art.webp') center center/cover no-repeat}.editorial:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#201424b3 0%,#20142400 55%,#201424a1 100%)}.eyebrow{font-family:Georgia,serif;font-size:12px;letter-spacing:.24em;color:#d5bbcc}.hero-copy{font-family:var(--serif);font-weight:500;font-size:39px;line-height:1.65;letter-spacing:.11em;margin:25px 0 14px}.hero-note{font-family:var(--serif);font-size:15px;line-height:2.1;letter-spacing:.06em;color:#dbc9d5}.editorial-bottom{margin-top:240px}.editorial-bottom p{font-size:13px;line-height:2;letter-spacing:.07em;margin:12px 0 26px;color:#e1cdd7}.tiny-star{font-size:18px;color:#c9acbf}.edition{display:block;border-top:1px solid #ffffff2b;padding-top:20px;font-size:10px;letter-spacing:.22em;color:#c9b5c1}.workspace{padding:38px 52px 38px;min-width:0}.steps{display:flex;align-items:center;gap:0;padding:0;margin:0 0 43px;list-style:none;color:#ada3ad;font-size:12px;white-space:nowrap}.steps li{display:flex;align-items:center;gap:6px;flex:1}.steps li:after{content:"";width:26px;height:1px;background:#d9cdd5;margin:0 10px;flex:1}.steps li:last-child{flex:0 auto}.steps li:last-child:after{display:none}.steps span{font:italic 14px Georgia,serif;color:#b29cab}.steps .active{color:var(--ink)}.steps .active span{color:var(--rose)}.section-kicker{font-size:13px;letter-spacing:.1em;color:#a15b79;margin-bottom:15px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:.04em;line-height:1.65;margin:0}h1{font-size:30px}h2{font-size:26px}.intro{font-size:14px;color:var(--muted);line-height:1.9;margin:16px 0 29px;max-width:450px}.field-label{font-size:14px;display:flex;align-items:center;justify-content:space-between;margin:21px 0 9px;font-weight:600;letter-spacing:.03em}.required{font-size:11px;font-weight:400;color:#9a8a98}input,select{display:block;width:100%;height:56px;border:1px solid #dcd2da;border-radius:3px;background:#fff;color:var(--ink);padding:0 15px;font-size:16px;min-width:0;box-shadow:none}input:focus,select:focus{border-color:#a86d89}input[type=date]{text-align:left;appearance:none;-webkit-appearance:none}input[type=date]::-webkit-date-and-time-value{text-align:left}select{appearance:none;cursor:pointer;padding-right:38px}.select-wrap{position:relative}.select-wrap:after{content:"⌄";position:absolute;right:17px;top:13px;color:#8c7e8b;pointer-events:none}.field-hint{color:#938693;font-size:12px;margin:7px 0 0;line-height:1.6}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--night);background:var(--night);color:white;padding:15px 22px;min-height:55px;font-size:15px;letter-spacing:.08em;border-radius:3px;margin:31px 0 0;transition:background .18s,transform .18s}.primary:not(:disabled):hover{background:#503353}.primary:not(:disabled):active{transform:translateY(1px)}.primary span{font-size:13px;color:#d9bbce}.privacy-note{font-size:11px;line-height:1.8;color:#918591;text-align:center;margin-top:13px}.privacy-note span{font-size:13px}.form-error{font-size:14px;color:#a23551;background:#fff0f1;border-left:2px solid #b94d69;padding:10px 13px;margin:18px 0 0}.notes{max-width:960px;margin:33px auto 0;padding:0 32px}.notes details{border-bottom:1px solid #d6cbd3;font-size:13px}.notes summary{padding:15px 0;cursor:pointer;font-size:13px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}.notes summary:after{content:"＋";font-size:17px;font-weight:300;color:#998095}.notes details[open] summary:after{content:"−"}.notes summary::-webkit-details-marker{display:none}.notes details p{line-height:1.9;color:#776975;margin:0 0 17px}.notes a{text-underline-offset:3px}.disclaimer{font-size:11px;color:#887b85;margin:21px 0 0;line-height:1.9}footer{max-width:1200px;margin:31px auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;color:#968391;font-size:10px;letter-spacing:.1em}footer span:first-child{font-family:var(--serif);font-size:14px;color:#6c5669;letter-spacing:.12em}.birth-summary{display:inline-flex;gap:9px;flex-wrap:wrap;font-size:12px;color:#8a7486;margin:0 0 21px;border-bottom:1px solid var(--line);padding:0 0 10px;width:100%}.time-options{display:grid;gap:11px;margin-top:22px}.time-option{border:1px solid #ded3dc;border-radius:3px;display:flex;align-items:center;padding:16px 15px;gap:13px;cursor:pointer;background:white;transition:border-color .2s,background .2s}.time-option:hover{border-color:#bc95aa;background:#fffafd}.time-option:has(input:checked){border-color:#a35b7c;background:#f9eef4;box-shadow:0 0 0 1px #a35b7c}.time-option input{appearance:none;width:18px;height:18px;flex:0 0 18px;margin:0;padding:0;border-radius:50%;border-color:#bcacb8}.time-option input:checked{border:5px solid #965e7d}.time-option .sign-symbol{font-size:28px;width:29px;color:#87617e;text-align:center}.time-option .time-main{flex:1}.time-option strong{font-size:15px;font-weight:600;display:block}.time-option small{font-size:12px;color:#9a7b90;display:block;line-height:1.6}.time-option .choice-sign{font-family:var(--serif);font-size:18px;color:#5d3e57;white-space:nowrap}.small-note{font-size:12px;line-height:1.9;color:#8b7a88;margin:16px 0}.back-button{display:block;border:0;background:none;color:#8d7688;padding:7px 0;font-size:13px;margin:15px auto 0;text-decoration:underline;text-underline-offset:5px}.stage{animation:arrive .25s ease-out}.result-intro{font-size:13px;color:#9b6b85;margin:0 0 15px}.sign-identity{display:flex;align-items:center;gap:19px;margin:7px 0 16px}.sign-seal{width:76px;height:76px;border-radius:50%;background:#f1e4ed;border:1px solid #d9bfd1;display:grid;place-items:center;flex:0 0 76px;font:43px Georgia,serif;color:#855574}.sign-meta{font-size:10px;letter-spacing:.17em;color:#ae839c;margin:0 0 2px}.sign-identity h2{font-size:34px;line-height:1.35;letter-spacing:.06em}.sign-range{font-size:11px;color:#967e8f;margin:5px 0 0}.love-headline{font-family:var(--serif);font-size:20px;font-weight:500;color:#794f6c;line-height:1.8;margin:24px 0 13px}.profile-copy{font-size:14px;line-height:2;color:#6d5d69;margin:0 0 18px}.profile-points{margin:0;padding:0}.profile-points div{display:grid;grid-template-columns:85px 1fr;gap:10px;border-top:1px solid #eee2e9;padding:12px 0;font-size:13px;line-height:1.8}.profile-points dt{color:#a47a93;font-size:12px}.profile-points dd{margin:0;color:#645360}.result-reading+.result-reading{margin-top:30px;padding-top:25px;border-top:1px solid #deced9}.possible-note{border-left:2px solid #ba86a2;padding-left:13px;font-size:13px;color:#846a7d;line-height:1.9;margin:15px 0 27px}.line-section{background:#f5f6f2;border:1px solid #dce4d8;padding:24px;margin-top:28px;border-radius:3px}.line-kicker{font-size:10px;letter-spacing:.15em;color:#699373;margin:0 0 8px}.line-section h3{font-family:var(--serif);font-size:19px;font-weight:500;line-height:1.65;margin:0 0 10px;color:#374d3c}.line-section p{font-size:12px;line-height:1.9;color:#718073;margin:10px 0 0}.line-button{display:block;width:100%;border:1px solid #bad0bd;background:#dce8dd;color:#6f8974;opacity:1!important;text-align:center;min-height:48px;font-size:13px;border-radius:3px;padding:12px;margin-top:18px;text-decoration:none;font-weight:600}.line-button.enabled{background:#06a94f;color:white;border-color:#06a94f}.line-button.enabled:hover{background:#05833e}.line-setup{font-size:11px!important;color:#879389!important}.result-epigraph{font-size:11px;color:#a48c9b;line-height:1.8;margin-top:20px}.unknown-choice{color:#826278}.unknown-choice .time-main strong{font-size:14px;font-weight:500}.unknown-choice small{margin-top:3px}.result-actions{margin-top:20px}.result-actions .back-button{margin-top:0}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1300px){.experience{min-height:755px}.editorial{min-height:755px}.workspace{padding:41px 62px}}@media(max-width:1020px){.experience{margin:0 24px;grid-template-columns:minmax(260px,.78fr) minmax(390px,1.22fr)}.workspace{padding:32px}.editorial{padding:38px 30px}.hero-copy{font-size:32px}.hero-note{font-size:13px}.steps{margin-bottom:32px}.steps li:after{margin:0 7px;min-width:12px}.site-header{padding-left:28px;padding-right:28px}h1{font-size:27px}}@media(max-width:740px){body{background:#f7f1f4}.site-header{padding:18px 22px}.wordmark{font-size:22px}.brand-moon{font-size:29px}.header-note{font-size:11px;letter-spacing:.06em}.experience{display:block;margin:0 14px;min-height:0;box-shadow:0 5px 28px #3e173d08}.editorial{min-height:150px;height:150px;padding:23px 24px}.art{background-position:58% 44%;background-size:cover}.editorial:after{background:linear-gradient(90deg,#201424ec 0%,#20142460 55%,#20142430 100%)}.editorial-top{position:relative}.eyebrow{font-size:9px;letter-spacing:.2em}.hero-copy{font-size:24px;line-height:1.6;letter-spacing:.1em;margin:10px 0 0}.hero-copy br{display:none}.hero-note{font-size:11px;line-height:1.7;margin:8px 0 0;letter-spacing:.03em}.hero-note br{display:none}.editorial-bottom{display:none}.workspace{padding:25px 23px 29px}.steps{font-size:11px;margin-bottom:26px}.steps span{font-size:13px}.steps li:after{width:12px;min-width:6px;margin:0 9px}.section-kicker{font-size:11px;margin-bottom:10px}h1{font-size:26px;line-height:1.6}h2{font-size:24px}.intro{font-size:13px;margin:12px 0 23px}.field-label{margin:19px 0 8px;font-size:13px}input,select{height:53px}.field-hint{font-size:11px}.primary{margin-top:25px;font-size:14px;min-height:53px}.privacy-note{font-size:10px;margin:12px -5px 0}.notes{padding:0 25px;margin-top:20px}.notes summary{font-size:12px}.notes details p{font-size:12px}.disclaimer{font-size:10px}footer{padding:0 25px;margin:25px auto;font-size:8px;gap:15px}footer span:first-child{font-size:13px}.birth-summary{font-size:11px;margin-bottom:17px}.time-option{padding:14px 11px;gap:9px}.time-option .sign-symbol{font-size:25px;width:25px}.time-option .choice-sign{font-size:16px}.time-option strong{font-size:13px}.time-option small{font-size:11px}.small-note{font-size:11px}.line-section{padding:21px 19px}.line-section h3{font-size:18px}.sign-identity h2{font-size:30px}.sign-seal{width:65px;height:65px;flex-basis:65px;font-size:37px}.love-headline{font-size:19px}.profile-points div{grid-template-columns:77px 1fr;font-size:12px;gap:9px}.profile-points dt{font-size:11px}.profile-copy{font-size:13px}.result-epigraph{font-size:10px}}@media(max-width:360px){.header-note{font-size:10px}.site-header{padding:17px 18px}.workspace{padding:23px 18px}.editorial{padding-left:19px}.hero-copy{font-size:21px}h1{font-size:24px}.steps li:after{margin:0 5px}.time-option .choice-sign{font-size:14px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Readable text at narrow sizes; the editorial art stays anchored above the fold. */
@media(min-width:741px){.art{background-size:100% auto;background-position:center 190px}.editorial{background-color:#201424}.hero-note{font-size:16px}}
.intro,.profile-copy{font-size:16px}.field-label{font-size:14px}.field-hint{font-size:13px}.primary{font-size:16px}.privacy-note{font-size:12px}.notes summary{font-size:14px}.notes details p{font-size:13px}.disclaimer{font-size:12px}.profile-points div{font-size:14px}.profile-points dt{font-size:13px}.small-note{font-size:13px}.line-section p{font-size:14px}.line-setup{font-size:12px!important}.line-button{font-size:14px}.back-button{font-size:14px}.result-epigraph{font-size:12px}.time-option strong{font-size:15px}.time-option small{font-size:13px}.time-option .time-main{min-width:0}.time-option .time-main strong,.time-option .time-main small{overflow-wrap:anywhere}.sign-range{font-size:12px}.profile-points div{grid-template-columns:88px 1fr}.unknown-choice .time-main strong{font-size:14px}.stage:focus{outline:none}.stage-input:focus{outline:none}
@media(max-width:740px){.intro,.profile-copy{font-size:16px}.intro{line-height:1.8}.field-label{font-size:14px}.privacy-note{font-size:12px}.hero-note{font-size:12px}.eyebrow{font-size:11px}.steps{font-size:12px}.header-note{font-size:12px}.sign-identity{align-items:flex-start}.sign-range{line-height:1.7}.profile-points div{grid-template-columns:1fr;gap:4px}.profile-points dt{font-size:13px}.profile-points dd{font-size:14px}.line-kicker{font-size:11px}.time-option{flex-wrap:wrap}.time-option .choice-sign{margin-left:auto}.time-option .time-main{flex:1 1 112px}.section-kicker{font-size:13px}.birth-summary{font-size:12px}}