.meal-time-picker{position:fixed;z-index:25;width:188px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:10px;background:#fff;border:2px solid var(--border);border-radius:18px;box-shadow:none;color:var(--ink);font-family:var(--body)}
.meal-time-picker-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.meal-time-picker-label{display:block;padding:3px 0 8px;text-align:center;font-size:12px;color:var(--muted)}
.meal-time-picker-list{position:relative;display:flex;flex-direction:column;gap:4px;height:190px;overflow-y:auto;padding:4px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d7dbe0 transparent}
.meal-time-picker-option{display:block;flex-shrink:0;width:100%;min-height:34px;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:15px;line-height:20px;font-variant-numeric:tabular-nums;text-align:center}
.meal-time-picker-option:hover{background:var(--warm)}
.meal-time-picker-option[aria-selected="true"]{background:var(--brand);color:#fff}
.meal-time-picker-option:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.meal-time-picker-done{display:block;width:100%;min-height:36px;margin-top:8px;padding:7px 10px;border:0;border-radius:9px;background:var(--warm);color:var(--brand);font-size:13px;line-height:20px}
.meal-time-picker-done:hover{background:#ffe3e5}
@media(max-height:420px){.meal-time-picker-list{height:120px}}