*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark}body{background:#0a0a1a;font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px;color:#e0e0e0}.title{font-size:2.4rem;font-weight:300;letter-spacing:.08em;color:#fff;margin-bottom:4px}.instruction{font-size:1.1rem;color:#777;margin-bottom:16px}.world-map{width:100%;max-width:960px;height:auto;border-radius:8px;overflow:hidden}.country{transition:filter .15s ease,opacity .35s ease}.country.hovered{filter:brightness(1.4)}.country.dimmed{opacity:.25}.marker-ring{fill:none;stroke:#fff;stroke-width:2;animation:pulse 1.4s ease-in-out infinite}.marker-dot{fill:#fff}@keyframes pulse{0%,to{r:8;opacity:1}50%{r:12;opacity:.4}}.result{text-align:center;margin-bottom:16px;animation:fadeIn .45s ease}.result-label{font-size:1rem;color:#777;margin-bottom:2px}.city-name{font-size:2rem;font-weight:600;color:#fff}.country-name{font-size:1.15rem;color:#aaa;margin-bottom:14px}.btn{background:transparent;border:1px solid #555;color:#ccc;padding:8px 28px;border-radius:6px;font-size:.95rem;cursor:pointer;transition:border-color .2s,color .2s}.btn:hover{border-color:#fff;color:#fff}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a1a;color:#666;font-size:1.4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}