#day-select,#month-select,#occasion-select{width:100%;padding:10px 12px;border-radius:22px;border:1px solid #ccc;font-size:.9rem;color:#000;background-color:#fdfdfd;box-sizing:border-box;transition:all .2s ease}#day-select:focus,#day-select:hover:not(:disabled),#month-select:focus,#month-select:hover:not(:disabled),#occasion-select:focus,#occasion-select:hover:not(:disabled){border-color:#cbd81d;box-shadow:0 0 0 2px rgba(203,216,29,.25);outline:none}#day-select:focus:required:invalid,#month-select:focus:required:invalid,#occasion-select:focus:required:invalid{box-shadow:0 0 0 4px hsla(0,91%,71%,.1)}#day-select:disabled,#month-select:disabled,#occasion-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.day-month-wrapper{display:inline-flex;width:100%;gap:12px;align-items:end}@media (max-width:640px){.day-month-wrapper{gap:10px}}@media (max-width:640px) and (max-width:480px){.day-month-wrapper{gap:16px}}.day,.month{flex:1;display:flex;flex-direction:column;min-width:0}.day label,.month label{display:block;font-weight:600;font-size:14px;color:#333}@media (prefers-color-scheme:light){.day label,.month label{color:#333}}@media (prefers-contrast:high){#day-select,#month-select,#occasion-select{border-width:2px}}