.time-input{width:6.5em}.date-input{gap:4px;display:flex;position:relative}.date-input>input{flex:1;width:8.5em;min-width:0}.date-input>.calendar-toggle{width:var(--tap,44px);flex:none;padding:0}.calendar-toggle:before{content:"📅"}.calendar{z-index:20;box-sizing:border-box;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(296px,100vw - 24px);padding:8px;font-weight:400;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 24px #0000004d}.calendar.align-end{left:auto;right:0}.calendar-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.calendar-head button{width:40px;min-height:40px;padding:0}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.calendar-weekday{text-align:center;color:var(--muted);padding:4px 0;font-size:.8rem}.calendar-grid button{background:0 0;border-color:#0000;min-height:38px;padding:0}.calendar-grid button.outside{color:var(--muted)}.calendar-grid button.selected{background:var(--accent);color:var(--accent-text)}.calendar-grid button:disabled{cursor:default;opacity:.35}.allergen-icon{background:currentColor;flex:none;width:1.75em;height:1.75em;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.allergens{flex-wrap:wrap;gap:4px 12px;margin:4px 0 0;padding:0;list-style:none;display:flex}.allergens li{align-items:center;gap:6px;display:inline-flex}