.datetime-tool{--dt-border:var(--border)}.datetime-stack,.datetime-controls{gap:1.15rem;min-width:0;display:grid}.datetime-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr);align-items:start;gap:1.5rem;display:grid}.datetime-stage{border:1px solid var(--border);border-radius:var(--surface-radius,20px);background:var(--bg);align-content:start;gap:1.25rem;min-width:0;padding:clamp(1rem,2.8vw,2rem);display:grid}.datetime-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.75rem;font-weight:650}.datetime-answer{letter-spacing:-.04em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(2rem,6vw,4.2rem);font-weight:550;line-height:1.08}.datetime-answer-small{font-size:clamp(1.3rem,3.2vw,2.5rem)}.datetime-note,.datetime-stage p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.6}.datetime-error{color:var(--danger)!important}.datetime-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.datetime-stat{border-top:1px solid var(--border);gap:.35rem;min-width:0;padding:.75rem 0;display:grid}.datetime-stat span{color:var(--muted);font-size:.76rem}.datetime-stat strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:1.04rem;font-weight:550}.datetime-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.datetime-pills{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.datetime-calendar{gap:.6rem;min-width:0;display:grid}.datetime-calendar-heading{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.datetime-calendar-heading strong{font-size:.95rem}.datetime-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:.2rem;display:grid}.datetime-weekday{text-align:center;color:var(--muted);padding-block:.3rem;font-size:.65rem}.datetime-calendar-grid button{font-variant-numeric:tabular-nums;min-width:0;min-height:36px;color:var(--fg);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:0;font-size:.8rem}.datetime-calendar-grid button:hover{border-color:var(--border);background:var(--bg)}.datetime-calendar-grid button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.datetime-calendar-grid button:disabled{opacity:1;cursor:default}.datetime-calendar-grid button[data-state=range],.datetime-calendar-grid button[data-state=working]{background:color-mix(in srgb, var(--fg) 9%, transparent)}.datetime-calendar-grid button[data-state=holiday]{border:1px dashed var(--muted);text-decoration:line-through}.datetime-calendar-grid button[data-state=off]{opacity:.45}.datetime-calendar-grid button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.datetime-date-cards{justify-content:space-around;align-items:center;gap:.75rem;display:flex}.datetime-date-card{text-align:center;gap:.2rem;min-width:0;display:grid}.datetime-date-card>strong{font-size:clamp(2.7rem,5vw,4rem);font-weight:500;line-height:1.2}.datetime-date-card>span{font-size:.8rem}.datetime-date-card>span:first-child,.datetime-date-card>small{color:var(--muted)}.datetime-progress{background:color-mix(in srgb, var(--fg) 10%, transparent);border-radius:999px;height:.65rem;overflow:hidden}.datetime-progress>span{background:var(--fg);border-radius:inherit;height:100%;display:block}.datetime-clock-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.datetime-clock-card{text-align:center;border:1px solid var(--border);border-radius:16px;justify-items:center;gap:.3rem;min-width:0;padding:1rem;display:grid}.datetime-clock{width:90px;height:90px;margin-block:.25rem}.datetime-clock-card strong{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:500}.datetime-clock-card span,.datetime-clock-card small{overflow-wrap:anywhere;font-size:.77rem}.datetime-clock-card small{color:var(--muted)}.datetime-zones{gap:.75rem;display:grid}.datetime-zone{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.datetime-zone button[aria-label^=Remove]{margin-bottom:.15rem}.datetime-week-strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;display:grid}.datetime-week-strip button{border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:center;gap:.35rem;min-height:66px;padding:.4rem 0;display:grid}.datetime-week-strip button[aria-pressed=true]{color:var(--bg);background:var(--fg)}.datetime-week-strip span{font-size:.67rem}.datetime-week-strip strong{font-size:.95rem}.datetime-duration-parts{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.datetime-duration-parts .datetime-stat{text-align:center}.datetime-duration-parts strong{font-size:1.5rem}.datetime-weekdays{flex-wrap:wrap;gap:.3rem;display:flex}.datetime-weekdays button{flex:1;min-width:35px;padding-inline:.35rem}.datetime-tool fieldset{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.datetime-tool legend{margin-bottom:.6rem;font-size:.85rem;font-weight:550}@media (width<=700px){.datetime-layout{grid-template-columns:minmax(0,1fr);gap:1rem}.datetime-layout>.datetime-controls{order:-1}.datetime-stage{padding:1rem}.datetime-clock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.datetime-clock-card{padding:.7rem .4rem}.datetime-clock-card strong{font-size:1.18rem}.datetime-week-strip button{min-height:60px}}