.time-picker{flex:1;min-width:0}.time-picker-label{color:#666;margin-bottom:8px;font-size:14px;display:block}.time-picker-trigger{color:#191919;cursor:pointer;background:#fff;border:1px solid #dedede;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:48px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.time-picker-trigger>span{text-align:left;font-variant-numeric:tabular-nums;flex:1;font-size:19px;font-weight:500}.time-picker-trigger>svg{color:#777;flex-shrink:0}.time-picker-trigger:hover,.time-picker-trigger[aria-expanded=true]{border-color:#222;box-shadow:0 0 0 3px #00000006}.time-menu{color:#191919;background:#fff;border:1px solid #e5e5e5;border-radius:22px;width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);margin:0;padding:18px;font-family:inherit;position:fixed;inset:auto;overflow-y:auto;box-shadow:0 12px 48px #00000024}.time-menu:popover-open{animation:.18s ease-out time-menu-in}.time-menu-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.time-menu-heading div>span{color:#777;font-size:12px;display:block}.time-menu-heading strong{font-variant-numeric:tabular-nums;font-size:32px;font-weight:500;line-height:1.3;display:block}.time-menu-heading em{color:#aaa;padding:0 3px;font-style:normal}.time-menu-badge{color:#666;background:#f4f4f4;border-radius:8px;padding:5px 8px;font-size:11px}.time-menu-columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-menu-column>span{text-align:center;color:#777;margin-bottom:6px;font-size:12px;display:block}.time-menu-column [role=listbox]{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccc transparent;background:#f7f7f7;border-radius:12px;height:172px;padding:4px;position:relative;overflow-y:auto}.time-menu-column button{color:#666;width:100%;min-height:40px;font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative}.time-menu-column button:hover{color:#111;background:#eaeaea}.time-menu-column button[aria-selected=true]{color:#fff;background:#191919}.time-menu-column button svg{position:absolute;right:10px}.time-menu-quick{gap:6px;margin:12px 0;display:flex}.time-menu-quick button{color:#666;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e8e8e8;border-radius:9px;flex:1;font-size:13px}.time-menu-quick button[aria-pressed=true]{color:#111;background:#f4f4f4;border-color:#333}.time-menu-confirm{color:#fff;width:100%;min-height:44px;font:inherit;cursor:pointer;background:#191919;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.time-picker :focus-visible{outline-offset:3px;outline:2px solid #555}@keyframes time-menu-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.time-menu:popover-open{animation:none}.time-picker-trigger{transition:none}}@media (max-width:400px){.time-picker-trigger{gap:6px;padding:12px 9px}.time-picker-trigger>span{font-size:18px}.time-picker-trigger>svg:first-child{display:none}}