.dtf{width:100%;min-width:0;display:inline-flex;position:relative;container:dtf/inline-size}.dtf-box{border:1px solid var(--border-subtle);background:var(--surface-recessed);width:100%;height:34px;font:400 13px/1 var(--font-body);color:var(--ink);font-variant-numeric:tabular-nums;cursor:text;border-radius:8px;align-items:center;padding:0 6px 0 34px;transition:border-color .12s,background .12s,box-shadow .12s;display:flex;position:relative}.dtf-box input{min-width:0;height:100%;box-shadow:none;font:inherit;color:inherit;background:0 0;border:0;outline:none;flex:1;padding:0}.dtf-box input:focus,.dtf-box input:focus-visible{box-shadow:none;outline:none}.dtf-box input::placeholder{color:var(--text-tertiary)}.dtf-btn{width:24px;height:24px;color:var(--graphite);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;transition:background .12s,color .12s;display:grid;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.dtf-btn svg{stroke-width:1.5px;width:15px;height:15px}.dtf-btn:hover{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink)}.dtf--outline .dtf-box{background:var(--surface-elevated);border-color:var(--border-control)}.dtf--bare .dtf-box{background:0 0;border-color:#0000}.dtf--bare .dtf-box:hover{background:var(--surface-hover);border-color:var(--border-control)}.dtf-box:hover{border-color:var(--border-strong)}.dtf-box:focus-within,.dtf.is-open .dtf-box{border-color:var(--ink);background:var(--surface-elevated);box-shadow:var(--focus-ring)}.dtf.is-open .dtf-btn,.dtf-box:focus-within .dtf-btn{color:var(--evergreen);background:color-mix(in srgb, var(--evergreen) 8%, transparent)}.dtf.is-invalid .dtf-box{border-color:var(--copper);background:var(--surface-elevated)}.dtf.is-invalid .dtf-box:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--copper) 12%, transparent)}.dtf.is-invalid .dtf-btn{color:var(--copper)}.dtf.is-disabled .dtf-box{background:var(--surface-recessed);color:var(--text-tertiary);cursor:not-allowed;border-color:#0000}.dtf.is-disabled .dtf-btn{opacity:.5;pointer-events:none}.dtf-clear{width:22px;height:22px;color:var(--text-tertiary);opacity:0;pointer-events:none;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;transition:opacity .12s,background .12s;display:grid}.dtf-clear svg{stroke-width:1.5px;width:14px;height:14px}.dtf.is-filled:not(.is-disabled) .dtf-box:is(:hover,:focus-within) .dtf-clear{opacity:1;pointer-events:auto}.dtf-clear:hover{background:var(--surface-recessed);color:var(--ink)}.dtf-ghost{font:400 12px/1 var(--font-body);color:var(--text-tertiary);white-space:nowrap;flex:none;align-items:center;gap:4px;padding-right:4px;animation:.12s ease-out dtf-ghost;display:inline-flex}.dtf-ghost b{color:var(--evergreen-deep);font-weight:500}.dtf-ghost svg{width:12px;height:12px}@keyframes dtf-ghost{0%{opacity:0;transform:translate(-3px)}}@container dtf (width<=220px){.dtf-ghost{display:none}}.dtf-hint{z-index:1;font:500 11px/16px var(--font-body);color:var(--copper-deep);white-space:nowrap;align-items:center;gap:4px;display:flex;position:absolute;top:calc(100% + 5px);left:0}.dtf-hint svg{stroke-width:1.5px;flex:none;width:13px;height:13px}.dtf--sm .dtf-box{border-radius:7px;height:28px;padding:0 4px 0 28px;font-size:12px}.dtf--sm .dtf-btn{border-radius:5px;width:20px;height:20px;left:4px}.dtf--sm .dtf-btn svg{width:13px;height:13px}.dtf--sm .dtf-clear{border-radius:5px;width:18px;height:18px}.dtf--sm .dtf-ghost{display:none}.dtf--lg .dtf-box{height:40px;padding:0 8px 0 38px;font-size:14px}.dtf--lg .dtf-btn{border-radius:7px;width:28px;height:28px;left:6px}.dtf--lg .dtf-btn svg{width:16px;height:16px}.dtf--lg .dtf-clear{width:24px;height:24px}.dtf-pop{z-index:2000;background:var(--surface-elevated);width:288px;font-family:var(--font-body);-webkit-user-select:none;user-select:none;transform-origin:0 0;border-radius:12px;padding:10px 12px 12px;animation:.16s cubic-bezier(.2,.9,.3,1) dtf-pop;position:fixed;box-shadow:0 0 0 1px #1414120f,0 2px 4px #1414120a,0 12px 32px #14141224}.dtf-pop.up{transform-origin:0 100%;animation-name:dtf-pop-up}@keyframes dtf-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@keyframes dtf-pop-up{0%{opacity:0;transform:translateY(4px)scale(.98)}}.dtf-hd{align-items:center;height:32px;margin-bottom:6px;display:flex}.dtf-titles{flex:1;gap:2px;min-width:0;display:flex}.dtf-tb{cursor:pointer;height:28px;font:600 13px/1 var(--font-body);color:var(--ink);background:0 0;border:0;border-radius:7px;align-items:center;gap:3px;padding:0 6px 0 8px;transition:background .12s;display:inline-flex}.dtf-tb--year{color:var(--graphite);font-variant-numeric:tabular-nums;font-weight:500}.dtf-tb svg{width:13px;height:13px;color:var(--text-tertiary);stroke-width:1.5px;transition:transform .16s}.dtf-tb:hover,.dtf-tb[aria-expanded=true]{background:var(--surface-recessed);color:var(--ink)}.dtf-tb[aria-expanded=true] svg{transform:rotate(180deg)}.dtf-nav{gap:2px;display:flex}.dtf-nb{width:26px;height:26px;color:var(--graphite);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;transition:background .12s,color .12s;display:grid}.dtf-nb svg{stroke-width:1.5px;width:15px;height:15px}.dtf-nb--year{color:var(--text-tertiary)}.dtf-nb:hover{background:var(--surface-recessed);color:var(--ink)}.dtf-body{height:226px;overflow:hidden}.dtf-days{grid-template-rows:22px repeat(6,32px);grid-template-columns:repeat(7,1fr);row-gap:2px;display:grid}.dtf-days.slide-next{animation:.16s ease-out dtf-next}.dtf-days.slide-prev{animation:.16s ease-out dtf-prev}@keyframes dtf-next{0%{opacity:0;transform:translate(8px)}}@keyframes dtf-prev{0%{opacity:0;transform:translate(-8px)}}.dtf-cells.drill{animation:.15s ease-out dtf-drill}@keyframes dtf-drill{0%{opacity:0;transform:scale(1.03)}}.dtf-dow{font:400 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);place-items:center;display:grid}.dtf-day{font:400 13px/1 var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;outline:none;margin:0 1px;transition:background 80ms,color 80ms;position:relative}.dtf-day:hover{background:var(--surface-recessed)}.dtf-day.is-outside{color:var(--border-hover)}.dtf-day.is-today{color:var(--evergreen);font-weight:600}.dtf-day.is-today:after{content:"";background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:4px;left:50%}.dtf-day.is-preview{background:var(--evergreen-muted);color:var(--evergreen-deep);font-weight:500}.dtf-day.is-hint{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--evergreen) 45%, transparent)}.dtf-day.is-selected{background:var(--evergreen);color:#fff;font-weight:500}.dtf-day.is-selected:hover{background:color-mix(in oklch, var(--evergreen), black 12%)}.dtf-day:disabled{color:var(--border-strong);cursor:default;text-decoration:line-through;-webkit-text-decoration-color:var(--border-strong);text-decoration-color:var(--border-strong);background:0 0}.dtf-cells{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:4px;height:100%;padding-top:2px;display:grid}.dtf-cell{cursor:pointer;font:500 13px/1 var(--font-body);font-variant-numeric:tabular-nums;color:var(--ink);background:0 0;border:0;border-radius:8px;outline:none;transition:background 80ms}.dtf-cell:hover{background:var(--surface-recessed)}.dtf-cell.is-current{color:var(--evergreen);font-weight:600}.dtf-cell.is-selected{background:var(--evergreen);color:#fff}.dtf-cell:disabled{color:var(--border-strong);cursor:default;background:0 0;text-decoration:line-through}.dtf-ft{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}.dtf-chip{border:1px solid var(--border-subtle);cursor:pointer;height:26px;font:500 12px/1 var(--font-body);color:var(--ink-soft);background:0 0;border-radius:8px;align-items:center;gap:5px;padding:0 9px;transition:background .12s,border-color .12s;display:inline-flex}.dtf-chip span{font:400 11px/1 var(--font-mono);color:var(--graphite)}.dtf-chip:hover{background:var(--surface-hover);border-color:var(--border-strong)}.dtf-clear-btn{height:26px;font:500 12px/1 var(--font-body);color:var(--graphite);cursor:pointer;background:0 0;border:0;border-radius:7px;margin-left:auto;padding:0 6px}.dtf-clear-btn:hover{background:var(--surface-recessed);color:var(--ink)}.dtf-day:focus-visible,.dtf-cell:focus-visible{box-shadow:inset 0 0 0 1.5px var(--evergreen), 0 0 0 3px color-mix(in srgb, var(--evergreen) 16%, transparent)}.dtf-day.is-selected:focus-visible,.dtf-cell.is-selected:focus-visible{box-shadow:0 0 0 2px var(--surface-elevated), 0 0 0 3.5px var(--evergreen)}.dtf-tb:focus-visible,.dtf-nb:focus-visible,.dtf-chip:focus-visible,.dtf-clear-btn:focus-visible{box-shadow:0 0 0 2px var(--surface-elevated), 0 0 0 3.5px var(--evergreen);outline:none}@media (prefers-reduced-motion:reduce){.dtf-pop,.dtf-pop.up{animation:.16s dtf-fade}.dtf-days.slide-next,.dtf-days.slide-prev,.dtf-cells.drill{animation:.15s dtf-fade}.dtf-ghost{animation:none}}@keyframes dtf-fade{0%{opacity:0}}