.options-calendar{position:relative}.options-calendar-button{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;border:1px solid hsl(var(--border));padding:12px 14px;background:var(--panel);color:var(--text);font-size:1rem;font-family:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.options-calendar-button span{flex:1;text-align:left;font-weight:500}.options-calendar-button.is-empty span{color:var(--muted)}.options-calendar-button svg{width:20px;height:20px;color:var(--muted)}.options-calendar-button:hover{border-color:hsl(var(--electric-blue))}.options-calendar-button:focus-visible{outline:none;box-shadow:0 0 0 2px hsl(var(--electric-blue)/.4)}.options-calendar-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:10;background:var(--panel);background:hsl(from var(--panel) h s l/1);border:1px solid hsl(var(--border));border-radius:16px;padding:16px;min-width:260px}.options-calendar-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-weight:600}.options-calendar-title{flex:1;text-align:center}.options-calendar-nav{border:none;background:color-mix(in hsl,var(--panel) 88%,white 12%);border-radius:999px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;color:var(--muted);transition:background .2s ease,color .2s ease}.options-calendar-nav:disabled{opacity:.4;cursor:default}.options-calendar-nav:not(:disabled):focus-visible,.options-calendar-nav:not(:disabled):hover{background:linear-gradient(90deg,hsl(var(--electric-blue)/1),hsl(var(--magenta)/1));color:#050505;outline:none}.options-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px;gap:4px}.options-calendar-weekdays span{text-align:center}.options-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.options-calendar-day{border:none;background:color-mix(in hsl,var(--panel) 80%,hsl(var(--text)/.2) 20%);box-shadow:inset 0 0 0 1px hsl(var(--border));border-radius:10px;padding:8px 0;font-weight:600;color:var(--text);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.options-calendar-day:focus-visible,.options-calendar-day:hover{outline:none;background:linear-gradient(90deg,hsl(var(--electric-blue)/1),hsl(var(--magenta)/1));color:#050505}.options-calendar-day.is-selected{background:linear-gradient(90deg,hsl(var(--electric-blue)/1),hsl(var(--magenta)/1));color:#050505}.options-calendar-day.is-outside{color:color-mix(in hsl,var(--muted) 70%,white 30%);background:color-mix(in hsl,var(--panel) 96%,white 4%)}.options-calendar-day.is-disabled{background:color-mix(in hsl,var(--panel) 74%,white 26%);color:color-mix(in hsl,var(--muted) 85%,white 15%);cursor:not-allowed;opacity:.65}.options-calendar-clear{margin-top:12px;width:100%;border:none;background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.options-calendar-clear:focus-visible,.options-calendar-clear:hover{color:var(--text);text-decoration:underline;outline:none}