.mpbc{--ink:#1b2236;--mute:#5d6577;--card:#fffdf8;--line:#d9d3c3;--lit:#f1e9cf;--dark:#1b2236;--acc:#2f5d62;box-sizing:border-box;max-width:560px;margin:24px auto;padding:28px 20px;background:#f3f0e8;color:var(--ink);border-radius:12px;font-size:16px;line-height:1.6}
.mpbc *{box-sizing:border-box}
.mpbc-title{font-family:Georgia,serif;font-size:clamp(1.6rem,6vw,2.3rem);line-height:1.15;margin:0 0 8px;color:var(--ink)}
.mpbc-sub{color:var(--mute);margin:0 0 22px}
.mpbc-row{display:flex;gap:10px;flex-wrap:wrap}
.mpbc-dob{flex:1;min-width:180px;padding:12px 14px;font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px}
.mpbc-go{padding:12px 22px;font:inherit;font-weight:500;color:#f3f0e8;background:var(--ink);border:0;border-radius:8px;cursor:pointer}
.mpbc-go:hover{opacity:.9}
.mpbc-go:focus-visible,.mpbc-dob:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
.mpbc-err{color:#b3402f;min-height:1.5em;margin:8px 0 0}
.mpbc-res{margin-top:20px;text-align:center}
.mpbc-res[hidden]{display:none}
.mpbc-moon{display:block;width:180px;height:180px;margin:0 auto 12px}
.mpbc-phase{font-family:Georgia,serif;font-size:1.9rem;font-weight:600;line-height:1.2;margin:0}
.mpbc-lead{color:var(--mute);margin:4px 0 22px}
.mpbc-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}
.mpbc-stat{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.mpbc-stat b{display:block;font-family:Georgia,serif;font-size:1.4rem}
.mpbc-stat span{color:var(--mute);font-size:.9rem}
.mpbc-note{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;margin-top:12px;text-align:left}
.mpbc-note p{margin:0}
.mpbc-note p+p{margin-top:8px}