.zl-terms{display:flex;gap:8px;align-items:center;line-height:1.5;margin:16px 0;font-size:11px}.zl-terms input{flex:0 0 auto;width:16px;height:16px}.zl-terms a{color:inherit}.zl-live-note{font-size:12px;color:#747983;line-height:1.6}.zl-location-results{position:relative;z-index:5;max-height:230px;overflow:auto;background:#fff;border-radius:12px}.zl-location-results button{display:block;width:100%;padding:12px;text-align:start;border:0;background:#fff}.zl-location-results button:hover{background:#f7f8fa}#zodilab-ux [aria-busy="true"]{opacity:.65;pointer-events:none}#zodilab-ux .live-plain-copy{white-space:pre-wrap}#zodilab-ux .live-forecast-content [data-no-i18n]{white-space:pre-line}html[dir="rtl"] #zodilab-ux{text-align:right}html[dir="rtl"] #zodilab-ux .account-row-end{margin-right:auto;margin-left:0}.live-empty-avatar{background:#f0f1eb;object-fit:contain}

html:not([data-ux-ready="true"]) #appShell{visibility:hidden} #zodilab-ux del[data-live-old-price]{font-size:.7em;opacity:.5;margin-inline-end:8px} #zodilab-ux [data-no-i18n]{white-space:pre-line} #zodilab-ux .account-language-btn[hidden]{display:none}

#youPage .you-profile-triad .you-inline-year-icon{display:inline-flex;vertical-align:middle;margin-inline-start:4px} #youPage .you-profile-triad .you-inline-year-icon svg{display:block}

#zodilab-ux .zl-place-field{position:relative;width:100%;min-width:0}
#zodilab-ux .zl-place-field .zl-location-results{position:absolute;inset:auto 0 auto;top:100%;margin-top:6px;max-height:min(230px,38vh);overflow-y:auto;overscroll-behavior:contain;z-index:30;padding:4px;border:1px solid #e1e4e8;border-radius:13px;box-shadow:0 12px 28px rgba(18,20,24,.1)}
#zodilab-ux .zl-place-field .zl-location-results.hidden,#zodilab-ux .zl-place-field .zl-location-results[hidden]{display:none}
#zodilab-ux .zl-place-field .zl-location-result{padding:11px 12px;border-radius:9px;font:inherit;font-size:12px;line-height:1.45;cursor:pointer;text-align:start}
#zodilab-ux .zl-place-field .zl-location-result.active{background:#f0f2f5}
#zodilab-ux .birth-data-panel{overflow:visible}
#zodilab-ux .birth-data-panel .account-actions{margin-top:18px;border-top:0;padding-top:0}
#zodilab-ux .birth-data-panel .account-check-line input{width:14px;height:14px;flex:0 0 auto}
#zodilab-ux .birth-form-message{margin:14px 0 0;font-size:12px;line-height:1.6}
#zodilab-ux .birth-form-message.error{color:#b4233f}
#zodilab-ux .birth-form-message.success{color:#16734c}
#zodilab-ux #accountBirthReasonField.hidden{display:none}
#zodilab-ux #accountSendBirthRequest:disabled,#zodilab-ux #contactOtpResend:disabled{opacity:.5;cursor:default}

#zodilab-ux .birth-data-panel label[for="accountBirthTime"]{font-size:10px;line-height:normal}

/* v0.9.1: account/Circle controls retain the existing design language. */
.account-avatar-edit > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.account-avatar-edit > div > b, .account-avatar-edit > div > small { flex-basis: 100%; }
.account-avatar-edit img { object-fit: cover; flex-shrink: 0; }
.account-session { gap: 12px; }
.account-session > span { min-width: 0; flex: 1; }
.account-session small { overflow-wrap: anywhere; }
.account-session button { flex: 0 0 auto; }
.account-secondary:disabled, .account-primary:disabled, .zl-web-primary:disabled { opacity: .5; cursor: not-allowed; }
.zl-unavailable-note { color: #8992a5; font-size: 11px; margin-inline: 8px; }
.zl-astro-explanation { display: block; font-size: 10px; line-height: 1.5; color: #8992a5; margin-top: 6px; }
#contactOtpChannelField { margin-block: 14px; }
#contactOtpChannel { appearance: auto; padding: 12px; border: 1px solid #e4e6ef; border-radius: 12px; background: #fff; width: 100%; }
#circleReasonField { margin-block: 14px; }
.circle-status.rejected { color: #a23e59; background: #fff0f3; }
#circleLoadState button, #synLiveState button { margin: 10px; }
#synInsightText { white-space: pre-line; }
#synSummary p { margin-block: 8px; }
[dir="rtl"] .account-field, [dir="rtl"] .account-option, [dir="rtl"] .account-panel { text-align: start; }
#circlePersonModal .zl-place-field { min-width: 0; }
@media(max-width: 520px) { .account-avatar-edit { gap: 14px; } .account-session { align-items: flex-start; flex-wrap: wrap; } }
