.WorldClock .LocalTimeCard[data-v-551fc042]{background:linear-gradient(135deg,var(--theme-primary,#1e7fff) 0,#00c6ff 100%);border-radius:16px;color:#fff;margin-bottom:24px;padding:32px;text-align:center}.WorldClock .LocalTimeCard .CardHeader[data-v-551fc042]{align-items:center;display:flex;font-size:16px;gap:8px;justify-content:center;margin-bottom:16px;opacity:.9}.WorldClock .LocalTimeCard .TimeDisplay .Time[data-v-551fc042]{font-family:Roboto Mono,monospace;font-size:56px;font-weight:700;margin-bottom:8px}.WorldClock .LocalTimeCard .TimeDisplay .Date[data-v-551fc042]{font-size:20px;margin-bottom:4px;opacity:.9}.WorldClock .LocalTimeCard .TimeDisplay .Week[data-v-551fc042]{font-size:16px;opacity:.8}.WorldClock .WorldTimes .SectionHeader[data-v-551fc042]{align-items:center;color:#1e293b;display:flex;font-weight:600;justify-content:space-between;margin-bottom:16px}.WorldClock .WorldTimes .CityGrid[data-v-551fc042]{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.WorldClock .WorldTimes .CityCard[data-v-551fc042]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.WorldClock .WorldTimes .CityCard .CityHeader[data-v-551fc042]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.WorldClock .WorldTimes .CityCard .CityHeader .CityName[data-v-551fc042]{color:#1e293b;font-weight:600}.WorldClock .WorldTimes .CityCard .CityHeader .Timezone[data-v-551fc042]{color:#64748b;font-size:12px}.WorldClock .WorldTimes .CityCard .CityTime[data-v-551fc042]{margin-bottom:8px}.WorldClock .WorldTimes .CityCard .CityTime .Time[data-v-551fc042]{color:#1e293b;font-family:Roboto Mono,monospace;font-size:28px;font-weight:600}.WorldClock .WorldTimes .CityCard .CityTime .Date[data-v-551fc042]{color:#64748b;font-size:13px}.WorldClock .WorldTimes .CityCard .TimeDiff[data-v-551fc042]{border-radius:4px;display:inline-block;font-size:12px;padding:4px 8px}.WorldClock .WorldTimes .CityCard .TimeDiff.ahead[data-v-551fc042]{background:#dcfce7;color:#166534}.WorldClock .WorldTimes .CityCard .TimeDiff.behind[data-v-551fc042]{background:#fee2e2;color:#991b1b}.WorldClock .WorldTimes .CityCard .TimeDiff[data-v-551fc042]:not(.ahead):not(.behind){background:#f1f5f9;color:#64748b}@media (max-width:768px){.WorldClock .LocalTimeCard[data-v-551fc042]{padding:24px}.WorldClock .LocalTimeCard .TimeDisplay .Time[data-v-551fc042]{font-size:42px}.WorldClock .CityGrid[data-v-551fc042]{grid-template-columns:repeat(2,1fr)}}