*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
      html{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}
      body{background-color:#000;color:#fff;min-height:100vh;overflow-x:hidden}
      #root{min-height:100vh;display:flex;flex-direction:column}
      .loading-skeleton{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite}
      @keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
      .app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}
      .app-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,0.1);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}
      @keyframes spin{to{transform:rotate(360deg)}}
      .app-loading-text{color:rgba(255,255,255,0.6);font-size:0.875rem}
      .skip-link{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px 16px;z-index:100;text-decoration:none;border:2px solid #fff}
      .skip-link:focus{top:0}
      /* SEO content is visible by default, hidden when JS loads */
      .seo-content{padding:2rem;max-width:1200px;margin:0 auto}
      .seo-content h1{font-size:2rem;margin-bottom:1rem;color:#fff}
      .seo-content h2{font-size:1.5rem;margin:1.5rem 0 0.75rem;color:#e0e0e0}
      .seo-content p{margin-bottom:1rem;color:#ccc;line-height:1.7}
      .seo-content a{color:#60a5fa;text-decoration:none}
      .seo-content a:hover{text-decoration:underline}
      .city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.5rem;margin:1rem 0}
      .city-grid a{color:#60a5fa;padding:0.25rem 0;display:block;font-size:0.9rem}
      .city-grid a:hover{color:#93c5fd}
      .breadcrumb{margin-bottom:1rem;color:#888;font-size:0.85rem}
      .breadcrumb a{color:#60a5fa;text-decoration:none}
      .faq-section{margin-top:2rem}
      .faq-item{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #333}
      .faq-item:last-child{border-bottom:none}
      .faq-item h3{font-size:1.1rem;margin-bottom:0.5rem;color:#e0e0e0}
      .faq-item p{color:#aaa;line-height:1.7}
      .js-only{display:none}
      .nojs-fallback{display:block}
      .nojs-city-list{columns:3;column-gap:2rem}
      .nojs-city-list li{margin-bottom:0.25rem;list-style:none}
      .nojs-city-list a{color:#60a5fa;font-size:0.85rem}
      @media(max-width:768px){.nojs-city-list{columns:2}.city-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
      @media(max-width:480px){.nojs-city-list{columns:1}}
      /* CLS fix: reserve space for live clock */
      .live-clock-wrapper{min-height:120px}
    

      .lang-bar{position:fixed;top:0;right:0;z-index:9999;display:flex;align-items:center;gap:2px;padding:6px 12px;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);border-radius:0 0 0 10px;font-size:0.8rem}
      .lang-bar .lang-globe{margin-right:4px;font-size:0.9rem}
      .lang-bar a{color:#888;text-decoration:none;padding:3px 7px;border-radius:4px;transition:all 0.15s}
      .lang-bar a:hover{color:#fff;background:rgba(255,255,255,0.1)}
      .lang-bar a.active{color:#60a5fa;font-weight:600}
      @media(max-width:600px){.lang-bar{font-size:0.7rem;padding:4px 8px;gap:1px}.lang-bar a{padding:2px 5px}}