.tool-hero[data-astro-cid-h5lalq67]{background:var(--color-hero-bg);color:var(--color-on-dark);padding:var(--space-10) 0 var(--space-8);text-align:center}.tool-eyebrow[data-astro-cid-h5lalq67]{font-family:var(--font-ui);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-dark-body);margin-bottom:var(--space-2)}.tool-title[data-astro-cid-h5lalq67]{font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.03em;line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.tool-lede[data-astro-cid-h5lalq67]{font-size:var(--font-size-lg);font-weight:300;color:var(--color-on-dark-body);max-width:620px;margin:0 auto;line-height:var(--line-height-normal)}.tool-body[data-astro-cid-h5lalq67]{padding:var(--space-10) 0 var(--space-16)}.tool-noscript[data-astro-cid-h5lalq67]{margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tool-noscript-list[data-astro-cid-h5lalq67]{margin-top:var(--space-3);padding-left:var(--space-6);color:var(--color-text);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media(max-width:640px){.tool-hero[data-astro-cid-h5lalq67]{padding:var(--space-8) 0 var(--space-6)}.tool-title[data-astro-cid-h5lalq67]{font-size:var(--font-size-3xl)}.tool-lede[data-astro-cid-h5lalq67]{font-size:var(--font-size-base)}}.time-zone-tool{max-width:720px;margin:0 auto}.time-zone-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.time-zone-field{display:flex;flex-direction:column;gap:var(--space-2)}.time-zone-label{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.time-zone-select{font-family:var(--font-ui);font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.time-zone-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.time-zone-select-multi{min-height:180px}.time-zone-help{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.time-zone-help kbd{font-family:var(--font-mono);font-size:inherit;background:var(--color-surface-deep);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1)}.time-zone-empty{padding:var(--space-6);text-align:center;background:var(--color-surface-deep);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-base)}.time-zone-rows{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.time-zone-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.time-zone-row-city{display:flex;flex-direction:column}.time-zone-row-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.time-zone-row-tz{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.time-zone-row-time{display:flex;flex-direction:column;text-align:right}.time-zone-row-clock{font-size:var(--font-size-2xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.time-zone-row-date{font-family:var(--font-ui);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.time-zone-row-offset{font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);min-width:88px;text-align:right}.time-zone-row-error{grid-template-columns:1fr}.time-zone-row-error-message{color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:560px){.time-zone-row{grid-template-columns:1fr 1fr;row-gap:var(--space-2)}.time-zone-row-offset{grid-column:1 / -1;text-align:left;min-width:auto}}