.wheel-input-field{display:block;position:relative;min-width:0;width:100%}.wheel-trigger{display:none}
@media(max-width:900px){
 .wheel-input-field>input{display:none!important}
 .wheel-input-field>.wheel-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#fcfbf8;color:var(--ink);font-size:16px;text-align:left;font-variant-numeric:tabular-nums}
 .wheel-trigger svg{transform:rotate(90deg);color:var(--accent-dark);flex:none}.wheel-trigger:disabled{opacity:.45;cursor:default}
 :root[data-theme=dark] .wheel-input-field>.wheel-trigger{background:#24251f;border-color:#424438}
}
#wheel-picker-root>.modal-backdrop{z-index:80}
.picker-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:340px;margin-inline:auto}
.picker-columns.single{grid-template-columns:minmax(0,1fr);max-width:260px}.picker-columns.single .picker-column>span{display:none}
.picker-columns.date-columns{grid-template-columns:.8fr 1.5fr 1fr;gap:8px;max-width:420px}.date-columns .picker-wheel>[role=option]{font-size:22px}.picker-wheel>[data-value=""]{font-size:16px!important}
.picker-column{min-width:0;text-align:center}.picker-column>span{display:block;margin-bottom:10px;font-size:12px;color:var(--muted)}
.picker-frame{position:relative;border-radius:14px}.picker-frame>i{position:absolute;top:88px;inset-inline:0;height:44px;border-radius:14px;background:var(--peach);pointer-events:none}
.picker-wheel{height:220px;padding-block:88px;overflow-y:auto;overflow-anchor:none;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(transparent,#000 28%,#000 72%,transparent)}
.picker-wheel::-webkit-scrollbar{display:none}.picker-wheel>[role=option]{height:44px;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:28px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--muted);cursor:pointer;user-select:none}
.picker-wheel>[aria-selected=true]{color:var(--ink);font-weight:750}
.picker-frame:has(.picker-wheel:focus-visible){outline:2px solid var(--focus-ring);outline-offset:-2px}.picker-wheel:focus-visible{outline:none}
@media(max-height:500px){.picker-wheel{height:132px;padding-block:44px}.picker-frame>i{top:44px}}