@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary: #0a0a0b;--bg-secondary: #1a1a1c;--bg-card: #252528;--text-primary: #ffffff;--text-secondary: #a3a3a3;--accent-blue: #3b82f6;--accent-blue-light: #60a5fa;--border-subtle: #333336;--font-time: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{height:100%}body{min-height:100vh}.font-time{font-family:var(--font-time)}.font-body{font-family:var(--font-body)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;max-width:480px;margin:0 auto;gap:2rem}.local-time-section{text-align:center;width:100%}.city-cards-grid{display:flex;flex-direction:column;gap:1rem;width:100%}.city-card{background:var(--bg-card);border-radius:var(--radius-md);padding:1.25rem;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.city-card:hover{background:#2a2a2d}@media (max-width: 479px){.app-container{max-width:none;width:100%;margin:0;padding:1rem 24px;gap:1rem}}.local-time-display{margin-bottom:2rem}.local-time{font-size:4.25rem;font-weight:700;font-family:var(--font-time);color:var(--text-primary);line-height:1;margin-bottom:1rem;letter-spacing:-.02em}.local-date{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-bottom:1rem;order:-1}.local-location{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center}.local-city{font-size:1rem;font-weight:600;color:var(--text-primary)}.local-timezone{font-size:1rem;font-weight:600;color:#d04d51}.local-time-display{display:flex;flex-direction:column}.city-left{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.city-right{display:flex;align-items:center}.city-time{font-size:1.75rem;font-weight:700;font-family:var(--font-time);color:var(--text-primary);line-height:1;letter-spacing:-.01em}.city-name{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.125rem}.city-date-info{font-size:.875rem;font-weight:400;color:var(--text-secondary)}.city-date,.city-info,.city-timezone{display:none}.loading{opacity:.6;pointer-events:none}.time-skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--border-subtle) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-sm);height:1em;width:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width: 479px){.local-time{font-size:3.4rem}.city-time{font-size:1.5rem}.city-card{padding:1rem}}