.timezone-page{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.timezone-page.error{text-align:center;padding:4rem 1.5rem}.timezone-page.error h1{color:#ef4444;margin-bottom:1rem}.timezone-page.error p{color:var(--color-text-secondary);margin-bottom:1.5rem}.timezone-page.error a{color:var(--color-accent)}.timezone-page .breadcrumb{color:var(--color-text-tertiary);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.timezone-page .breadcrumb a{color:var(--color-accent);text-decoration:none}.timezone-page .breadcrumb a:hover{text-decoration:underline}.timezone-page .breadcrumb .separator{color:var(--color-border)}.timezone-page .breadcrumb .current{color:var(--color-text-secondary)}.tz-hero{text-align:center;background:linear-gradient(135deg,var(--color-dawn)0%,var(--color-day)100%);border-radius:var(--radius-lg);color:#09090b;margin-bottom:2rem;padding:2.5rem 2rem}.tz-abbr-large{letter-spacing:.05em;margin-bottom:.5rem;font-family:Roboto Mono,monospace;font-size:4rem;font-weight:800}.tz-hero h1{opacity:.95;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.tz-offset-display{opacity:.9;margin:0;font-family:Roboto Mono,monospace;font-size:1.125rem}.current-time-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);text-align:center;margin-bottom:2rem;padding:2.5rem}.live-clock{color:var(--color-text-primary);letter-spacing:-.02em;font-family:Roboto Mono,monospace;font-size:3.5rem;font-weight:700}.live-date{color:var(--color-text-secondary);margin-top:.75rem;font-size:1.125rem}.iana-label{color:var(--color-text-tertiary);margin-top:1rem;font-family:Roboto Mono,monospace;font-size:.75rem}.quick-info{margin-bottom:2rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.info-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.info-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.info-value{color:var(--color-text-primary);word-break:break-word;font-size:.9375rem;font-weight:600}.info-value.link{color:var(--color-accent);text-decoration:none}.info-value.link:hover{text-decoration:underline}.cities-section{margin-bottom:2rem}.cities-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.cities-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.city-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.875rem 1rem;text-decoration:none;display:flex}.city-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-1px)}.city-emoji{font-size:1.5rem}.city-details{flex-direction:column;gap:.125rem;min-width:0;display:flex}.city-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.city-country{color:var(--color-text-tertiary);font-size:.75rem}.countries-section{margin-bottom:2rem}.countries-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.countries-list{flex-wrap:wrap;gap:.5rem;display:flex}.country-tag{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:9999px;padding:.5rem .875rem;font-size:.875rem}.conversions-section{margin-bottom:2rem}.conversions-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.conversions-grid{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.conversion-link{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none}.conversion-link:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.view-all-link{color:var(--color-accent);font-size:.875rem;text-decoration:none;display:inline-block}.view-all-link:hover{text-decoration:underline}.related-section{margin-bottom:2rem}.related-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;display:grid}.related-tz-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;display:flex}.related-tz-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.related-abbr{color:var(--color-accent);font-family:Roboto Mono,monospace;font-size:1.25rem;font-weight:700}.related-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.related-offset{color:var(--color-text-tertiary);font-family:Roboto Mono,monospace;font-size:.6875rem}.timezone-page .faq-section{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.timezone-page .faq-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.timezone-page .faq-item{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:1rem;padding:1.25rem}.timezone-page .faq-item:last-child{margin-bottom:0}.timezone-page .faq-item h3{color:var(--color-text-primary);margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.timezone-page .faq-item p{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.6}.comparison-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.comparison-section h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.section-subtitle{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.comparison-table{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.comparison-row{background:var(--color-bg-primary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.comparison-city{color:var(--color-text-primary);align-items:center;gap:.5rem;font-weight:500;display:flex}.comparison-emoji{font-size:1.25rem}.comparison-time{color:var(--color-accent);font-family:Roboto Mono,monospace;font-weight:600}.cta-button{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-block}.cta-button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.cta-link{color:var(--color-accent);font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-block}.cta-link:hover{text-decoration:underline}.about-section{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);margin-bottom:2rem;padding:2rem}.about-section h2{color:var(--color-text-primary);margin:0 0 1rem;font-size:1.25rem;font-weight:700}.about-description{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.7}.aliases-box{background:var(--color-bg-primary);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.aliases-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;display:block}.aliases-list{flex-wrap:wrap;gap:.5rem;display:flex}.alias-tag{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);border-radius:9999px;padding:.375rem .75rem;font-size:.8125rem}.key-facts{margin-bottom:1.5rem}.key-facts h3{color:var(--color-text-primary);margin:0 0 .75rem;font-size:1rem;font-weight:600}.key-facts ul{margin:0;padding:0;list-style:none}.key-facts li{color:var(--color-text-secondary);margin-bottom:.5rem;padding-left:1.25rem;font-size:.9375rem;line-height:1.6;position:relative}.key-facts li:before{content:"✓";color:var(--color-success);font-weight:600;position:absolute;left:0}.business-hours-box{background:var(--color-bg-primary);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1rem;display:flex}.bh-label{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.bh-value{color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:.9375rem;font-weight:600}.meeting-times-section{margin-bottom:2rem}.meeting-times-section h2{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.meeting-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.meeting-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.meeting-card.good{border-color:var(--color-success);background:#22c55e0d}.meeting-card.okay{border-color:var(--color-warning);background:#eab3080d}.meeting-indicator{text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.meeting-card.good .meeting-indicator{color:var(--color-success)}.meeting-card.okay .meeting-indicator{color:var(--color-warning)}.meeting-range{color:var(--color-text-primary);font-size:1rem;font-weight:600}.meeting-desc{color:var(--color-text-tertiary);font-size:.8125rem;line-height:1.4}@media (max-width:768px){.timezone-page{padding:1.5rem 1rem 3rem}.tz-hero{padding:2rem 1.5rem}.tz-abbr-large{font-size:3rem}.current-time-section{padding:2rem 1.5rem}.live-clock{font-size:2.5rem}.cities-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.related-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.timezone-page .faq-section,.comparison-section,.about-section{padding:1.5rem}.meeting-grid{grid-template-columns:1fr}.comparison-row{padding:.625rem .875rem}.cta-button{text-align:center;display:block}}