.ez-duration-wrap {
    --duration-text: var(--ezm-text, #f8fafc);
    --duration-muted: var(--ezm-muted, #cbd5e1);
    --duration-panel: var(--ezm-panel, #121827);
    --duration-border: var(--ezm-border, rgba(148, 163, 184, .28));
    --duration-accent: var(--ezm-accent, #fb7185);
    max-width: 1120px;
    margin: 0 auto;
    padding: clamp(18px, 4vw, 40px);
    border: 1px solid var(--duration-border);
    border-radius: 24px;
    background: var(--duration-panel);
    color: var(--duration-text);
    box-sizing: border-box;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.ez-duration-wrap *, .ez-duration-wrap *::before, .ez-duration-wrap *::after { box-sizing: border-box; }
.ez-duration-help { margin: 0 0 22px; color: var(--duration-muted); text-align: center; line-height: 1.5; }
.ez-duration-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; max-width: 920px; margin: 0 auto 28px; }
.ez-duration-field-group { display: grid; gap: 9px; min-width: 0; }
.ez-duration-field-group h3 { margin: 0 0 3px; color: var(--duration-text); font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ez-duration-field-group label { color: var(--duration-muted); font-size: 13px; font-weight: 650; }
.ez-duration-field-group input {
    display: block;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding: 11px 14px;
    border: 1px solid var(--duration-border);
    border-radius: 12px;
    background: var(--ezm-bg, #090d18);
    color: var(--duration-text);
    color-scheme: dark;
    font: inherit;
}
.ez-tool-view[data-theme="light"] .ez-duration-field-group input,
.ezm-tool-view[data-theme="light"] .ez-duration-field-group input { color-scheme: light; }
.ez-duration-field-group input:focus-visible { outline: 3px solid var(--duration-accent); outline-offset: 2px; }
.ez-duration-results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 920px; margin: 0 auto; }
.ez-duration-metric { min-width: 0; padding: 24px 16px; border: 1px solid var(--duration-border); border-radius: 18px; background: color-mix(in srgb, var(--duration-panel) 72%, var(--duration-text) 5%); text-align: center; }
.ez-duration-metric span { display: block; margin-bottom: 10px; color: var(--duration-muted); font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ez-duration-metric strong { color: var(--duration-text); font-size: clamp(34px, 5vw, 48px); font-weight: 900; font-variant-numeric: tabular-nums; line-height: 1; }
.ez-duration-metric:nth-child(2) strong { color: var(--duration-accent); }
.ez-duration-summary { max-width: 920px; margin: 18px auto 0; padding: 18px 20px; border: 1px solid color-mix(in srgb, var(--duration-accent) 34%, transparent); border-radius: 16px; background: color-mix(in srgb, var(--duration-accent) 8%, transparent); color: var(--duration-text); font-size: 17px; font-weight: 750; line-height: 1.5; text-align: center; }
.ez-duration-summary.is-error { border-color: #f87171; color: #fecaca; background: rgba(127, 29, 29, .18); }
@media (max-width: 640px) {
    .ez-duration-fields { grid-template-columns: 1fr; gap: 18px; }
    .ez-duration-results { gap: 9px; }
    .ez-duration-metric { padding: 18px 8px; border-radius: 14px; }
    .ez-duration-metric span { font-size: 10px; letter-spacing: .08em; }
    .ez-duration-summary { font-size: 15px; }
}