.when-step{gap:1rem;display:grid;container:when-step/inline-size}.when-step__body{gap:1rem;display:grid}.when-step__cal,.when-step__tail,.when-step__wide{min-width:0}.when-step__tail,.when-step__wide{gap:1rem;display:grid}.when-step__wide:empty{display:none}@container when-step (min-width:48rem){.when-step__body{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,26rem) minmax(0,1fr);align-items:start;gap:1rem 2rem}.when-step__cal{grid-area:1/1/span 2}.when-times{grid-area:1/2}.when-step__tail{grid-area:2/2}.when-step__body--wide{grid-template-rows:auto auto auto}.when-step__body--wide .when-step__cal{grid-row:1}.when-step__body--wide .when-step__wide{grid-area:2/1/auto/-1}.when-step__body--wide .when-step__tail{grid-area:3/1/auto/-1}}.when-switch{cursor:pointer;min-height:44px;color:var(--text-primary,#0f172a);justify-self:start;align-items:center;gap:.75rem;font-weight:600;display:inline-flex;position:relative}.when-switch__input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.when-switch__track{border:1px solid var(--border-control,#708096);background:var(--surface-card,#fff);border-radius:999px;flex:none;width:2.75rem;height:1.5rem;position:relative}.when-switch__track:after{content:"";background:var(--border-control,#708096);border-radius:50%;width:calc(1.5rem - 6px);height:calc(1.5rem - 6px);position:absolute;top:2px;left:2px}.when-switch__input:checked+.when-switch__track{border-color:var(--events-600,#2563eb);background:var(--events-600,#2563eb)}.when-switch__input:checked+.when-switch__track:after{background:#fff;left:calc(100% - 1.5rem + 4px)}.when-switch__input:focus-visible+.when-switch__track{outline:2px solid var(--text-primary,#0f172a);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.when-switch__track,.when-switch__track:after{transition:left .15s,background-color .15s}}.when-cal{max-width:26rem;container:when-cal/inline-size}.when-cal__head{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:.5rem;margin-bottom:.5rem;display:grid}.when-cal__title{text-align:center;font-family:var(--font-display,system-ui);color:var(--text-primary,#0f172a);margin:0;font-weight:700}.when-cal__nav{border:1px solid var(--border-control,#708096);background:var(--surface-card,#fff);width:44px;height:44px;color:var(--text-primary,#0f172a);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:inline-flex}.when-cal__nav[aria-disabled=true]{border-color:var(--border-default,#d4dee9);color:var(--text-muted,#5e6f83);cursor:default}.when-cal__nav:focus-visible{outline:2px solid var(--text-primary,#0f172a);outline-offset:2px}.when-cal__weekdays,.when-cal__row{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.when-cal__weekdays{text-align:center;text-transform:uppercase;color:var(--text-muted,#5e6f83);margin-bottom:4px;font-size:.75rem;font-weight:700}.when-cal__grid{row-gap:2px;display:grid}.when-cal__cell{aspect-ratio:1;border-radius:var(--radius-md,10px);min-width:0;color:var(--text-primary,#0f172a);font-family:var(--font-display,system-ui);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:1rem;font-weight:600;display:flex;position:relative}.when-cal__cell.is-out{cursor:default}@media (hover:hover) and (pointer:fine){.when-cal__cell:not(.is-out):not(.is-end):not(.is-start):not([aria-disabled=true]):hover{border-color:var(--events-500,#3b82f6)}}.when-cal__cell:focus-visible{outline:2px solid var(--text-primary,#0f172a);outline-offset:1px;z-index:1}.when-cal__cell.is-past{color:var(--text-muted,#5e6f83);font-weight:500}.when-cal__cell[aria-disabled=true]{cursor:not-allowed}.when-cal__cell.is-today{box-shadow:inset 0 0 0 2px var(--events-500,#3b82f6)}.when-cal__cell.in-range{border-top-color:var(--events-500,#3b82f6);border-bottom-color:var(--events-500,#3b82f6);background:var(--events-050,#eff6ff);color:var(--text-primary,#0f172a);border-radius:0}.when-cal__cell.is-start,.when-cal__cell.is-end{border-color:var(--events-600,#2563eb);background:var(--events-600,#2563eb);color:#fff;font-weight:700}.when-cal__cell.is-start.has-range{border-top-right-radius:0;border-bottom-right-radius:0}.when-cal__cell.is-end.has-range{border-top-left-radius:0;border-bottom-left-radius:0}.when-cal__cell.is-today.is-start,.when-cal__cell.is-today.is-end{box-shadow:inset 0 0 0 2px #fff}.when-summary{border:1px solid var(--border-default,#d4dee9);border-radius:var(--radius-md,10px);background:var(--surface-subtle,#f8fafc);color:var(--text-primary,#0f172a);margin:0;padding:.75rem 1rem}.when-summary:focus-visible{outline:2px solid var(--text-primary,#0f172a);outline-offset:2px}.when-summary__line{margin:0}.when-summary__line+.when-summary__line{margin-top:.25rem}.when-summary__line:empty{margin:0}.when-summary__prompt{color:var(--text-secondary,#334155);font-size:.875rem}.when-summary__timetable,.when-summary__timetable+.when-summary__line:not(:empty){margin-top:.5rem}.when-step__notice{border-inline-start:3px solid var(--events-500,#3b82f6);border-radius:var(--radius-sm,6px);background:var(--surface-subtle,#eaf0f7);color:var(--text-primary,#0f172a);margin:0;padding:.5rem .75rem;font-size:.875rem}.when-step__notice:empty{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.when-row{border:0;border-top:1px solid var(--border-default,#d4dee9);min-width:0;margin:0;padding:.75rem 0 0}.when-row__title{float:left;width:100%;font-family:var(--font-display,system-ui);color:var(--text-primary,#0f172a);margin:0 0 .5rem;padding:0;font-weight:700}.when-row__body{clear:both;gap:.75rem;min-width:0;display:grid}.when-week__title{font-family:var(--font-display,system-ui);color:var(--text-primary,#0f172a);margin:0;font-weight:700}.when-week__subtitle,.when-closed__adder-title{color:var(--text-primary,#0f172a);margin:0;font-size:.875rem;font-weight:700}.when-week,.when-week__own,.when-week__pick{gap:.5rem;min-width:0;display:grid}.when-week__group{gap:.75rem;min-width:0;display:grid}.when-week__days{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;max-width:26rem;display:grid}.when-week__day.chip{justify-content:center;min-width:0;padding-inline:0}.when-week__day.chip:focus-visible{z-index:1;outline-color:var(--text-primary,#0f172a);outline-offset:1px;position:relative}.when-closed{border-top:1px solid var(--border-default,#d4dee9);gap:.5rem;min-width:0;padding-top:.75rem;display:grid}.when-closed:focus-visible{outline:2px solid var(--text-primary,#0f172a);outline-offset:2px}.when-closed__list{margin:0;padding:0;list-style:none;display:grid}.when-closed__item{flex-wrap:wrap;align-items:center;column-gap:.75rem;min-width:0;display:flex}.when-closed__date{min-width:6.5rem;color:var(--text-primary,#0f172a);font-weight:600}.when-closed__why{min-width:0;color:var(--text-secondary,#334155);flex:14rem;font-size:.875rem}.when-closed__btn{justify-content:center;min-width:44px}.when-closed__adder{flex-wrap:wrap;align-items:flex-end;gap:.5rem .75rem;min-width:0;display:flex}.when-closed__adder-title{flex-basis:100%}.when-closed__field{flex:11rem;gap:.35rem;min-width:0;max-width:18rem;display:grid}.when-times{gap:1rem;display:grid}.when-slot{grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:.75rem;display:grid}.when-slot__title{color:var(--text-primary,#0f172a);margin:0;font-size:.875rem;font-weight:700}.when-time{gap:.35rem;min-width:0;display:grid}.when-time__label{color:var(--text-secondary,#334155);font-size:.875rem}.when-time__selects{align-items:center;gap:.35rem;display:flex}.when-time__select.form-input{flex:1 1 0;min-width:0;padding-left:.6rem;padding-right:2.2rem}.when-time__hour.form-input{flex-grow:1.6}.when-time__colon{color:var(--text-secondary,#334155);font-weight:700}.when-step__hint{color:var(--text-secondary,#334155);margin:0;font-size:.875rem}.when-step__text-btn{min-height:44px;color:var(--link-accent,var(--events-700,#1d4ed8));cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:600;text-decoration:underline;display:inline-flex}.when-step__text-btn:focus-visible{outline:2px solid var(--text-primary,#0f172a);outline-offset:2px}.when-approx{min-height:44px;color:var(--text-primary,#0f172a);cursor:pointer;align-items:center;gap:.6rem;display:inline-flex}.when-approx input{width:1.25rem;height:1.25rem;accent-color:var(--events-600,#2563eb)}@media (max-width:640px){.when-cal{max-width:none}.when-step--bleed .when-cal{margin-inline:-1rem}.when-week__days{max-width:none}.when-step--bleed .when-week__days{margin-inline:-1rem}}@container when-cal not (min-width:19.25rem){.when-cal__cell{aspect-ratio:auto;min-height:44px}}html.dark .when-switch__track{background:var(--surface-card,#1e293b);border-color:#94a3b8}html.dark .when-switch__track:after{background:#94a3b8}html.dark .when-switch__input:checked+.when-switch__track{border-color:var(--events-300,#93c5fd);background:var(--events-600,#2563eb)}html.dark .when-switch__input:checked+.when-switch__track:after{background:#fff}html.dark .when-cal__nav{background:var(--surface-card,#1e293b);border-color:#94a3b8}html.dark .when-cal__nav[aria-disabled=true]{border-color:var(--border-default,#334155)}html.dark .when-cal__cell.in-range{border-top-color:var(--events-300,#93c5fd);border-bottom-color:var(--events-300,#93c5fd);background:#2563eb38}html.dark .when-cal__cell.is-start,html.dark .when-cal__cell.is-end{border-color:var(--events-300,#93c5fd)}html.dark .when-cal__cell.is-today{box-shadow:inset 0 0 0 2px var(--events-400,#60a5fa)}html.dark .when-cal__cell.is-today.is-start,html.dark .when-cal__cell.is-today.is-end{box-shadow:inset 0 0 0 2px #fff}@media (hover:hover) and (pointer:fine){html.dark .when-cal__cell:not(.is-out):not(.is-end):not(.is-start):not([aria-disabled=true]):hover{border-color:var(--events-300,#93c5fd)}}html.dark .when-summary{border-color:var(--border-default,#334155);background:#0f172a80}html.dark .when-step .chip{--chip-on-border:var(--events-300,#93c5fd)}@media (hover:none) and (forced-colors:none){.when-step .chip:hover{border-color:var(--chip-border);color:var(--chip-text);background:var(--chip-bg)}.when-step .chip[aria-checked=true]:hover,.when-step .chip[aria-pressed=true]:hover{border-color:var(--chip-on-border);color:var(--chip-on-text);background:var(--chip-on-bg)}}@media (forced-colors:active){.when-switch__track{border-color:canvastext}.when-switch__track:after{background:canvastext}.when-switch__input:checked+.when-switch__track{background:highlight;border-color:highlight}.when-switch__input:checked+.when-switch__track:after{background:highlighttext}.when-cal__cell.is-start,.when-cal__cell.is-end,html.dark .when-cal__cell.is-start,html.dark .when-cal__cell.is-end{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.when-cal__cell.in-range{border-top-color:highlight;border-bottom-color:highlight}.when-step .chip[aria-checked=true],.when-step .chip[aria-pressed=true]{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.when-cal__cell.is-start:focus-visible,.when-cal__cell.is-end:focus-visible,.when-step .chip[aria-checked=true]:focus-visible,.when-step .chip[aria-pressed=true]:focus-visible{outline-color:canvastext}}