.duration-control{margin:20px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.duration-control [hidden]{display:none!important}.duration-control-heading{display:grid;gap:5px;margin-bottom:15px}.duration-control-heading small{font-size:11px;color:var(--muted)}.duration-mode-tabs{display:flex;gap:7px;flex-wrap:wrap}.duration-mode-tabs button,.duration-presets button{border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--text);font-size:12px;min-height:44px;padding:8px 12px}.duration-mode-tabs button[aria-pressed=true],.duration-presets button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.duration-dial{max-width:320px;width:100%;margin:10px auto 0;border-radius:50%;position:relative}.duration-dial:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.duration-dial-graphic{display:block;width:100%;height:auto;touch-action:none;user-select:none;cursor:grab}.duration-dial-graphic:active{cursor:grabbing}.duration-track{fill:none;stroke:var(--soft);stroke-width:20;stroke-linecap:round}.duration-progress{fill:none;stroke:var(--accent);stroke-width:20;stroke-linecap:round}.duration-handle{fill:var(--paper);stroke:var(--accent);stroke-width:7}.duration-tick{stroke:var(--line);stroke-width:2}.duration-tick.major{stroke:var(--muted)}.duration-svg-label{fill:var(--muted);font-size:10px;font-weight:650;letter-spacing:.8px;text-anchor:middle}.duration-svg-time{fill:var(--text);font-size:43px;font-weight:650;letter-spacing:-2px;text-anchor:middle;font-variant-numeric:tabular-nums}.duration-svg-span{fill:var(--text);font-size:14px;text-anchor:middle}.duration-adjust{display:flex;align-items:center;justify-content:center;gap:19px;margin:-13px 0 20px;position:relative}.duration-adjust button{display:grid;place-items:center;width:44px;height:44px;background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:50%;font-size:24px}.duration-adjust span{font-size:11px;color:var(--muted)}.duration-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}.duration-presets button{font-size:11px;padding:8px 4px;overflow-wrap:anywhere}.duration-long-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.duration-open-circle{width:215px;max-width:100%;aspect-ratio:1;border:3px solid var(--soft);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:22px auto 14px}.duration-open-circle strong{font-size:68px;line-height:1.1;color:var(--accent);font-weight:400}.duration-open-circle span{font-size:16px;font-weight:650}.duration-explanation,.duration-policy-note{font-size:11px;line-height:1.65;color:var(--muted);margin:12px 0 0}.duration-policy-note{padding-top:12px}.duration-date-fields{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px}.duration-date-fields input{width:100%;min-width:0;font-size:16px;padding:10px 8px}.duration-selection{display:grid;gap:4px;margin-top:16px;padding:13px;background:var(--soft);border-radius:10px;font-variant-numeric:tabular-nums}.duration-selection small{font-size:11px;color:var(--muted)}.duration-selection strong{font-size:14px;overflow-wrap:anywhere}.duration-selection span{font-size:12px;color:var(--muted)}.duration-error:empty{display:none}.duration-control button:disabled{opacity:.45}.duration-control button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:380px){.duration-mode-tabs{gap:5px}.duration-mode-tabs button{font-size:11px;padding:8px}.duration-adjust{gap:13px}.duration-presets{gap:5px}.duration-presets button{font-size:10px}.duration-selection strong{font-size:13px}}@media(prefers-reduced-motion:reduce){.duration-control *{animation:none!important;transition:none!important}}