.ui-time-trigger{font-variant-numeric:tabular-nums}
.ui-time-trigger>svg{width:18px;height:18px;flex:none;color:var(--muted)}
.ui-time-picker{width:280px;max-width:min(280px,calc(100vw - 24px));height:max-content;max-height:calc(100dvh - 24px);padding:18px;border-radius:16px}
.ui-time-picker:popover-open{gap:16px}
.ui-time-caption{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;color:var(--ink);font-size:.85rem;font-weight:600}
.ui-time-caption>span>small{display:block;font-size:.7rem;color:var(--muted);font-weight:400;margin-top:3px}
.ui-time-caption .btn-icon{width:28px;height:28px;min-height:28px;padding:5px;border:0;background:transparent;color:var(--muted)}
.ui-time-caption svg{width:18px;height:18px}
.ui-time-entry{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:8px;align-items:center}
.ui-time-wheel-column{--time-row:44px;--time-padding:88px;display:grid;gap:8px;min-width:0;text-align:center}
.ui-time-wheel-column>span{font-size:.75rem;font-weight:500;color:var(--muted)}
.ui-time-wheel-window{position:relative;min-width:0;border-radius:12px;background:var(--field)}
.ui-time-wheel-window::after{content:'';position:absolute;inset:var(--time-padding) 0;pointer-events:none;border-block:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:8px}
.ui-time-wheel{height:calc(var(--time-row) + 2 * var(--time-padding));padding-block:var(--time-padding);overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:12px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.ui-time-wheel::-webkit-scrollbar{display:none}
.ui-time-wheel:focus-visible{outline:none}.ui-time-wheel-window:has(.ui-time-wheel:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.ui-time-wheel>[role=option]{height:var(--time-row);display:flex;align-items:center;justify-content:center;scroll-snap-align:center;font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--muted);cursor:pointer;user-select:none}
.ui-time-wheel>[aria-selected=true]{color:var(--accent);background:var(--ok-bg);font-size:1.9rem;font-weight:700;border-radius:8px}
.ui-time-separator{font-size:1.8rem;font-weight:600;color:var(--muted);text-align:center;padding-top:26px}
.ui-time-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:14px;border-top:1px solid var(--line)}
.ui-time-picker[data-detached="true"]{width:auto;max-width:min(280px,calc(100vw - 24px));margin-inline:auto}
@media(max-height:420px){.ui-time-picker{padding:12px}.ui-time-picker:popover-open{gap:8px}.ui-time-wheel-column{--time-row:36px;--time-padding:36px}.ui-time-footer{padding-top:8px}}