.life-date-modal{box-sizing:border-box;margin:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;position:fixed;inset:0;display:none;place-items:center;overflow:hidden;padding:20px;color:var(--text,#eef3fc);background:rgba(4,9,17,.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:Manrope,system-ui,sans-serif}
.life-date-modal[open]{display:grid}.life-date-modal::backdrop{background:rgba(4,9,17,.2)}
.life-date-panel{box-sizing:border-box;width:min(430px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:18px;border:1px solid var(--line-strong,rgba(255,255,255,.18));border-radius:24px;background:linear-gradient(150deg,rgba(23,28,39,.02),rgba(11,15,23,.06));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 30px 90px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.08)}
.life-date-head{display:grid;grid-template-columns:40px minmax(0,1fr) 40px 34px;align-items:center;gap:7px}
.life-date-head>button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:13px;background:rgba(255,255,255,.045);color:inherit;font-family:inherit;font-size:27px;line-height:1;cursor:pointer}.life-date-head>[data-date-close]{width:34px;height:34px;font-size:23px}
.life-date-heading{display:flex;justify-content:center;flex-wrap:wrap;gap:2px 6px;min-width:0}.life-date-heading button{border:0;background:transparent;padding:5px 0;color:inherit;font:700 17px/1.3 Manrope,system-ui,sans-serif;cursor:pointer;text-transform:capitalize}.life-date-heading [data-date-year]{text-decoration:underline;text-underline-offset:4px}
.life-date-weekdays,.life-date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.life-date-weekdays{margin:19px 0 7px}.life-date-weekdays[hidden]{display:none}.life-date-weekdays span{color:var(--muted,#b0bac9);font-size:11px;font-weight:750;text-align:center}
.life-date-grid button{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:13px;background:transparent;color:inherit;font:650 14px/1 Manrope,system-ui,sans-serif;cursor:pointer}.life-date-grid button:hover,.life-date-grid button:focus-visible{border-color:var(--accent,#eea7b3);background:rgba(238,167,179,.12)}.life-date-grid button.is-outside{opacity:.45}.life-date-grid button:disabled{opacity:.2;cursor:default}.life-date-grid button.is-today:after{content:"";position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--accent-2,#e8ad72)}.life-date-grid button.is-selected{border-color:var(--accent,#eea7b3);background:linear-gradient(145deg,var(--accent,#eea7b3),var(--accent-2,#e8ad72));color:#24171a;box-shadow:0 8px 20px rgba(238,167,179,.22)}
.life-date-grid--choices{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.life-date-grid--choices button{aspect-ratio:auto;min-height:52px;font-size:13px;text-transform:capitalize}
.life-date-today{display:block;margin:14px auto 0;padding:8px 20px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}
@media(max-width:680px){.life-date-modal{padding:10px}.life-date-panel{max-height:calc(100dvh - 20px);border-radius:22px 22px 16px 16px}.life-date-heading button{font-size:16px}}
.life-date-modal button{touch-action:manipulation}
.life-date-year-range{padding:5px 0;font:700 17px/1.3 Manrope,system-ui,sans-serif}