.dtf{position:relative}.dtf .dtf-row{display:flex;align-items:stretch;gap:8px}.dtf .dtf-input{flex:1;min-width:0;min-height:48px;background:var(--bg);border:1px solid var(--line);color:var(--bone);padding:12px 14px;font-family:var(--font-mono),monospace;font-size:16px}.dtf .dtf-input:focus{outline:none;border-color:var(--red)}.dtf .dtf-toggle{flex:none;width:48px;min-height:48px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease)}.dtf .dtf-toggle svg{width:19px;height:19px;display:block}.dtf .dtf-toggle:hover,.dtf .dtf-toggle[aria-expanded=true]{color:var(--bone);border-color:var(--red)}.dtf .dtf-pop{position:absolute;z-index:60;top:calc(100% + 8px);left:0;width:min(332px,calc(100vw - 32px));background:#141416;border:1px solid var(--line);box-shadow:0 20px 52px rgba(0,0,0,.75);padding:16px;text-align:left;max-height:calc(100dvh - 24px);overflow-y:auto}.dtf .dtf-pop.up{top:auto;bottom:calc(100% + 8px)}.dtf .dtf-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.dtf .dtf-head span{font-family:var(--font-mono),monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--bone)}.dtf .dtf-head button{flex:none;width:40px;height:40px;display:grid;place-items:center;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:18px;line-height:1;cursor:pointer;transition:color .15s var(--ease),border-color .15s var(--ease)}.dtf .dtf-head button:hover{color:var(--bone);border-color:var(--muted)}.dtf .dtf-dow,.dtf .dtf-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.dtf .dtf-dow{margin-bottom:6px}.dtf .dtf-dow span{display:block;text-align:center;font-size:10px;letter-spacing:.12em;color:var(--muted);padding:4px 0}.dtf .dtf-day,.dtf .dtf-dow span{font-family:var(--font-mono),monospace}.dtf .dtf-day{position:relative;width:100%;min-width:0;height:38px;display:grid;place-items:center;background:transparent;border:1px solid transparent;color:#c9c4ba;font-size:13px;cursor:pointer;transition:background .12s var(--ease),color .12s var(--ease),border-color .12s var(--ease)}.dtf .dtf-day:hover{border-color:var(--muted);color:var(--bone)}.dtf .dtf-day:focus-visible{outline:2px solid var(--red-accent);outline-offset:-2px}.dtf .dtf-day.today{color:var(--bone)}.dtf .dtf-day.today:after{content:"";position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:3px;height:3px;border-radius:50%;background:var(--red-accent)}.dtf .dtf-day.on{background:var(--red);border-color:var(--red);color:#fff}.dtf .dtf-day.on:after{background:#fff}.dtf .dtf-time{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.dtf .dtf-time select{flex:1;min-width:0;min-height:46px;background-color:var(--bg);border:1px solid var(--line);color:var(--bone);font-family:var(--font-mono),monospace;font-size:15px;padding:0 28px 0 10px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%239a938a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:11px}.dtf .dtf-time select:focus{outline:none;border-color:var(--red)}.dtf .dtf-time option{background:#141416;color:var(--bone)}.dtf .dtf-time>span{color:var(--muted);flex:none}.dtf .dtf-actions{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.dtf .dtf-clear,.dtf .dtf-done{flex:1;min-height:46px;font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease),border-color .15s var(--ease)}.dtf .dtf-clear{background:transparent;border:1px solid var(--line);color:var(--muted)}.dtf .dtf-clear:hover{color:var(--bone);border-color:var(--muted)}.dtf .dtf-done{background:var(--red);border:1px solid var(--red);color:#fff}.dtf .dtf-done:hover{background:transparent;color:var(--red-accent);border-color:var(--red-accent)}@media (max-width:480px){.dtf .dtf-pop{padding:14px}.dtf .dtf-day{height:42px;font-size:14px}.dtf .dtf-clear,.dtf .dtf-done,.dtf .dtf-time select{min-height:48px}}@media (prefers-reduced-motion:reduce){.dtf .dtf-clear,.dtf .dtf-day,.dtf .dtf-done,.dtf .dtf-head button,.dtf .dtf-toggle{transition:none}}