.date-picker-overlay{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:16px;overscroll-behavior:none;touch-action:none}.date-picker-overlay-backdrop{position:absolute;inset:0;border:none;padding:0;background:color-mix(in oklab,var(--color-ink-strong) 45%,transparent);cursor:pointer}.date-picker-overlay-panel{position:relative;z-index:1;width:min(100%,320px);touch-action:none}.date-picker-overlay-panel .simple-date-picker{display:block;width:100%}.date-picker-overlay-panel .date-picker-dropdown{position:static;width:100%;max-width:none;margin-top:0}.simple-date-picker{position:relative;display:inline-block}.date-picker-trigger{display:flex;flex-direction:column;align-items:flex-start;padding:0;background:none;border:none;color:var(--color-ink);text-align:left;cursor:pointer}.date-picker-dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sheet);padding:18px;min-width:300px;margin-top:8px}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.nav-btn{width:30px;height:30px;border:none;background:var(--color-sunken);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--color-ink);display:flex;align-items:center;justify-content:center;transition:background .2s}.nav-btn:hover{background:var(--color-sunken)}.month-year{font-weight:700;font-size:.95rem;color:var(--color-ink)}.days-of-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.day-header{text-align:center;font-size:.75rem;font-weight:600;color:var(--color-ink-muted);padding:8px 4px}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-ink);transition:all .2s;min-height:36px;padding:0;touch-action:manipulation}.day-cell:hover:not(.empty){background:var(--color-sunken)}.day-cell.empty{cursor:default}.day-cell.today{color:var(--color-brand-600);font-weight:700;box-shadow:0 0 0 1.5px var(--color-brand-600)}.day-cell.today.selected{box-shadow:none}.day-cell.selected{background:var(--color-brand-600);color:#fff}.day-cell.selected:hover{background:var(--color-brand-600)}.day-cell.disabled{opacity:.35;cursor:not-allowed}.day-cell.mark-free,.day-cell.mark-almost,.day-cell.mark-full,.day-cell.mark-short,.day-cell.mark-off{position:relative}.day-cell.mark-free:after,.day-cell.mark-almost:after,.day-cell.mark-short:after,.day-cell.mark-full:after{content:"";position:absolute;bottom:4px;left:50%;width:18px;height:3px;border-radius:999px;transform:translate(-50%)}.day-cell.mark-free:after{background:var(--color-success)}.day-cell.mark-full:after{background:var(--color-ink-muted)}.day-cell.mark-almost:after,.day-cell.mark-short:after{background:linear-gradient(to right,var(--color-success) 50%,var(--color-ink-muted) 50%)}.day-cell.mark-off{color:var(--color-ink-muted);opacity:.55}.day-cell.selected.mark-free:after,.day-cell.selected.mark-full:after{background:var(--color-surface)}.day-cell.selected.mark-almost:after,.day-cell.selected.mark-short:after{background:linear-gradient(to right,var(--color-surface) 50%,color-mix(in oklab,var(--color-surface) 45%,transparent) 50%)}.date-picker-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-line);font-size:.75rem;color:var(--color-ink-muted)}.date-picker-legend-item{display:inline-flex;align-items:center;gap:6px}.date-picker-legend-dot{width:14px;height:3px;border-radius:999px;background:var(--color-success)}.date-picker-legend-dot.is-full{background:var(--color-ink-muted)}.date-picker-legend-dot.is-almost,.date-picker-legend-dot.is-short{background:linear-gradient(to right,var(--color-success) 50%,var(--color-ink-muted) 50%)}