.time-field{position:relative;display:flex;align-items:center;width:100%;min-width:0}
.time-field>input{width:100%;min-width:0;padding-right:50px}
.time-field__toggle{position:absolute;right:7px;top:50%;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--pink-strong,var(--accent-dark,#62162c));transform:translateY(-50%);transition:background .16s ease,color .16s ease}
.time-field__toggle:hover{background:var(--pink-faint,var(--pale,#f2e8df))}
.time-field__toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.time-picker{position:fixed;z-index:1001;display:grid;gap:12px;max-height:min(330px,calc(100dvh - 24px));overflow:hidden;padding:14px;border:1px solid var(--line,#e3d8cf);border-radius:18px;background:var(--surface,var(--paper,#fffefa));box-shadow:0 18px 48px rgba(44,32,35,.18);color:var(--ink,var(--text,#2c2023));font:500 14px/1.35 var(--ui,var(--font-ui,'DM Sans',sans-serif))}
.time-picker[hidden]{display:none}
.time-picker__header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.time-picker__header strong{font-size:14px}
.time-picker__done{border:0;border-radius:999px;padding:7px 13px;background:var(--pink-strong,var(--accent-dark,#62162c));color:#fff;font:600 12px var(--ui,var(--font-ui,'DM Sans',sans-serif))}
.time-picker__columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}
.time-picker__columns section{display:grid;gap:5px;min-height:0}
.time-picker__columns h3{margin:0;color:var(--muted,#73676b);font-size:11px;font-weight:700;text-align:center}
.time-picker__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;max-height:220px;overflow:auto;overscroll-behavior:contain;scrollbar-color:var(--line,#e3d8cf) transparent;scrollbar-width:thin}
.time-picker__option{min-height:34px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink,var(--text,#2c2023));font:500 13px/1 var(--ui,var(--font-ui,'DM Sans',sans-serif));font-variant-numeric:tabular-nums}
.time-picker__option:hover{border-color:var(--pink,var(--accent,#86213e));background:var(--pink-faint,var(--pale,#f2e8df))}
.time-picker__option.is-selected{border-color:var(--pink-strong,var(--accent-dark,#62162c));background:var(--pink-strong,var(--accent-dark,#62162c));color:#fff;font-weight:700}
@media(prefers-reduced-motion:reduce){.time-field__toggle{transition:none}}