.mosaic-calendar-picker{position:fixed;inset:auto;margin:0;padding:16px;width:min(330px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;background:var(--surface,#fffdf9);color:var(--text,#303a36);border:1px solid var(--line,#dce2d5);border-radius:22px;box-shadow:0 12px 40px #183c3529;font:14px 'DM Sans',sans-serif}
.mosaic-calendar-picker::backdrop{background:#14251f55}
.mosaic-calendar-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:600}
.mosaic-calendar-picker button{font:inherit;min-height:36px;padding:6px;border-radius:10px;color:inherit;background:transparent;border:0}
.mosaic-calendar-heading button{width:36px;font-size:22px}
.mosaic-calendar-month{display:grid;grid-template-columns:28px minmax(0,1fr) 86px 28px;align-items:center;gap:4px;margin-bottom:14px}
.mosaic-calendar-month select{min-width:0;width:100%;font:inherit;font-weight:600;padding:9px 28px 9px 8px!important;background-color:var(--soft,#edf0e7);color:inherit;border:0;border-radius:10px}
.mosaic-calendar-month button{font-size:23px}
.mosaic-calendar-week,.mosaic-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center}
.mosaic-calendar-week{font-size:12px;margin-bottom:8px;color:var(--muted,#56675b)}
.mosaic-calendar-days button{min-width:0;aspect-ratio:1;font-weight:500}
.mosaic-calendar-picker button:hover:not(:disabled){background:var(--soft,#edf0e7)}
.mosaic-calendar-days button.is-today{box-shadow:inset 0 0 0 1px var(--accent-strong,#51694f)}
.mosaic-calendar-days button.is-selected{background:var(--ink,#183c35);color:var(--button-text,#fff)}
.mosaic-calendar-days button.is-selected:hover:not(:disabled){background:var(--ink,#183c35);color:var(--button-text,#fff)}
.mosaic-calendar-picker button:disabled{opacity:.35;cursor:default}
.mosaic-calendar-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line,#dce2d5);margin-top:12px;padding-top:10px}
.mosaic-calendar-footer button{padding:8px 14px;background:var(--soft,#edf0e7)}
@media(pointer:coarse){.mosaic-calendar-picker{width:min(350px,calc(100vw - 16px));padding:12px}.mosaic-calendar-picker button{min-height:40px}}