.lucky-name-stage{min-height:calc(100dvh - 72px);padding:24px 16px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
body.lucky-name-workspace main.flames-panel{width:min(780px,100%);max-height:calc(100dvh - 170px);padding:26px!important;overflow:auto;color:var(--hc-ink)}
.lucky-name-stage form{grid-template-columns:1fr 1fr!important;gap:14px!important}.lucky-name-stage .zodiac-unified-date,.lucky-name-stage form>label:has(input[type=date]){grid-column:1/-1}.lucky-name-stage select{background:#88888818;color:inherit;border:0;border-radius:12px;padding:12px;font:inherit;min-width:0}.lucky-name-stage input[type=number]{appearance:textfield;-moz-appearance:textfield}.lucky-name-stage input[type=number]::-webkit-inner-spin-button,.lucky-name-stage input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.lucky-name-result{text-align:center;padding-top:18px}.lucky-name-result[hidden]{display:none}.lucky-name-score{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:16px}.lucky-name-score strong{font-size:34px;color:var(--hc-gold,#d4af37)}.lucky-name-score span{font-size:13px;opacity:.7}.lucky-name-numbers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:18px}.lucky-name-numbers article{background:#88888812;border-radius:14px;padding:12px 8px}.lucky-name-numbers small{display:block;font-size:11px;opacity:.7}.lucky-name-numbers strong{display:block;font-size:25px;margin-top:6px}.lucky-name-stage .flames-shortcuts{width:min(780px,100%)}
@media(max-width:1279px){body.lucky-name-workspace{padding-top:60px!important}.lucky-name-stage{min-height:calc(100dvh - 60px)}}@media(max-width:600px){.lucky-name-stage form{grid-template-columns:1fr!important}.lucky-name-numbers{grid-template-columns:repeat(3,minmax(0,1fr))}}
.name-system-picker{position:relative;min-width:0}
body.lucky-name-workspace .name-system-picker .name-system-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:12px;background:#88888818!important;color:inherit!important;border:0;padding:12px 14px;text-align:start;font:inherit}
.name-system-options{position:absolute;top:calc(100% + 10px);inset-inline:0;z-index:100;border-radius:16px;padding:6px;background:var(--hc-surface,#f2f2f2);box-shadow:0 12px 32px #0002;overflow:hidden;min-width:180px}
.name-system-options[hidden]{display:none}
body.lucky-name-workspace .name-system-options button{display:block;width:100%;text-align:start;background:transparent!important;color:var(--hc-ink,#383838)!important;border-radius:10px;padding:10px 14px;font:inherit}
body.lucky-name-workspace .name-system-options button:hover,body.lucky-name-workspace .name-system-options button:focus-visible{background:#88888818!important}
body.lucky-name-workspace .name-system-options button[aria-selected=true]{background:var(--hc-gold,#d4af37)!important;color:#173d38!important}
.chinese-name-stage main>p{font-size:12px;margin:0 0 16px;opacity:.7}.chinese-name-stage main>p[role=status]{margin:14px 0 0;line-height:1.6}.chinese-name-result{text-align:center;padding-top:18px}.chinese-name-result[hidden]{display:none}.chinese-strokes{display:flex;justify-content:center;gap:12px;margin-bottom:18px}.chinese-strokes label{background:#88888812;padding:10px 14px;border-radius:14px;font-size:14px;display:flex;flex-direction:column;gap:6px}.chinese-strokes input{width:70px;text-align:center}.chinese-grids{margin-bottom:14px}.chinese-grids small:last-child{font-size:10px;line-height:1.5}.chinese-talents{display:flex;justify-content:center;align-items:center;gap:18px;padding:14px;background:#88888812;border-radius:16px;margin-bottom:14px}.chinese-talents small{opacity:.7;font-size:12px}.chinese-talents strong{font-size:23px;color:var(--hc-gold,#d4af37)}.chinese-name-output details{text-align:start;font-size:12px;margin:12px 0 18px;line-height:1.8}.chinese-name-output a{color:inherit}.chinese-name-output summary{cursor:pointer}
/* Portal menu escapes card clipping and sits above the shortcut carousel. */
body.lucky-name-workspace>.name-system-options{position:fixed!important;inset-inline-end:auto!important;z-index:30000!important;box-sizing:border-box;overflow-y:auto;border-radius:16px!important;padding:6px;background:var(--hc-surface,#f2f2f2);box-shadow:0 12px 32px #0002}
body.lucky-name-workspace>.name-system-options[hidden]{display:none!important}
body.lucky-name-workspace>.name-system-options button{display:block;width:100%;text-align:start;background:transparent;color:var(--hc-ink,#383838);border:0;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}
body.lucky-name-workspace .name-system-trigger{display:flex!important;align-items:center!important;gap:12px;line-height:1.4}
.name-system-trigger>span{display:block;line-height:1.4}.name-system-trigger>svg{display:block;flex-shrink:0;align-self:center}
.classical-overview{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:14px}.classical-overview strong{font-size:25px}.classical-overview small{font-size:12px;opacity:.65}
.classical-tone-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;background:#88888812;border-radius:16px;margin-bottom:14px}.classical-tone-bar small{width:100%;font-size:12px;opacity:.7}.classical-tone-bar span{padding:5px 12px;border-radius:14px;background:#88888812;font-size:13px}
.classical-name-characters details{text-align:start;background:#88888810;border-radius:16px;padding:14px 18px;margin-bottom:10px}.classical-name-characters summary{cursor:pointer}.classical-name-characters summary strong{font-size:20px;margin-inline-end:14px}.classical-name-characters summary small{font-size:12px;opacity:.65}.classical-character-body{font-size:14px;line-height:1.9;padding-top:10px}.classical-character-body h3{font-size:13px;opacity:.7;margin:12px 0 5px}.classical-character-body p{margin:6px 0}.classical-character-body small{font-size:12px;opacity:.7}.classical-character-body a,.classical-sources a{display:block;font-size:12px;color:inherit;margin:7px 0}.classical-reading-choices{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.classical-reading-choices button{font-size:12px;padding:6px 12px!important;background:#88888818!important;color:inherit!important}.classical-reading-choices button[aria-pressed=true]{background:var(--hc-gold,#d4af37)!important;color:#173d38!important}.classical-sources{text-align:start;font-size:12px;line-height:1.8;margin:18px 0}.classical-sources summary{cursor:pointer}.classical-name-result>button{margin-top:8px}
.classical-whole-summary{text-align:start;background:#88888812;border-radius:18px;padding:20px;margin:20px 0}.classical-whole-summary>h2{font-size:21px;margin:0 0 18px}.classical-whole-summary article{margin:14px 0}.classical-whole-summary h3{font-size:14px;margin:0 0 6px}.classical-whole-summary p{font-size:14px;line-height:1.9;margin:0}.classical-whole-summary>small{display:block;font-size:11px;opacity:.65;line-height:1.7;margin-top:16px}
.name-ai-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.name-ai-header h2{font-size:21px;margin:0}.name-ai-header>span{font-size:11px;opacity:.6}.name-ai-topics{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.name-ai-topics span{padding:6px 12px;font-size:12px;border-radius:20px;background:#88888812}.name-ai-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.name-ai-actions small{font-size:12px;opacity:.7}.name-ai-output[hidden]{display:none}.name-ai-output article{margin:18px 0}.name-ai-output p{white-space:pre-wrap}.name-ai-actions button:disabled{opacity:.65;cursor:wait}
