.birth-date-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;margin-top:9px;padding:14px 15px;min-height:76px;border:1px solid #99856888;border-radius:6px;background:#f8f1e2ba;box-shadow:inset 0 1px #fff8e5a6}
#birth-date-value{display:block;font-size:18px;line-height:1.5;font-variant-numeric:tabular-nums}#birth-date-calendar{display:block;font-size:14px;color:#7c6b52;margin-top:3px}.birth-date-chevron{font-size:29px;font-weight:300;color:#8b775a}.birth-date-trigger:focus-visible,.birth-picker button:focus-visible{outline:2px solid #8e593d;outline-offset:3px}
.birth-picker{position:fixed;inset:auto 0 0;width:min(100%,480px);max-width:100%;max-height:94dvh;margin:0 auto;padding:0 20px max(20px,env(safe-area-inset-bottom));overflow:auto;border:1px solid #d8c8ae;border-bottom:0;border-radius:22px 22px 0 0;background:linear-gradient(150deg,#faf4e8,#eee2cd);color:#4c4030;box-shadow:0 -12px 60px #35291e30}.birth-picker::backdrop{background:#27211966}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:15px 0 10px}.picker-header h2{font-size:18px;font-weight:500;margin:0;letter-spacing:.06em}.picker-header button{background:none;font-size:16px;min-height:44px;padding:6px;color:#826b49}.picker-header #picker-cancel{color:#8e8271}
.picker-calendars{display:flex;justify-content:center;gap:0;width:182px;margin:3px auto 18px;padding:3px;border:1px solid #bca78980;border-radius:22px;background:#e4d6bf55}.picker-calendars button{width:50%;min-height:35px;border-radius:18px;background:none;font-size:16px;color:#8a7c68}.picker-calendars button[aria-pressed=true]{background:#8a7150;color:#fff8ec;box-shadow:0 2px 5px #68553922}.picker-time-modes{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.picker-time-modes button{flex:1;background:none;border-bottom:2px solid transparent;color:#8c7b63;font-size:15px;padding:8px 0;white-space:nowrap}.picker-time-modes button[aria-pressed=true]{color:#78552e;border-color:#ac8b57}
.picker-wheels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;position:relative}.picker-wheels[data-mode=unknown]{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-wheel-group{min-width:0;text-align:center}.picker-wheel-group[data-key=branch]{grid-column:span 2}.picker-wheel-label{font-size:14px;color:#95836a;line-height:28px}.picker-wheel-frame{position:relative}.picker-wheel-frame:before{content:"";position:absolute;inset:88px 0 auto;height:44px;background:#c9a66d1c;border-block:1px solid #bc9d6866;pointer-events:none}.picker-wheel-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(#f7efe2e8,transparent 34%,transparent 66%,#f1e6d4e8);pointer-events:none}.picker-wheel{height:220px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;padding-block:88px;position:relative;touch-action:pan-y;font-variant-numeric:tabular-nums;outline-offset:-2px}.picker-wheel::-webkit-scrollbar{display:none}.picker-wheel:focus-visible{outline:1px solid #a8824a;border-radius:5px}.picker-wheel-item{height:44px;line-height:44px;scroll-snap-align:center;scroll-snap-stop:normal;font-size:20px;color:#93836d;white-space:nowrap;cursor:pointer}.picker-wheel-item.is-selected{color:#9b6b2b;font-weight:600}.picker-wheel-group[data-key=branch] .picker-wheel-item{font-size:17px}.picker-hint{text-align:center;font-size:14px;color:#8a795f;line-height:1.6;min-height:23px;margin:17px 0}.birth-picker .entry-primary{justify-content:center;border-radius:10px;min-height:49px;background:linear-gradient(130deg,#a88a58,#896d43);border-color:#96764a;box-shadow:inset 0 0 0 3px #e5d2b420;letter-spacing:.2em}
@media(max-width:350px){.birth-picker{padding-inline:12px}.picker-wheel-item{font-size:18px}.picker-time-modes{gap:3px}}@media(max-height:600px){.picker-header{padding-top:4px}.picker-calendars{margin-bottom:6px}.picker-time-modes{margin-bottom:5px}.picker-hint{margin:8px 0}}