/* Shared local date/time wheel; independent of either chart engine. */
#birthWheelDialog{--bw-bg:#181d24;--bw-field:#11171d;--bw-text:#e9e7df;--bw-muted:#969fa9;--bw-gold:#d3b986;--bw-line:#333940;color:var(--bw-text);background:var(--bw-bg);width:440px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;margin:auto;border:1px solid var(--bw-line);border-radius:18px;box-shadow:0 20px 80px #0006;overflow:auto;overscroll-behavior:contain;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color-scheme:dark}
#birthWheelDialog::backdrop{background:#05080b88;backdrop-filter:blur(3px)}
#birthWheelDialog[open]{animation:birth-wheel-in 160ms ease-out}
#birthWheelDialog .birth-wheel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 4px}
#birthWheelDialog .birth-wheel-head h2{font-size:15px;font-weight:600;margin:0;line-height:1.5;text-align:center;flex:1;color:var(--bw-text)}
#birthWheelDialog .birth-wheel-head button{display:flex;align-items:center;justify-content:center;flex:none;min-width:52px;height:44px;min-height:44px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--bw-muted);font:400 15px/1.3 system-ui;box-shadow:none;cursor:pointer;letter-spacing:0}
#birthWheelDialog .birth-wheel-head .birth-wheel-confirm{color:var(--bw-gold);font-weight:600}
#birthWheelDialog .birth-wheel-head button:active{background:#d3b98615}
#birthWheelDialog .birth-wheel-columns{display:flex;gap:4px;padding:4px 14px 0;position:relative;isolation:isolate}
#birthWheelDialog .birth-wheel-column{position:relative;flex:1;min-width:0}
#birthWheelDialog .birth-wheel-label{font-size:12px;line-height:20px;height:24px;text-align:center;color:var(--bw-muted)}
#birthWheelDialog .birth-wheel-list{box-sizing:border-box;height:220px;min-height:220px;max-height:220px;padding:88px 0;margin:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;outline:0;border-radius:10px;position:relative;z-index:1;mask-image:linear-gradient(to bottom,#000b,#000 25%,#000 75%,#000b)}
#birthWheelDialog .birth-wheel-list::-webkit-scrollbar{display:none}
#birthWheelDialog .birth-wheel-item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:44px;min-height:44px;max-height:44px;flex:none;padding:0 3px;margin:0;scroll-snap-align:center;scroll-snap-stop:normal;font-size:17px;font-weight:400;line-height:1.2;color:var(--bw-muted);white-space:nowrap;cursor:pointer;user-select:none;border:0;border-radius:0;background:transparent;font-variant-numeric:tabular-nums}
#birthWheelDialog .birth-wheel-item[aria-selected=true]{color:var(--bw-gold);font-weight:600;font-size:18px}
#birthWheelDialog .birth-wheel-item[aria-disabled=true]{opacity:.35}
#birthWheelDialog .birth-wheel-band{position:absolute;left:0;right:0;top:112px;height:44px;border-radius:9px;border-block:1px solid #d3b98633;background:#d3b9860d;pointer-events:none;z-index:0}
#birthWheelDialog .birth-wheel-list:focus-visible{outline:2px solid #d3b98688;outline-offset:1px}
#birthWheelDialog .birth-wheel-head button:focus-visible{outline:2px solid var(--bw-gold);outline-offset:1px}
#birthWheelDialog .birth-wheel-summary{margin:4px 16px 14px;min-height:20px;text-align:center;color:var(--bw-muted);font-size:12px;line-height:1.7}
#birthWheelDialog .birth-wheel-year-jump{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin:0;padding:4px 16px 8px}
#birthWheelDialog .birth-wheel-year-jump[hidden]{display:none}
#birthWheelDialog .birth-wheel-year-jump>label{display:block;margin:0;font-size:12px;line-height:1.5;letter-spacing:0;color:var(--bw-muted)}
#birthWheelDialog .birth-wheel-year-jump>input{box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0 10px;border:1px solid var(--bw-line);border-radius:8px;background:var(--bw-field);color:var(--bw-text);font:400 16px/1.3 system-ui;letter-spacing:0}
#birthWheelDialog .birth-wheel-year-go{display:flex;align-items:center;justify-content:center;min-width:52px;height:44px;min-height:44px;margin:0;padding:0 10px;border:1px solid var(--bw-line);border-radius:8px;background:transparent;box-shadow:none;color:var(--bw-gold);font:500 13px/1.3 system-ui;letter-spacing:0;cursor:pointer;touch-action:manipulation}
#birthWheelDialog .birth-wheel-year-hint{grid-column:2/-1;margin:0;font-size:12px;line-height:1.6;color:var(--bw-muted)}
#birthWheelDialog .birth-wheel-year-jump>:is(input,button):focus-visible{outline:2px solid var(--bw-gold);outline-offset:2px}
#birthWheelDialog .birth-wheel-year-jump>input[aria-invalid=true]{border-color:#de9f9d}
#birthWheelDialog .birth-wheel-error{margin:0 16px 14px;color:#de9f9d;font-size:12px;line-height:1.6;text-align:center}
html.birth-wheel-open,html.birth-wheel-open body{overflow:hidden!important;overscroll-behavior:none}
#birthForm .birth-wheel-trigger,#inputCard .birth-wheel-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:44px;height:44px;margin:0;padding:0 10px;border:1px solid var(--line,#333940);border-radius:8px;background:var(--bg2,var(--bg,#11171d));color:var(--ink,#e9e7df);box-shadow:none;font:400 16px/1.3 system-ui,-apple-system,"PingFang SC",sans-serif;letter-spacing:0;text-align:left;cursor:pointer;touch-action:manipulation}
#birthForm .birth-wheel-value,#inputCard .birth-wheel-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#birthForm .birth-wheel-chevron,#inputCard .birth-wheel-chevron{flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);color:var(--muted,#969fa9)}
#birthForm .birth-wheel-trigger:focus-visible,#inputCard .birth-wheel-trigger:focus-visible{outline:0;border-color:var(--gold,#d3b986);box-shadow:0 0 0 2px #d3b98622}
#birthForm .birth-wheel-trigger.is-placeholder,#inputCard .birth-wheel-trigger.is-placeholder{color:var(--muted,#969fa9)}
#birthForm[data-wheel-ready] :is(.birth-date-parts,#birthPeriodField,#birthClockFields,#birthLeapField){display:none!important}
#birthForm[data-wheel-ready] #birthTimeWheelTrigger{grid-column:2}
#inputCard .ms-birth-wheel-trigger{flex:1;min-width:0}
@keyframes birth-wheel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){#birthWheelDialog{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:85dvh;margin:0;border-bottom:0;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}#birthWheelDialog .birth-wheel-columns{padding-inline:12px}#birthWheelDialog .birth-wheel-head{padding-top:12px}}
@media(prefers-reduced-motion:reduce){#birthWheelDialog[open]{animation:none}#birthWheelDialog *{scroll-behavior:auto!important}}