.dt-native[hidden]{display:none!important}.dt-editor{display:flex;gap:8px;align-items:stretch;min-width:0}.dt-date{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;background:white;min-width:0;flex:1;padding:0 6px}.dt-segments{display:flex;align-items:center;flex:1;min-width:0}.dt-segments input{border:0!important;outline-offset:-2px;background:transparent;padding:10px 2px;text-align:center;min-width:0;width:36px;flex:none}.dt-segments input[data-part=year]{width:56px}.dt-segments span{color:var(--muted)}.dt-calendar{padding:4px 8px;font-size:20px;color:var(--muted);flex:none}.dt-time{border:1px solid var(--border);background:white;min-width:88px;white-space:nowrap}.dt-editor.invalid .dt-date{border-color:var(--danger)}#date-time-picker{width:min(620px,calc(100vw - 32px));padding:24px;max-height:90dvh;overflow:auto}#date-time-picker .page-heading h2{font-size:20px;margin:0}.dt-picker-body{display:flex;gap:24px;margin:16px 0}.dt-calendar-panel{flex:1;min-width:260px}.dt-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dt-month button{font-size:24px}.dt-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dt-grid button{min-width:0;min-height:36px;padding:4px;border-radius:50%;aspect-ratio:1}.dt-grid .selected{background:var(--accent);color:white}.dt-grid .today:not(.selected){color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.dt-week{text-align:center;color:var(--muted);padding:4px;font-size:12px}.dt-time-panel{width:190px;align-self:center;text-align:center}.dt-preview{font-size:26px;font-weight:600;color:var(--accent);margin-bottom:16px;font-variant-numeric:tabular-nums}.dt-wheels{display:flex;align-items:center;gap:6px}.dt-wheels>div{flex:1;min-width:0}.dt-wheels p{font-size:12px;color:var(--muted)}.dt-wheel{height:180px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;padding:72px 0;border:1px solid var(--border);border-radius:12px;background:linear-gradient(#f7f7f5,white 40%,white 60%,#f7f7f5);scrollbar-width:thin}.dt-wheel button{display:block;min-height:36px;height:36px;width:100%;scroll-snap-align:center;font-size:18px;font-variant-numeric:tabular-nums;padding:0;color:var(--muted)}.dt-wheel button[aria-selected=true]{background:var(--tint);color:var(--accent);font-weight:650}.dt-time-panel>p{margin-top:12px}.reminder-disabled{margin-top:12px;background:#fff4df;padding:12px;border-radius:10px;font-size:12px;line-height:1.7}.reminder-disabled button{color:var(--accent);padding:0 8px;min-height:32px}.reminder-hint{font-size:12px;color:var(--accent);margin-top:8px}@media(max-width:767px){.dt-editor{flex-wrap:wrap}.dt-date{min-width:180px}#date-time-picker{margin:auto;width:calc(100vw - 24px);border-radius:20px;padding:20px}.dt-picker-body{flex-wrap:wrap;gap:16px}.dt-calendar-panel{min-width:100%}.dt-time-panel{width:100%}.dt-wheels{max-width:220px;margin:auto}.dt-wheel{height:144px;padding:54px 0}.dt-wheel button{height:36px}.dt-grid button{aspect-ratio:auto;min-height:36px}}
.date-fields{display:flex;flex-wrap:wrap;gap:8px}.date-fields>.dt-editor:first-child{flex:1 1 190px}.date-fields>.dt-editor:last-child{flex:0 1 100px}.dt-editor{flex-wrap:wrap}.dt-date{min-width:176px}.dt-segments input{width:30px}.dt-segments input[data-part=year]{width:52px}