#timeDialog{--wheel-height:min(180px,max(72px,calc(100dvh - 208px)));width:min(calc(100vw - 24px),340px)}
.time-picker-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.time-wheel-group{min-width:0}.time-wheel-group>label{display:block;text-align:center;font-size:12px;margin:0 0 6px}
.time-wheel-frame{position:relative;border-radius:18px;overflow:hidden;background:#faf8fd}
.time-wheel-frame::after{content:"";position:absolute;left:2px;right:2px;top:calc(50% - 18px);height:36px;border:1px solid #d9caeb;border-radius:14px;pointer-events:none}
.time-wheel{height:var(--wheel-height);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;padding:calc((var(--wheel-height) - 36px)/2) 0;box-sizing:border-box;touch-action:pan-y}
.time-wheel::-webkit-scrollbar{display:none}
.time-wheel-option{display:flex;width:100%;height:36px;min-height:36px;padding:0;align-items:center;justify-content:center;scroll-snap-align:center;border:0!important;border-radius:14px!important;background:transparent;font-size:18px;line-height:36px;color:#9a91a4}
.time-wheel-option[aria-selected=true]{color:#513a70;font-weight:700}
.time-wheel-option:hover{transform:none;background:#eee5ff77}
.time-wheel:focus-visible{outline:2px solid #9c7cbd;outline-offset:-2px;border-radius:18px}
.time-dialog-header,.time-dialog-actions,.time-hint{flex-shrink:0}
.time-dialog-actions{position:sticky;bottom:0;background:#fafaf7}
@media(max-height:380px){.time-dialog-header{margin-bottom:5px}.time-hint{margin:5px 0}.time-dialog-actions{padding-top:3px}}