.converter-tool{padding-top:38px}.converter-heading{margin-bottom:32px}.converter-heading h1{letter-spacing:-1.2px;margin-top:12px;font-size:42px}.converter-heading>p:last-child{color:var(--muted);margin-top:14px;font-size:16px}.converter-mobile-title{display:none}.converter-panels{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:stretch;gap:30px;display:grid}.converter-form{border:1px solid var(--line);background:var(--surface);border-radius:16px;min-width:0;padding:28px}.converter-form [data-city-picker]{width:100%;min-width:0}.converter-form [data-city-picker] label,.converter-field>label{color:var(--muted);text-transform:uppercase;letter-spacing:.25px;margin-bottom:9px;font-size:12px;font-weight:500;display:block}.converter-form [data-city-picker] input,.converter-field>input{border:1px solid var(--control);background:var(--surface);width:100%;min-width:0;max-width:100%;min-height:52px;color:var(--ink);border-radius:9px;padding:12px 14px;font-size:16px}.converter-date-time{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-block:26px;display:grid}.converter-field{min-width:0}.converter-form [aria-invalid=true]{border-color:var(--danger)}.converter-field-error{color:var(--danger);margin-top:8px;font-size:13px;line-height:1.6}.converter-supported{color:var(--muted);margin-top:17px;font-size:11px}.converter-form-actions{flex-wrap:wrap;gap:14px;margin-top:25px;display:flex}.converter-form-actions .button{min-height:46px}.converter-form-actions .button-primary{min-width:180px}.converter-inline-status{min-height:20px;color:var(--muted);margin-top:13px;font-size:12px}.converter-result{background:var(--tint);border:1px solid #0000;border-radius:16px;min-width:0;padding:30px}.converter-result-eyebrow{color:var(--brand);letter-spacing:.25px;font-size:11px}.converter-result h2{overflow-wrap:anywhere;margin-top:7px;font-size:19px}.converter-result-placeholder{color:var(--muted);font-size:14px}.converter-result-time{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-4px;white-space:nowrap;margin-block:20px 17px;font-size:clamp(68px,7.7vw,112px);line-height:1.25}.converter-result-time[data-has-seconds=true]{letter-spacing:-2px;font-size:clamp(42px,6.5vw,80px)}.converter-result-date{font-size:19px;line-height:1.5}.converter-result-relation{color:var(--muted);flex-wrap:wrap;gap:5px 10px;margin-top:10px;font-size:13px;display:flex}.converter-day-badge{color:var(--brand);font-weight:600}.converter-zone-facts{border-top:1px solid var(--control);color:var(--muted);overflow-wrap:anywhere;margin-top:28px;padding-top:17px;font-size:12px}.converter-zone-facts p+p{margin-top:8px}.converter-result [data-converter-copy]{margin-top:24px}.converter-result [data-converter-copy]:disabled{cursor:not-allowed;opacity:.6}.converter-stale{border-left:3px solid var(--accent);color:var(--ink);margin-top:18px;padding-left:10px;font-size:13px}.converter-copy-status{color:var(--muted);min-height:18px;margin-top:10px;font-size:12px}.converter-copy-fallback{margin-top:12px}.converter-copy-fallback label{margin-bottom:7px;font-size:12px;display:block}.converter-copy-fallback textarea{resize:vertical;width:100%;min-height:150px;color:var(--ink);background:var(--surface);border:1px solid var(--control);border-radius:8px;padding:10px;font-size:12px}.converter-explanation{max-width:1000px;padding-block:35px 28px}.converter-explanation h2{font-size:24px}.converter-explanation>p{color:var(--muted);margin-top:14px;font-size:14px}.converter-explanation>p.support-copy{font-size:12px}.converter-ambiguity{background:var(--surface);width:min(740px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:34px;overflow:auto;box-shadow:0 24px 80px #071c2030}.converter-ambiguity::backdrop{background:#10251e66}.converter-ambiguity>.eyebrow{color:var(--accent)}.converter-ambiguity h2{margin-top:17px;font-size:30px}.converter-ambiguity>[data-ambiguity-description]{color:var(--muted);margin-top:17px;font-size:15px}.converter-ambiguity fieldset{border:0;min-width:0;margin:26px 0 0;padding:0}.converter-ambiguity legend{color:var(--muted);margin-bottom:12px;font-size:13px}.converter-occurrences{gap:14px;display:grid}.converter-occurrence{border:1px solid var(--control);cursor:pointer;border-radius:12px;align-items:flex-start;gap:13px;padding:17px;display:flex}.converter-occurrence:has(input:checked){border-color:var(--brand);background:var(--tint);box-shadow:inset 0 0 0 1px var(--brand)}.converter-occurrence input{width:18px;height:18px;accent-color:var(--brand);flex:none;margin-top:5px}.converter-occurrence strong{font-size:16px;font-weight:500;display:block}.converter-occurrence small{color:var(--muted);overflow-wrap:anywhere;margin-top:6px;font-size:12px;display:block}.converter-dialog-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.converter-dialog-actions .button{min-height:46px}@media (width<=900px){.converter-panels{grid-template-columns:minmax(0,1fr);gap:24px}.converter-heading h1{font-size:36px}.converter-result-time{font-size:88px}}@media (width<=639px){.converter-tool{padding-top:27px}.converter-heading{margin-bottom:25px}.converter-heading>.eyebrow,.converter-desktop-title,.converter-heading>p:last-child{display:none}.converter-mobile-title{display:inline}.converter-heading h1{margin-top:0;font-size:31px}.converter-form{background:0 0;border:0;border-radius:0;padding:0}.converter-date-time{gap:14px;margin-block:22px}.converter-form [data-city-picker] input,.converter-field>input{min-height:52px;padding-inline:11px;font-size:16px}.converter-form-actions{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:21px;display:grid}.converter-form-actions .button{width:100%;min-height:48px}.converter-form-actions [data-converter-swap]{min-height:40px}.converter-supported{font-size:10px}.converter-inline-status{margin-top:8px}.converter-result{border-radius:14px;padding:22px}.converter-result-time{margin-top:20px;font-size:72px}.converter-result-date{font-size:16px}.converter-result-relation{font-size:12px}.converter-zone-facts{margin-top:22px}.converter-explanation h2{font-size:23px}.converter-ambiguity{padding:22px}.converter-ambiguity h2{font-size:25px}.converter-ambiguity>[data-ambiguity-description]{font-size:13px}.converter-occurrence{gap:10px;padding:13px}.converter-occurrence strong{font-size:14px}.converter-dialog-actions{flex-direction:column;gap:10px}}@media (width<=359px){.converter-date-time{grid-template-columns:minmax(0,1fr);gap:18px}.converter-result-time{font-size:64px}}
