.picker-modal{background:#1b1e25;border-color:#373c47;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.picker-modal .modal-head{margin-bottom:9px;align-items:center}
.picker-modal .modal-head h2{font-size:22px;line-height:1.35;color:#f2f3f6;letter-spacing:-.5px}
.picker-modal .modal-head .icon-button{background:#2e333e;color:#9da4b2}
.picker-modal .ios-picker-subtitle{font-size:12px;line-height:1.6;color:#7e8799;margin:0 0 23px}
.ios-picker-columns{display:grid;grid-template-columns:1.1fr .8fr 1.1fr .8fr;gap:8px;width:100%;position:relative}

.ios-picker-column{min-width:0}
.ios-picker-column-label{text-align:center;font-size:10px;color:#7e879a;margin-bottom:8px;white-space:nowrap}
.ios-picker-wheel-frame{height:220px;position:relative;isolation:isolate}
.ios-picker-selection{position:absolute;left:0;right:0;top:88px;height:44px;border-radius:8px;background:#3a3535;border-block:1px solid #b7846740;z-index:-1;pointer-events:none}
.ios-picker-wheel{height:220px;width:100%;padding:88px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;outline:none;box-sizing:border-box;mask-image:linear-gradient(to bottom,transparent 0%,#000 34%,#000 66%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 34%,#000 66%,transparent 100%)}
.ios-picker-wheel::-webkit-scrollbar{display:none}
.ios-picker-wheel:focus-visible{outline:2px solid #eaa080;outline-offset:3px;border-radius:8px}
.ios-picker-wheel.is-disabled{opacity:.35;overflow-y:hidden;pointer-events:none}
.ios-picker-option{height:44px;min-height:44px;line-height:44px;text-align:center;scroll-snap-align:center;scroll-snap-stop:normal;color:#707889;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:29px;font-weight:450;letter-spacing:-.8px;font-variant-numeric:tabular-nums;user-select:none;-webkit-user-select:none;cursor:pointer;white-space:nowrap;transition:color .08s;box-sizing:border-box}
.ios-picker-option.is-selected{color:#f5c1a6;font-weight:600}
.ios-picker-option.is-long{font-size:21px;letter-spacing:-.7px}
.ios-picker-preview{text-align:center;min-height:26px;margin:16px 0 7px;font-size:16px;font-weight:550;letter-spacing:-.25px;font-variant-numeric:tabular-nums;color:#e6e9f0}
.picker-modal .ios-picker-rir-help{margin:12px 0 0;padding-top:11px;border-top:1px solid #303641;font-size:11px;line-height:1.55;color:#9aa8bc}
.ios-picker-rir-help strong{display:block;margin-bottom:3px;font-size:11px;font-weight:600;color:#d8dfec}
.ios-picker-rir-help small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#7e8ca2}
.picker-modal>.modal-actions{display:flex;gap:12px;margin-top:24px}
.picker-modal>.modal-actions .button{min-height:48px;border-radius:12px;font-size:13px;flex:1}
.picker-modal>.modal-actions .ios-picker-cancel{background:#2c323e;border-color:#414a5b;color:#bbc5d8}
.picker-modal>.modal-actions .ios-picker-apply{background:#ef936e;color:#222830;font-weight:650}
@media(max-width:360px){.picker-modal .modal-head h2{font-size:20px}.ios-picker-columns{gap:6px;grid-template-columns:1.1fr .8fr 1.05fr .8fr}.ios-picker-option{font-size:25px}.ios-picker-option.is-long{font-size:18px}.ios-picker-column-label{font-size:9px}.ios-picker-preview{font-size:14px}.picker-modal .ios-picker-subtitle{font-size:11px;margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ios-picker-option{transition:none}.ios-picker-wheel{scroll-behavior:auto}}