/* Shared duration controls; native selects support keyboard and touch input. */
html[data-theme] body .duration-picker{margin:0 0 20px;min-width:0}
html[data-theme] body .duration-picker>label{display:block;margin-bottom:10px;color:var(--ui-text);font-size:15px;font-weight:650;line-height:1.5}
html[data-theme] body select.duration-select{display:block;box-sizing:border-box;width:100%;max-width:360px;min-height:48px;padding:11px 14px;border:1px solid var(--ui-line);border-radius:10px;background:var(--ui-raised);color:var(--ui-text);font:500 16px/1.5 var(--font-ui);cursor:pointer}
html[data-theme] body select.duration-select option{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme] body select.duration-select:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
@media(max-width:600px){html[data-theme] body select.duration-select{max-width:none}}