/* Native inputs remain the progressive fallback and the canonical submitted values. */
.schedule-native{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.schedule-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;text-align:left;padding:15px 16px;background:#20242b;color:#9ba5b4;border:1px solid #ffffff20;border-radius:10px;font-size:15px;line-height:1.5;transition:border-color .25s,box-shadow .25s,background .25s}
.schedule-trigger.has-value{color:#f0f2f5}.schedule-trigger>span{min-width:0;overflow-wrap:anywhere}.schedule-trigger svg{width:20px;height:20px;flex:none;fill:none;stroke:#c5ced9;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.schedule-trigger:hover{border-color:#ffffff46}.schedule-trigger[aria-expanded=true],.schedule-trigger:focus-visible{outline:none;border-color:#c3cdd9;box-shadow:0 0 0 3px #bfc9d615,0 0 28px #c5d6ec12;background:#242932}.schedule-trigger[aria-invalid=true]{border-color:#e8e8e8}
#schedule-picker{color:#edf0f4;background:linear-gradient(145deg,#252a32,#161a20 70%);border:1px solid #c5d3e23b;border-radius:22px;box-shadow:0 32px 120px #000b,0 0 60px #c7d7ee0a;padding:0;width:min(440px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 28px);overflow:auto;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .2s,transform .25s var(--ease);overscroll-behavior:contain}
#schedule-picker.is-open{opacity:1;transform:translateY(0) scale(1)}#schedule-picker::backdrop{background:#07090dc9;backdrop-filter:blur(10px)}
.schedule-dialog-content{padding:26px}.schedule-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.schedule-dialog-header h2{font-size:26px;font-weight:550;line-height:1.2;margin:0;letter-spacing:-.04em}
.schedule-close{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;border:1px solid #ffffff1c;color:#b5c1d0;background:#ffffff04;font-size:26px;line-height:1}.schedule-close:hover{color:#fff;background:#ffffff0d}
#schedule-hint{color:#99a6b7;font-size:11px;line-height:1.7;margin:13px 0 22px}.calendar-navigation{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:8px;margin-bottom:16px}.calendar-navigation strong{text-align:center;font-size:15px;font-weight:550;text-transform:capitalize}.calendar-navigation button{height:40px;border:1px solid #ffffff1b;background:#ffffff04;border-radius:10px;color:#cdd7e4;font-size:18px}.calendar-navigation button:disabled{opacity:.2;cursor:default}
.calendar-week,.calendar-days>[role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-week{margin-bottom:10px;color:#7f8b9b;font-size:10px;text-align:center}.calendar-days{display:grid;gap:5px}.calendar-days [role=gridcell]{min-width:0}.calendar-days button{position:relative;width:100%;min-height:42px;padding:0;border:1px solid transparent;border-radius:11px;background:#ffffff03;color:#dce3ec;font-size:13px;font-variant-numeric:tabular-nums;transition:background .2s,box-shadow .2s,color .2s,transform .2s}
.calendar-days button:disabled{color:#58616f;background:none;cursor:default}.calendar-days button[aria-current=date]:after{content:"";position:absolute;bottom:5px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:currentColor}.calendar-days button:not(:disabled):not(.is-selected):not(.is-chosen):hover{background:#ffffff12;border-color:#ffffff22}
.calendar-days button.is-selected,.calendar-days button.is-chosen{background:#edf1f1;color:#121821;border-color:#fff;box-shadow:0 0 24px #d5e6ff20}
.schedule-clock-preview{display:flex;justify-content:center;gap:15px;padding:28px 0 24px;font-size:42px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.schedule-clock-preview>span:nth-child(2){color:#66758a}#schedule-clock h3{font-size:11px;letter-spacing:0;font-weight:500;color:#98a5b8;margin:0 0 10px}
.schedule-hours,.schedule-minutes{display:grid;gap:7px;margin-bottom:20px}.schedule-hours{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-minutes{grid-template-columns:repeat(6,minmax(0,1fr))}.schedule-hours button,.schedule-minutes button{min-height:42px;padding:0;border:1px solid #ffffff13;border-radius:10px;background:#ffffff05;color:#dce3ed;font-size:14px;font-variant-numeric:tabular-nums;transition:color .2s,background .2s,box-shadow .2s,transform .2s}.schedule-hours button:not(:disabled):not([aria-pressed=true]):hover,.schedule-minutes button:not(:disabled):not([aria-pressed=true]):not(.is-chosen):hover{border-color:#ffffff50;background:#ffffff12}.schedule-hours button:disabled,.schedule-minutes button:disabled{opacity:.22;background:none;cursor:default}.schedule-hours [aria-pressed=true],.schedule-minutes [aria-pressed=true],.schedule-minutes .is-chosen{background:#edf1f1;color:#121821;border-color:#fff;box-shadow:0 0 20px #d5e6ff1c}
.schedule-time-status{font-size:11px;color:#9ba9bc;line-height:1.7;margin:0 0 18px;min-height:19px}.schedule-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff15;margin-top:22px;padding-top:16px}.schedule-dialog-footer button{border:0;background:none;color:#d7e0ed;padding:8px 0;font-size:12px;min-height:40px}.schedule-dialog-footer>span{font-size:10px;color:#7f8c9f}.schedule-picker-open{overflow:hidden}.schedule-content-in{animation:schedule-appear .2s var(--ease)}.is-chosen{animation:schedule-choice .18s ease-out}
@keyframes schedule-appear{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes schedule-choice{50%{transform:scale(.94)}}
@media(max-width:480px){.schedule-dialog-content{padding:20px 18px}.schedule-dialog-header h2{font-size:24px}.calendar-days button{min-height:38px}.calendar-week,.calendar-days>[role=row]{gap:4px}.schedule-minutes{gap:5px}.schedule-trigger{font-size:16px}}
@media(prefers-reduced-motion:reduce){#schedule-picker,#schedule-picker *{animation:none!important;transition:none!important}}

.clock-value{position:relative;display:block;width:2.15ch;height:1.25em;line-height:1.25;overflow:hidden;text-align:center;mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.clock-current{display:block}.clock-previous{position:absolute;inset:0;pointer-events:none}

/* Explicit button states avoid platform-native tint and selected/hover contrast loss. */
#schedule-picker{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);scrollbar-width:thin;scrollbar-color:#667180 #1a1e25}
#schedule-picker button{appearance:none;-webkit-appearance:none;opacity:1;color-scheme:dark}
.calendar-days button{background:#222831;border-color:#303741;color:#e5ebf3}
.calendar-days button:disabled{opacity:1;background:transparent;border-color:transparent;color:#737e90}
.calendar-navigation button:disabled{opacity:1;color:#6f7b8c;border-color:#333b47;background:transparent}
.schedule-hours button:disabled,.schedule-minutes button:disabled{opacity:1;color:#737e90;border-color:#333b47;background:transparent}
.calendar-days button.is-selected,.calendar-days button.is-chosen,.schedule-hours button[aria-pressed=true],.schedule-minutes button[aria-pressed=true],.schedule-minutes button.is-chosen{background:#edf1f1;color:#121821;border-color:#fff}
#schedule-picker button:focus-visible{outline:2px solid #d9e6f5;outline-offset:2px}
.calendar-navigation button,.schedule-close{display:grid;place-items:center}
.calendar-navigation .icon,.schedule-close .icon{width:20px;height:20px}
@media(forced-colors:active){#schedule-picker{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}#schedule-picker button{color:ButtonText;border:1px solid ButtonText;background:ButtonFace;forced-color-adjust:auto}#schedule-picker button:disabled{color:GrayText;border-color:GrayText}#schedule-picker .is-selected,#schedule-picker .is-chosen,#schedule-picker button[aria-pressed=true]{color:HighlightText;background:Highlight;border-color:Highlight}#schedule-hint,.calendar-week,#schedule-clock h3,.schedule-time-status,.schedule-dialog-footer>span{color:CanvasText}}