/* Entry screens only. The home hero and existing result visibility gates stay intact. */
#screen-ask, #screen-yeonhwa, #screen-naming, #tarotSetup { color:#2c2533; }
#screen-ask .cdx-character-band { margin-bottom:28px; }
#screen-ask .cdx-character-band .bubble { white-space:pre-line; }
.cdx-intake-band { display:flex; align-items:center; gap:16px; padding:16px 20px; margin:0 0 28px; border:1px solid #e5dfd4; border-radius:20px; background:#f6f3ec; box-shadow:none; }
.cdx-intake-band :is(.nm-char,.tchar) { flex:0 0 112px; width:112px; height:150px; margin:0; padding:0; border:0; background:transparent; box-shadow:none; }
.cdx-intake-band :is(.nm-char,.tchar) img { display:block; width:112px; height:150px; max-width:100%; object-fit:contain; border:0; border-radius:0; box-shadow:none; }
.cdx-intake-band .cdx-intake-copy, .cdx-intake-band > .bubble { flex:1; min-width:0; }
.cdx-intake-band .bubble { margin:0!important; padding:0; border:0; background:transparent; box-shadow:none; font-size:15px; line-height:1.8; color:#2c2533; word-break:keep-all; overflow-wrap:anywhere; }
.cdx-intake-band :is(.nm-title,.nm) { display:block; margin:0 0 8px; color:#876825; font-size:16px; line-height:1.5; text-align:left; }
.cdx-intake-band .nm-intro { margin:0; color:#2c2533; font-size:15px; line-height:1.8; text-align:left; word-break:keep-all; overflow-wrap:anywhere; }
#screen-naming:has(#nmResult.cdx-character-content) .cdx-intake-band { display:none; }
#screen-ask #askField { margin:0; }
#screen-ask .cdx-ask-form > :is(.lab,.lab2), #yhBody :is(.lab,.lab2) { display:block; margin:24px 0 10px; font-size:15px; line-height:1.6; font-weight:700; color:#514a58; }
#screen-ask .cdx-ask-form > :is(.lab,.lab2):first-child { margin-top:0; }
#screen-ask :is(input:not([type=radio]):not([type=checkbox]),select), #yhBody :is(input:not([type=radio]):not([type=checkbox]),select) { min-height:48px; font-size:16px; color:#2c2533; border-color:#d9d3ca; box-shadow:none; }
#screen-ask :is(.chips,.row), #yhBody .chips { gap:8px; }
#screen-ask .chip, #yhBody .chip, #tarotSetup .tchip { min-height:44px; padding:10px 16px; font:inherit; font-size:14px; line-height:1.5; color:#514a58; border:1px solid #d9d3ca; background:#fffdfa; box-shadow:none; border-radius:12px; }
#screen-ask .chip.on, #yhBody .chip.on, #tarotSetup .tchip.on { color:#674c17; border-color:#987327; background:#f3ecdc; font-weight:700; }
.cdx-intake-progress { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 20px; padding-bottom:14px; border-bottom:1px solid #e5dfd4; color:#5f5966; font-size:13px; line-height:1.5; }
.cdx-intake-progress strong { color:#876825; font-weight:600; }
.cdx-intake-progress button { min-height:44px; background:none; border:0; padding:8px 0; font:inherit; color:#514a58; text-align:left; cursor:pointer; }
.cdx-intake-actions { display:grid; gap:10px; margin:28px 0 24px; }
#screen-ask .cdx-intake-actions .btn { margin:0; min-height:50px; border-radius:14px; font-size:16px; box-shadow:none; }
#screen-ask .cdx-intake-actions .ghost { background:transparent; color:#5f5966; border:1px solid #d9d3ca; }
#screen-ask #dots { display:none; }
#screen-ask :is(button,input,select):focus-visible, #screen-naming :is(button,input,select):focus-visible, #screen-yeonhwa :is(button,input,select):focus-visible, #tarotSetup button:focus-visible { outline:3px solid #876825; outline-offset:3px; }
#screen-naming .nm-step, #tarotSetup .tsec-t { margin:28px 0 12px; font-size:16px; line-height:1.6; color:#514a58; }
#screen-naming :is(.nm-lang,.nm-g,.nm-nu,.nm-purp,.nm-era) { min-height:44px; line-height:1.5; }
#screen-load #loadChar { width:112px; height:150px; margin:32px auto 0; }
#screen-load #loadChar img { width:112px; height:150px; object-fit:contain; border-radius:0; box-shadow:none; }
#tarotLoad .tload-char { width:112px; height:150px; box-shadow:none; }
#tarotLoad .tload-char img { width:112px; height:150px; object-fit:contain; border-radius:0; box-shadow:none; }
@media(max-width:380px) {
 .cdx-intake-band { padding:16px; gap:12px; }
 .cdx-intake-band :is(.nm-char,.tchar) { flex-basis:88px; width:88px; height:118px; }
 .cdx-intake-band :is(.nm-char,.tchar) img { width:88px; height:118px; }
 #screen-ask .chip,#yhBody .chip,#tarotSetup .tchip { padding:10px 12px; }
}
@media(prefers-reduced-motion:reduce) { #screen-load *, #tarotLoad * { animation:none!important; } }