.wheel-date-mask{position:fixed;inset:0;z-index:30000;display:flex;align-items:flex-end;justify-content:center;background:rgba(15,23,42,.48)}
.wheel-date-sheet{position:relative;width:min(100%,560px);padding:10px 16px calc(14px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -16px 48px rgba(15,23,42,.22)}
.wheel-date-head{display:grid;grid-template-columns:80px 1fr 80px;align-items:center;min-height:48px;border-bottom:1px solid #edf0f4}
.wheel-date-head strong{text-align:center;font-size:18px}.wheel-date-head button{border:0;background:none;color:#168bf2;font-size:16px}.wheel-date-head button:last-child{font-weight:700}
.wheel-date-value{text-align:center;padding:10px 0 4px;color:#111827;font-size:17px;font-weight:700}
.wheel-date-columns{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1fr 1fr;height:220px;overflow:hidden}
.wheel-date-column{overflow-y:auto;scroll-snap-type:y mandatory;padding:88px 0;scrollbar-width:none;overscroll-behavior:contain}.wheel-date-column::-webkit-scrollbar{display:none}
.wheel-date-column button{display:block;width:100%;height:44px;border:0;background:transparent;color:#98a2b3;font-size:17px;scroll-snap-align:center}.wheel-date-column button.selected{color:#111827;font-size:20px;font-weight:800}
.wheel-date-focus{pointer-events:none;position:absolute;z-index:1;left:16px;right:16px;top:174px;height:44px;border-radius:10px;background:#f2f6fa;border-top:1px solid #dbe3ec;border-bottom:1px solid #dbe3ec}
.wheel-date-clear{display:block;width:100%;min-height:42px;border:0;border-radius:11px;background:#f3f5f8;color:#667085;font-size:15px}
input[data-wheel-date-input="1"]{cursor:pointer}
.wheel-datetime-sheet{width:min(100%,620px)}
.wheel-datetime-columns{grid-template-columns:1.35fr .8fr .8fr .8fr .8fr}
.wheel-datetime-columns .wheel-date-column button{font-size:15px}
.wheel-datetime-columns .wheel-date-column button.selected{font-size:18px}