/**
 * Time Zone Converter Tool Specific Styling
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#0f172a;background:transparent;line-height:1.5}
.qtc-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.06);padding:28px;max-width:520px;width:100%;margin:0 auto}
.qtc-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:20px;text-align:center}
.qtc-tz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qtc-tz-item{background:#f8fafc;border-radius:10px;padding:14px 16px;transition:all .2s ease;border:1.5px solid transparent}
.qtc-tz-item.local{background:#eef2ff;border-color:#4f46e5}
.qtc-tz-name{font-size:13px;font-weight:600;color:#64748b;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.qtc-tz-name .qtc-tz-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}
.qtc-tz-time{font-size:22px;font-weight:700;color:#0f172a;font-variant-numeric:tabular-nums}
.qtc-tz-date{font-size:12px;color:#64748b;margin-top:2px}
.qtc-tz-offset{font-size:11px;color:#94a3b8;margin-top:4px;font-weight:500}
.qtc-tz-item.local .qtc-tz-name{color:#4f46e5}
.qtc-tz-item.local .qtc-tz-time{color:#4f46e5}
.qtc-tz-label{font-size:11px;color:#64748b;text-align:center;margin-top:16px;font-weight:500}
[data-theme="dark"] .qtc-card{background:#1e293b}
[data-theme="dark"] .qtc-title{color:#f1f5f9}
[data-theme="dark"] .qtc-tz-item{background:#334155}
[data-theme="dark"] .qtc-tz-item.local{background:#312e81;border-color:#818cf8}
[data-theme="dark"] .qtc-tz-name{color:#94a3b8}
[data-theme="dark"] .qtc-tz-item.local .qtc-tz-name{color:#a5b4fc}
[data-theme="dark"] .qtc-tz-time{color:#f1f5f9}
[data-theme="dark"] .qtc-tz-item.local .qtc-tz-time{color:#818cf8}
[data-theme="dark"] .qtc-tz-date,[data-theme="dark"] .qtc-tz-offset{color:#64748b}
@media(max-width:400px){.qtc-tz-grid{grid-template-columns:1fr}.qtc-tz-time{font-size:20px}}