.date-field-control{min-width:0;position:relative}.date-field-control input[type=date]{padding-right:52px}.date-field-control input::-webkit-calendar-picker-indicator{display:none}.date-field-control>button{color:var(--accent);position:absolute;top:3px;right:4px}.calendar-dialog{border:1px solid color-mix(in srgb, var(--text) 17%, transparent);background:var(--chrome);width:min(390px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:var(--shadow-float);overscroll-behavior:contain;border-radius:28px;margin:0;padding:16px;position:fixed;overflow:auto}.calendar-dialog::backdrop{background:#0002}.calendar-dialog .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.calendar-dialog[open]{animation:calendar-in .18s var(--ease-out)}.calendar-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}:root[data-style=spatial] .calendar-title h2{color:var(--muted);font-size:15px;font-weight:500}.calendar-navigation{align-items:center;gap:2px;margin-bottom:18px;display:flex}.calendar-month-select{flex:1;gap:2px;min-width:0;display:flex}:root[data-style=spatial] .calendar-dialog .calendar-month-select>select{background:var(--raised);border:0;border-radius:999px;min-height:44px;padding:6px 8px;font-size:17px;line-height:22px}:root[data-style=spatial] .calendar-dialog .calendar-month-select>select:first-child{text-transform:capitalize;flex:1 1 0;width:0;min-width:0}:root[data-style=spatial] .calendar-dialog .calendar-month-select>select:last-child{flex:0 0 84px;width:84px;min-width:0}:root[data-style=spatial] .calendar-navigation>button{width:44px;height:44px;color:var(--accent);background:0 0;flex:0 0 44px}.calendar-grid>[role=row]{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-block:4px;display:grid}.calendar-weekdays{color:var(--muted);text-align:center;padding-bottom:6px;font-size:12px}.calendar-grid [role=gridcell]{justify-content:center;display:flex}.calendar-grid button{border-radius:50%;width:100%;max-width:44px;height:44px;padding:0;font-size:15px;transition:background .12s}.calendar-grid button.outside{color:var(--muted)}.calendar-grid button[aria-current=date]{box-shadow:inset 0 0 0 1px var(--accent-line);color:var(--accent-text)}.calendar-grid button.selected{color:var(--accent-ink);background:var(--action-bg);box-shadow:0 4px 14px #007aff30}.calendar-grid button:disabled{opacity:.25}.calendar-dialog footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:12px;padding-top:8px;display:flex}.calendar-dialog footer button{font-size:14px}@media (hover:hover) and (pointer:fine){.calendar-grid button:not(.selected):hover:not(:disabled){background:var(--raised)}}@keyframes calendar-in{0%{opacity:0;transform:translateY(5px)scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.calendar-dialog[open]{animation:none}}