#lunar-personal{max-width:950px}
#lunar-personal button,#lunar-personal .yy-actions a{box-sizing:border-box;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;max-width:100%;padding:11px 19px;border:1px solid #abc5a2;border-radius:14px;background:linear-gradient(180deg,#fcfff9,#e8f2e2);color:#285431;font-family:inherit;font-size:.94rem;font-weight:600;line-height:1.4;text-align:center;text-decoration:none;white-space:normal;box-shadow:0 2px 3px rgba(45,80,43,.04),inset 0 1px 0 #fff;transition:background .18s,box-shadow .18s,transform .18s;cursor:pointer}
#lunar-personal button:hover:not(:disabled),#lunar-personal .yy-actions a:hover{background:linear-gradient(180deg,#fff,#dcecd3);border-color:#789b6c;box-shadow:0 4px 12px rgba(45,80,43,.12);transform:translateY(-1px)}
#lunar-personal button:active:not(:disabled),#lunar-personal .yy-actions a:active{transform:translateY(0);box-shadow:inset 0 2px 4px rgba(45,80,43,.1)}
#lunar-personal button:focus-visible,#lunar-personal .yy-actions a:focus-visible{outline:3px solid #c49d49;outline-offset:3px}
#lunar-personal button[type=submit],#lunar-personal #vedic-use-saved,#lunar-personal .yy-primary{color:#fff;background:linear-gradient(135deg,#527747,#2f5c3c);border-color:#365f37;box-shadow:0 5px 14px rgba(47,92,60,.18),inset 0 1px 0 rgba(255,255,255,.16)}
#lunar-personal button[type=submit]:hover:not(:disabled),#lunar-personal #vedic-use-saved:hover,#lunar-personal .yy-primary:hover:not(:disabled){background:linear-gradient(135deg,#608551,#396b46);box-shadow:0 7px 18px rgba(47,92,60,.24)}
#lunar-personal [data-delete-profile]{background:#fffaf6;color:#875039;border-color:#d6bca9;box-shadow:none}
#lunar-personal .yy-city-results button{border-radius:11px;padding:12px 15px;box-shadow:none;font-weight:500;transform:none;text-align:left}
#lunar-personal .yy-city-results button small{font-weight:400}
#lunar-personal button:disabled{transform:none;box-shadow:none}
#lunar-personal .yy-plain-forecast{position:relative;margin:38px 0 20px;padding:clamp(22px,4vw,42px);border:1px solid #a5bd93;border-top:4px solid #7f9c65;border-radius:24px;background:radial-gradient(ellipse at top right,rgba(220,232,202,.55),transparent 65%),linear-gradient(150deg,#fffef8,#f0f6e9);color:#294735;box-shadow:0 12px 34px rgba(55,86,47,.09);scroll-margin-top:24px;overflow-wrap:anywhere}
#lunar-personal .yy-plain-eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:700;color:#657d4d;margin:0 0 12px}
#lunar-personal .yy-plain-forecast h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.25;margin:0 0 12px;color:#2e5637}
#lunar-personal .yy-plain-subtitle{font-size:.95rem;line-height:1.6;color:#65745a;margin:0 0 24px;padding-bottom:22px;border-bottom:1px solid #d5dfc8}
#lunar-personal .yy-plain-text{font-size:1.04rem;line-height:1.8}
#lunar-personal .yy-plain-text p{margin:0 0 1.05em}
#lunar-personal .yy-plain-text h3{font-size:1.12rem;margin:24px 0 12px;color:#365d3b}
#lunar-personal .yy-plain-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px;padding-top:24px;border-top:1px solid #d5dfc8}
#lunar-personal .yy-plain-actions a{font-size:.87rem;line-height:1.55;color:#486d39;flex:1 1 200px}
#lunar-personal .yy-plain-speech-status{font-size:.85rem;line-height:1.5;margin:12px 0 0}
#lunar-personal .yy-plain-speech-status:empty{display:none}
@media(max-width:600px){#lunar-personal .yy-actions a{width:100%}#lunar-personal .yy-plain-forecast{padding:22px 18px;border-radius:18px}#lunar-personal .yy-plain-actions{align-items:stretch;flex-direction:column}#lunar-personal .yy-plain-actions a{flex:auto}#lunar-personal .yy-plain-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){#lunar-personal button,#lunar-personal .yy-actions a{transition:none;transform:none!important}}
@media(forced-colors:active){#lunar-personal button,#lunar-personal .yy-actions a{border:1px solid ButtonText;box-shadow:none}#lunar-personal .yy-plain-forecast{border:2px solid CanvasText}}
.yy-lunar-personal .yy-lunar-eyebrow{font-size:.8em;font-weight:bold;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.yy-lunar-personal h1{margin-bottom:.4em}
.yy-lunar-personal .yy-pc-lead{color:inherit;font-size:1.15em}
.yy-lunar-personal .yy-lunar-note{font-size:.9em;opacity:.85}
.yy-lunar-personal details{border-radius:14px}
.yy-lunar-personal .yy-birth-form{grid-template-columns:1fr 1fr;background:transparent;color:inherit}
.yy-lunar-personal .yy-birth-form label,.yy-lunar-personal .yy-birth-form .yy-city-picker,.yy-lunar-personal .yy-birth-form fieldset,.yy-lunar-personal .yy-birth-form button{grid-column:1/-1}
.yy-lunar-personal .yy-birth-form input{grid-column:1/-1;width:100%}
.yy-lunar-personal .yy-birth-form input[type=radio]{width:auto}
.yy-lunar-personal .yy-birth-form input[type=checkbox]{width:auto;margin-right:8px}
.yy-lunar-personal button:disabled{cursor:not-allowed;opacity:.5}
.yy-city-results button small{display:block;margin-top:5px;opacity:.8;font-size:.85em}
.yy-city-status{overflow-wrap:anywhere}
.yy-lunar-personal .yy-pc-form{background:transparent;color:inherit}
.yy-lunar-personal input,.yy-lunar-personal select{background:#fff;color:#202820}
.yy-lunar-natal{padding:24px;border:1px solid #7e9c70;border-radius:16px;margin:24px 0;background:rgba(119,154,94,.1);scroll-margin-top:20px}
.yy-lunar-natal h2{margin:.4em 0}
.yy-lunar-day{border:1px solid #9ea68e;border-radius:18px;margin:24px 0;overflow:hidden}
.yy-lunar-day-header{padding:22px 24px;background:rgba(119,154,94,.12);border-bottom:1px solid #9ea68e}
.yy-lunar-day-header h2{margin:0 0 6px;font-size:1.35em;line-height:1.35}
.yy-lunar-day-header p{margin:4px 0}
.yy-lunar-period{margin:0 24px;padding:22px 0}
.yy-lunar-period+.yy-lunar-period{border-top:1px solid #9ea68e}
.yy-lunar-period h3{margin:0 0 12px;font-size:1.12em;line-height:1.45}
.yy-lunar-period p{margin:8px 0}
.yy-lunar-personal .yy-lunar-badge{display:inline-block;font-size:.75em;border:1px solid currentColor;border-radius:20px;padding:2px 9px;margin-left:8px;vertical-align:middle}
.yy-lunar-same{margin:18px 24px;padding:12px 16px;border-left:3px solid #799b65;background:rgba(119,154,94,.08)}
.yy-lunar-personal button{cursor:pointer}
.yy-lunar-personal .yy-birth-zone-choice{grid-column:1/-1;margin:10px 0;padding:14px;min-width:0}
.yy-lunar-personal .yy-birth-zone-choice select{width:100%;box-sizing:border-box}
.yy-lunar-birth-diagnostics p{margin:.65em 0;font-size:.92em}
.yy-lunar-personal [hidden]{display:none!important}
.yy-lunar-personal .yy-field{grid-column:1/-1;min-width:0;margin:8px 0}
.yy-lunar-personal .yy-field small{display:block;line-height:1.5;margin:7px 0}
.yy-lunar-personal .yy-required{font-size:.78em;font-weight:normal;opacity:.8}
.yy-lunar-personal .yy-recommended{border:2px solid #75985f}
.yy-recommended-label{display:inline-block;padding:2px 8px;border-radius:6px;background:rgba(119,154,94,.16);margin-right:6px;font-size:.8em}
.yy-lunar-personal .yy-birth-form .yy-radio-choice{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;margin:8px 0;border:1px solid #9ea68e;border-radius:10px;cursor:pointer;line-height:1.4}
.yy-lunar-personal .yy-birth-form .yy-radio-choice input{flex:0 0 auto;width:18px;height:18px;margin:0}
.yy-radio-choice:has(input:checked){background:rgba(119,154,94,.16);outline:2px solid #75985f}
.yy-time-choice{border:1px solid #9ea68e;border-radius:12px;padding:16px}
.yy-time-choice legend{padding:0 6px;font-weight:bold;line-height:1.4}
.yy-lunar-personal .yy-field-error{border-left:3px solid #ad603d;padding:8px 10px;background:rgba(174,92,50,.1);font-weight:bold}
.yy-lunar-personal [aria-invalid=true]{outline:2px solid #ad603d}
.yy-used-card,.yy-saved-card,.yy-completeness,.yy-guest-note{padding:20px;margin:20px 0;border:1px solid #8b9f80;border-radius:16px;background:rgba(119,154,94,.08);overflow-wrap:anywhere}
.yy-used-card h2,.yy-saved-card h2,.yy-completeness h2{font-size:1.2em;line-height:1.4;margin-top:0}
.yy-completeness.yy-partial{border-color:#b18c55;background:rgba(170,133,77,.06)}
.yy-completeness ul{padding-left:1.25em;line-height:1.7}
.yy-completeness button{margin:0 8px 10px 0}
.yy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.yy-actions button,.yy-actions a{max-width:100%;white-space:normal;min-height:44px}
.yy-actions a{display:inline-flex;align-items:center}
.yy-lunar-personal .yy-privacy-note{font-size:.85em;line-height:1.5;opacity:.85;margin:18px 0}
.yy-save-promise{padding:10px 12px;border-left:3px solid #75985f}
.yy-lunar-personal .yy-zone-help .yy-birth-zone-choice{margin:8px 0}
.yy-lunar-personal #birth-calculator,.yy-lunar-personal #vedic-current{scroll-margin-top:20px}
@media(max-width:600px){.yy-used-card,.yy-saved-card,.yy-completeness{padding:14px}.yy-time-choice{padding:12px}.yy-actions{align-items:stretch;flex-direction:column}.yy-actions button{width:100%}.yy-lunar-personal .yy-birth-form .yy-radio-choice{margin:10px 0}.yy-lunar-personal input[type=date],.yy-lunar-personal input[type=time]{min-width:0;max-width:100%;box-sizing:border-box}}
.yy-lunar-personal .yy-birth-form select,.yy-birth-time-wrap,.yy-birth-part-wrap{grid-column:1/-1;min-width:0}
.yy-vf-day,.yy-vf-background,.yy-vf-timeline{border:1px solid #9ea68e;border-radius:18px;margin:24px 0;padding:24px;overflow-wrap:anywhere}
.yy-vf-day{background:rgba(119,154,94,.065)}
.yy-vf-day h2{font-size:1.4em;margin-top:0;line-height:1.35}
.yy-lunar-personal h4{font-size:1.05em;line-height:1.4;margin:1.4em 0 .5em}
.yy-lunar-personal .yy-vf-source{font-size:.8em;line-height:1.5;opacity:.9;margin-top:.5em}
.yy-lunar-personal summary{cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
.yy-lunar-personal details{margin:14px 0;padding:14px;border:1px solid #9ea68e;min-width:0}
.yy-vf-lead{font-weight:bold}
.yy-vf-factor+.yy-vf-factor{border-top:1px solid #9ea68e;margin-top:18px}
.yy-vf-table{width:100%;border-collapse:collapse;font-size:.88em}
.yy-vf-table td,.yy-vf-table th{border:1px solid #9ea68e;padding:8px;text-align:left;overflow-wrap:anywhere}
@media(max-width:600px){.yy-vf-day,.yy-vf-background,.yy-vf-timeline{padding:14px}.yy-lunar-personal details{padding:10px}.yy-vf-table td,.yy-vf-table th{padding:4px}.yy-lunar-personal .yy-birth-form select{width:100%}}
@media(max-width:600px){.yy-lunar-natal{padding:18px}.yy-lunar-day-header{padding:18px}.yy-lunar-period{margin:0 18px}.yy-lunar-same{margin:16px 18px}.yy-lunar-personal .yy-birth-form{display:block;padding:12px}.yy-lunar-personal .yy-birth-form label{margin-top:14px}.yy-lunar-personal .yy-lunar-badge{display:table;margin:8px 0 0}}
