.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:6px;margin-bottom:18px;display:flex}.calendar-month-select{flex:1;gap:4px;min-width:0;display:flex}:root[data-style=spatial] .calendar-month-select select{background:var(--raised);border:0;border-radius:10px;min-height:40px;padding:8px 4px 8px 8px;font-size:14px}.calendar-month-select select:first-child{text-transform:capitalize;flex:1}.calendar-month-select select:last-child{width:76px}:root[data-style=spatial] .calendar-navigation>button{background:var(--raised);width:36px;height:36px}.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}}