/* Cosmic Bouquet palette: existing LP design specification, local preview. */
:root{
  --bg1:#fbf8f3;--bg2:#f3e9ef;--ink:#443d4d;--ink-soft:#655a69;
  --gold:#8c526e;--gold-soft:#795c89;--card:rgba(255,255,255,.84);
  --line:#dfcdda;--btn-from:#9b5f7d;--btn-to:#89516f;
}
html{background:#fbf8f3}
body{
  background:radial-gradient(ellipse 90% 40% at 10% 0%,#f2e4ec 0%,transparent 75%),
    radial-gradient(ellipse 80% 45% at 100% 30%,#ede7f3 0%,transparent 75%),#fbf8f3;
  background-attachment:scroll;
}
.stars{display:none}
h1,.mark-name{color:#2f2740}
.btn{color:#fff;box-shadow:0 5px 18px rgba(120,68,98,.16)}
select{background:rgba(255,255,255,.9);color:var(--ink)}
.choice:active{background:#f1e5ee}
.reading,.field{box-shadow:0 5px 22px rgba(91,65,94,.035)}
.bar{background:#eaddea}
.foot{color:#746779}
.err{color:#a1344d}
.btn:disabled{opacity:1;background:#e9e0e6;color:#766777;box-shadow:none}
.card-hero{filter:drop-shadow(0 5px 8px rgba(88,64,84,.09))}

/* Readability: strong contrast and comfortable mobile text sizes. */
:root{--ink:#302635;--ink-soft:#493c4e;--gold:#75425e;--gold-soft:#574061}
body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-weight:500}
h1,.mark-name,.q{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:700;color:#2f2138}
h1{font-size:28px;line-height:1.6}
h1 small{font-family:"Yu Gothic",Meiryo,sans-serif;font-size:15px;font-weight:700;color:#75425e}
.brand{font-size:13px;font-weight:700;color:#75425e;letter-spacing:.22em}
.lead{font-size:16px;line-height:1.9;font-weight:600;color:#3f3247}
.chips span{font-size:13px;font-weight:700;letter-spacing:.03em;color:#65415a;border-color:#bda3b4;background:rgba(255,255,255,.6)}
.btn{font-size:18px;font-weight:700;letter-spacing:.06em}
.foot{font-size:13px;font-weight:500;line-height:1.9;color:#514456}
.note,.mark-note{font-size:14px;font-weight:500;color:#493c4e}
.reading{font-size:16px;font-weight:500;line-height:1.95}
.reading b,.divider{font-size:14px;font-weight:700;letter-spacing:.08em;color:#75425e}
.mark-sub,.field label,.prog{font-size:14px;font-weight:700}
.choice{font-size:17px;font-weight:600;color:#302635}
.cta-box p{font-size:15px;font-weight:500;color:#493c4e}
.again,.kw{font-size:14px;font-weight:600;color:#493c4e}
.err{font-size:14px;font-weight:700}

/* Individual watercolor result cards; text stays outside the artwork. */
.result-card{display:block;width:200px;max-width:70%;height:auto;aspect-ratio:2/3;object-fit:contain;margin:4px auto 22px;border-radius:16px;box-shadow:0 8px 24px rgba(100,67,90,.12)}

.card-names{text-align:center;font-size:15px;font-weight:700;color:#75425e;letter-spacing:.16em;margin:0 0 14px}.host-note{text-align:center;font-size:14px;font-weight:600;margin:0 0 22px;color:#493c4e}.question-note{font-size:14px;line-height:1.8;text-align:center;margin:-12px 0 24px;color:#493c4e}#s-start .lead{margin:18px 0 12px}#s-birth .again{margin:0 0 14px} .theme-chosen{font-size:15px;letter-spacing:0;line-height:1.8}

#s-start h1{font-size:26px;letter-spacing:0;margin-bottom:28px}
