.dtp{--dtp-border: #e4e4e7;--dtp-bg: #fff;--dtp-fg: #18181b;--dtp-muted: #71717a;--dtp-focus: #2563eb;--dtp-radius: 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;width:min(100%,300px);padding:12px;border:1px solid var(--dtp-border);border-radius:var(--dtp-radius);background:var(--dtp-bg);color:var(--dtp-fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.dtp *,.dtp *:before,.dtp *:after{box-sizing:border-box}.dtp__display{font-size:.95rem;font-weight:650;letter-spacing:-.02em}.dtp__nav{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:6px;margin-bottom:8px}.dtp__month{text-align:center;font-size:.9rem;font-weight:600}.dtp__nav-btn{width:36px;height:36px;border:1px solid var(--dtp-border);border-radius:10px;background:#fff;font-size:1.2rem;cursor:pointer}.dtp__weekdays,.dtp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dtp__weekdays span{text-align:center;color:var(--dtp-muted);font-size:.7rem;font-weight:600;padding:4px 0}.dtp__day{aspect-ratio:1;border:0;border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:.82rem;cursor:pointer}.dtp__day.is-outside{color:#a1a1aa}.dtp__day.is-today{box-shadow:inset 0 0 0 1px var(--dtp-border)}.dtp__day.is-selected{background:var(--dtp-focus);color:#fff}.dtp__day.is-in-range{border-radius:6px;background:#dbeafe}.dtp__day:hover:not(:disabled):not(.is-selected){background:#f4f4f5}.dtp__day:disabled{opacity:.35;cursor:not-allowed}.dtp__day:focus-visible,.dtp__nav-btn:focus-visible,.dtp__select:focus-visible,.dtp__link:focus-visible{outline:2px solid var(--dtp-focus);outline-offset:1px}.dtp__presets{display:flex;flex-wrap:wrap;gap:6px}.dtp__presets[hidden]{display:none}.dtp__preset{min-height:32px;padding:4px 9px;border:1px solid var(--dtp-border);border-radius:999px;background:var(--dtp-bg);color:var(--dtp-fg);font:inherit;font-size:.78rem;cursor:pointer}.dtp__preset:focus-visible{outline:2px solid var(--dtp-focus);outline-offset:1px}.dtp__time{display:flex;gap:8px}.dtp__select{flex:1;min-height:38px;padding:0 8px;border:1px solid var(--dtp-border);border-radius:10px;background:#fff;font:inherit}.dtp__footer{display:flex;justify-content:space-between;gap:8px}.dtp__link{border:0;background:transparent;color:var(--dtp-focus);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;padding:0}.dtp--touch .dtp__nav{grid-template-columns:44px 1fr 44px}.dtp--touch .dtp__nav-btn,.dtp--touch .dtp__day,.dtp--touch .dtp__select,.dtp--touch .dtp__link,.dtp--touch .dtp__preset{min-width:44px;min-height:44px}@media(pointer:coarse){.dtp{width:min(100%,340px)}.dtp__nav{grid-template-columns:44px 1fr 44px}.dtp__nav-btn,.dtp__day,.dtp__select,.dtp__link,.dtp__preset{min-height:44px}}