.duration-lab{background:#0e1111;border-block:1px solid var(--line);scroll-margin-top:110px}
.duration-lab .section-head h2{font-size:clamp(30px,3.3vw,48px)}
.duration-settings{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 40px;margin-bottom:28px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.duration-settings fieldset{margin-bottom:20px}.duration-settings .choices{gap:6px}.duration-settings .choices button{padding:9px 13px}
.duration-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.duration-card{--duration-minute:#ff8b38;--duration-second:#ffcf69;padding:28px;background:linear-gradient(145deg,#202625,#111515);border:1px solid #3b4441;min-width:0;display:flex;flex-direction:column}
.duration-card[data-skin="1"]{--duration-minute:#72b6ff;--duration-second:#addefb}.duration-card[data-skin="2"]{--duration-minute:#9bb69b;--duration-second:#adc2ad}
.duration-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;min-height:56px}
.duration-card-head .eyebrow{font-size:9px;margin-bottom:7px;letter-spacing:.17em;color:var(--accent)}
.duration-card-head h3{font-size:25px;font-weight:550}
.duration-status{font-size:11px;color:#aab4af;text-align:right}.duration-status:before{content:"";display:inline-block;width:5px;height:5px;background:#829089;border-radius:50%;margin-right:7px}
.duration-card[data-phase="running"] .duration-status:before{background:#ee9854}.duration-card[data-phase="done"] .duration-status{color:#ffcf69}.duration-card[data-phase="done"]{border-color:#ee9854}
.duration-device{padding:9px;border:1px solid #737a77;border-radius:30px;background:linear-gradient(130deg,#626b68,#1c2220 30%,#858b88 48%,#252c29 50%,#48534d);box-shadow:0 14px 26px #0005}
.duration-face{border:4px solid #080a0a;border-radius:22px;overflow:hidden;aspect-ratio:2;background:#101213}.duration-face svg{display:block;width:100%;height:100%}
.duration-caption{display:flex;gap:12px;justify-content:space-between;align-items:center;margin:18px 0 12px;color:#a8b2ab;font-size:10px}.duration-caption output{font:500 15px Inter,sans-serif;font-variant-numeric:tabular-nums;color:#f6f3eb}
.duration-legend{display:flex;gap:24px;font-size:11px;color:#d0d7d2}.duration-legend span:before{content:"";display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:8px;background:var(--duration-minute)}.duration-legend .duration-second-key:before{background:var(--duration-second)}
.duration-card-bottom{margin-top:auto;padding-top:26px}.duration-inputs{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.duration-inputs>label{display:grid;gap:7px;font-size:11px;color:#b6c0b8;min-width:65px}.duration-inputs>span{padding-bottom:10px}.duration-inputs select{min-height:42px;border:1px solid #58615b;border-radius:0;background:#1b221e;color:#f6f3eb;padding:7px 10px;font:500 15px Inter,sans-serif;color-scheme:dark}
.duration-presets{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto;padding-bottom:1px}.duration-presets button{min-height:40px;padding:8px 10px;border:1px solid #4c574f;background:transparent;color:#d4dcd5;font-size:11px}
.duration-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duration-actions .button{padding:12px 14px;min-height:46px;font-size:13px}
.duration-error{font-size:11px;color:#ffbc9b;min-height:20px;margin:6px 0 12px}.duration-stopwatch-note{font-size:12px;color:#aeb9b0;line-height:1.8;margin-bottom:24px;min-height:56px}
.duration-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px;font-size:11px;line-height:1.9;color:#96a49a}.duration-lab button:disabled,.duration-lab select:disabled{opacity:.45;cursor:not-allowed}.duration-lab button:focus-visible,.duration-lab select:focus-visible{outline:2px solid #ffcf69;outline-offset:4px}
@media(max-width:1000px){.duration-card{padding:22px}.duration-grid{gap:18px}.duration-presets{margin-left:0}.duration-settings{gap:0 24px}.duration-settings .choices button{padding:8px 10px}}
@media(max-width:760px){.duration-grid{grid-template-columns:1fr;gap:24px}.duration-card{padding:24px}.duration-card-head{margin-bottom:24px}.duration-settings{display:block}.duration-settings .choices button{min-height:40px}.duration-footnotes{grid-template-columns:1fr;gap:12px}.duration-presets{margin-left:auto}.duration-card-bottom{padding-top:24px}.duration-stopwatch-note{min-height:0}}
@media(max-width:390px){.duration-card{padding:18px}.duration-card-head h3{font-size:22px}.duration-presets{margin-left:0}.duration-device{padding:6px;border-radius:23px}.duration-face{border-radius:18px;border-width:3px}.duration-caption{gap:6px}.duration-caption span{font-size:9px}.duration-settings .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.duration-status{max-width:96px}}