html.time-wheel-open{overflow:hidden;overscroll-behavior:none}
.time-wheel-picker[hidden]{display:none!important}
.time-wheel-picker{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.time-wheel-picker__backdrop{position:absolute;inset:0;border:0;background:rgba(15,23,42,.34);backdrop-filter:blur(2px);touch-action:none}
.time-wheel-picker__sheet{position:relative;z-index:1;width:min(100%,520px);border-radius:22px 22px 0 0;background:#f7f8fb;color:#172033;box-shadow:0 -18px 50px rgba(15,23,42,.22);overflow:hidden;padding-bottom:max(8px,env(safe-area-inset-bottom))}
.time-wheel-picker__header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:54px;padding:0 16px;border-bottom:1px solid rgba(148,163,184,.28);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}
.time-wheel-picker__header strong{font-size:16px;font-weight:800;text-align:center}
.time-wheel-picker__header button,.time-wheel-picker__footer button{border:0;background:transparent;color:#0878d1;font-size:16px;font-weight:700;min-height:44px;padding:0;cursor:pointer}
.time-wheel-picker__header button:first-child{text-align:left}
.time-wheel-picker__header button:last-child{text-align:right;font-weight:850}
.time-wheel-picker__body{position:relative;width:min(330px,88vw);height:240px;margin:6px auto 0;overflow:hidden}
.time-wheel-picker__columns{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:center;height:240px}
.time-wheel-picker__selection{position:absolute;z-index:1;left:0;right:0;top:96px;height:48px;border-radius:12px;background:rgba(120,120,128,.12);pointer-events:none}
.time-wheel-picker__body::before,.time-wheel-picker__body::after{content:"";position:absolute;z-index:4;left:0;right:0;height:86px;pointer-events:none}
.time-wheel-picker__body::before{top:0;background:linear-gradient(#f7f8fb 18%,rgba(247,248,251,.88) 55%,rgba(247,248,251,0))}
.time-wheel-picker__body::after{bottom:0;background:linear-gradient(rgba(247,248,251,0),rgba(247,248,251,.88) 45%,#f7f8fb 82%)}
.time-wheel-picker__wheel{height:240px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-y}
.time-wheel-picker__wheel::-webkit-scrollbar{display:none}
.time-wheel-picker__spacer{height:96px;scroll-snap-align:none}
.time-wheel-picker__item{display:block;width:100%;height:48px;margin:0;border:0;background:transparent;color:#7c8492;font:inherit;font-size:21px;font-variant-numeric:tabular-nums;line-height:48px;text-align:center;scroll-snap-align:center;cursor:pointer;transition:color .12s,font-size .12s}
.time-wheel-picker__item.is-selected{color:#111827;font-size:24px;font-weight:700}
.time-wheel-picker__colon{font-size:24px;font-weight:800;text-align:center;color:#111827;pointer-events:none}
.time-wheel-picker__footer{display:flex;justify-content:center;padding:0 16px 4px}
.time-wheel-picker__footer button{font-size:14px;color:#64748b;padding:0 18px}
html[data-theme="dark"] .time-wheel-picker__sheet{background:#10232c;color:#edf7f8}
html[data-theme="dark"] .time-wheel-picker__header{background:rgba(13,34,43,.94);border-color:#365560}
html[data-theme="dark"] .time-wheel-picker__selection{background:rgba(148,163,184,.16)}
html[data-theme="dark"] .time-wheel-picker__body::before{background:linear-gradient(#10232c 18%,rgba(16,35,44,.88) 55%,rgba(16,35,44,0))}
html[data-theme="dark"] .time-wheel-picker__body::after{background:linear-gradient(rgba(16,35,44,0),rgba(16,35,44,.88) 45%,#10232c 82%)}
html[data-theme="dark"] .time-wheel-picker__item{color:#78909a}
html[data-theme="dark"] .time-wheel-picker__item.is-selected,html[data-theme="dark"] .time-wheel-picker__colon{color:#f1f5f9}
@media(min-width:761px) and (pointer:fine){.time-wheel-picker{display:none!important}}