*,:before,:after{box-sizing:border-box}body{color:#222;background:#fafaf5;margin:0;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;font-size:1rem;line-height:1.7}.container{max-width:40rem;margin:0 auto;padding:24px 16px}h1{font-size:1.5rem;line-height:1.4}button{font:inherit;cursor:pointer;border-radius:8px;min-height:48px;padding:0 24px}button.primary{color:#fff;background:#2b3a67;border:0;width:100%}.notice{background:#eceef6;border-left:4px solid #2b3a67;padding:12px 16px}.disclaimer{color:#444;margin-top:32px;font-size:1rem}.field{border:0;min-width:0;margin:0 0 24px;padding:0}.field>legend,.field>label,.date-part>span{margin-bottom:4px;font-weight:600;display:block}input[type=text]{width:100%;min-height:48px;font:inherit;color:#222;background:#fff;border:1px solid #6b6b6b;border-radius:8px;padding:0 12px}input[aria-invalid=true]{border:2px solid #b00020}.date-row{gap:12px;display:flex}.date-part{flex:1 1 0;min-width:0}.date-part.date-year{flex:1.6 1 0}.error{color:#b00020;margin:8px 0 0;font-weight:600}.number-label{text-align:center;margin:24px 0 0}.life-path-number{text-align:center;color:#2b3a67;margin:0;font-size:6rem;font-weight:700;line-height:1.2}.reading-title{font-size:1.25rem;line-height:1.4}.reading-body{margin:0 0 32px}@media (width>=600px){button.primary{width:auto;min-width:16rem}}