.tz-display{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px;flex-wrap:wrap}
.tz-card{background:#f8f9fa;border-radius:12px;padding:20px 25px;text-align:center;min-width:180px}
.tz-card.accent{background:#fff3e0;border:2px solid #F78015}
.tz-label{font-size:13px;color:#888;margin-bottom:5px}
.tz-time{font-size:32px;font-weight:700;color:#3592e2}
.tz-card.accent .tz-time{color:#F78015}
.tz-date{font-size:14px;color:#666;margin-top:3px}
.tz-arrow{font-size:24px;color:#999}
.tz-diff{text-align:center;font-size:14px;color:#666;margin-bottom:15px;padding:8px;background:#f0f7ff;border-radius:6px}
.live-clock-section{margin-top:20px}
.live-clocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.live-clock-item{background:#f8f9fa;border-radius:8px;padding:12px;text-align:center}
.live-clock-city{font-size:13px;color:#888;margin-bottom:3px}
.live-clock-time{font-size:22px;font-weight:700;color:#3592e2}
.live-clock-date{font-size:12px;color:#aaa}
@media(max-width:600px){.tz-display{flex-direction:column}.tz-arrow{transform:rotate(90deg)}.tz-card{width:100%}}