*{box-sizing:border-box}:root{--bg:#f4f6fb;--card:#fff;--soft:#fbfcff;--text:#172033;--muted:#667085;--border:#e4e7ef;--primary:#2d6cdf;--dark:#172033;--good:#f0fdf4;--goodBorder:#86efac;--warn:#fff6d6;--warnText:#705400;--shadow:0 14px 35px rgba(25,38,74,.06)}body.dark{--bg:#0f172a;--card:#172033;--soft:#111827;--text:#f8fafc;--muted:#cbd5e1;--border:#26344d;--primary:#60a5fa;--dark:#334155;--good:#052e16;--goodBorder:#22c55e;--warn:#422006;--warnText:#fde68a;--shadow:0 14px 35px rgba(0,0,0,.26)}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}.top-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px max(12px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:950;text-decoration:none;font-size:18px}.brand img{width:34px;height:34px}.nav-links{display:flex;gap:14px;flex-wrap:wrap}.nav-links a,.footer-links a{color:var(--muted);text-decoration:none;font-weight:750;font-size:14px}.nav-links a:hover,.footer-links a:hover{color:var(--primary)}.theme-btn{width:44px;height:44px;border-radius:999px;padding:0;font-size:20px;background:var(--card);color:var(--text);border:1px solid var(--border)}.app{width:min(1180px,calc(100% - 24px));margin:0 auto;padding:28px 0 60px}.hero{margin-bottom:22px}.eyebrow{margin:0 0 6px;color:var(--primary);font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:13px}.hero h1{margin:0 0 10px;font-size:clamp(42px,8vw,76px);line-height:.95}.hero-subtitle{max-width:850px;font-size:19px;line-height:1.55;color:var(--muted)}.warning{display:inline-block;padding:10px 14px;border-radius:14px;background:var(--warn);color:var(--warnText)!important;font-weight:800}.card,.article{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.hint,.article p,.article li{color:var(--muted);line-height:1.65}.search-box,.city-form{display:flex;gap:10px}.city-form{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr auto}input[type=text],input[type=number],#pokemonInput{width:100%;border:1px solid var(--border);border-radius:14px;padding:13px 14px;font-size:16px;background:var(--soft);color:var(--text)}button{border:none;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer;background:var(--primary);color:#fff}button:disabled{opacity:.55;cursor:not-allowed}.options{display:flex;flex-wrap:wrap;gap:14px;margin-top:16px}.options label{display:flex;gap:8px;font-weight:750;color:var(--muted)}.hidden{display:none!important}.selected{display:flex;align-items:center;gap:16px}.selected img{width:88px;height:88px;image-rendering:pixelated}.type-badge,.weather-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(96,165,250,.18);color:var(--primary);font-weight:900;margin:3px 4px 0 0}.weather-badge{background:rgba(34,197,94,.16);color:#16a34a}.suggestions{position:absolute;z-index:40;width:min(650px,calc(100% - 40px));max-height:320px;overflow-y:auto;margin-top:8px;border-radius:16px;background:var(--card);border:1px solid var(--border);box-shadow:0 18px 40px rgba(0,0,0,.18)}.suggestions:empty{display:none}.suggestion{display:flex;align-items:center;gap:12px;padding:9px 12px;cursor:pointer}.suggestion:hover{background:rgba(96,165,250,.16)}.suggestion img{width:42px;height:42px;image-rendering:pixelated}.city-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.city-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--border);border-radius:999px;background:var(--soft);font-size:13px;font-weight:750}.city-pill button{width:22px;height:22px;padding:0;border-radius:999px;background:#ef4444}.status-row{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}#statusText{margin:0;color:var(--muted)}.loader{width:52px;height:52px;border:5px solid rgba(96,165,250,.2);border-top:5px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:25px auto}@keyframes spin{to{transform:rotate(360deg)}}.results{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.result-card{border:1px solid var(--border);border-radius:18px;padding:16px;background:var(--soft)}.result-card.match{border-color:var(--goodBorder);background:var(--good)}.coords,.detail{color:var(--muted);font-size:14px}.confidence{height:10px;background:rgba(148,163,184,.32);border-radius:999px;overflow:hidden;margin:10px 0}.confidence span{display:block;height:100%;width:var(--score);background:linear-gradient(90deg,#60a5fa,#22c55e)}.maps-btn,.copy-btn,.primary-link{display:inline-block;margin-top:12px;margin-right:8px;padding:8px 12px;border-radius:10px;background:var(--primary);color:#fff;text-decoration:none;font-weight:900}.copy-btn{border:none;font-size:14px}.map-wrap{height:440px;border-radius:18px;border:1px solid var(--border);overflow:hidden;margin-top:14px;background:var(--soft)}#map{height:100%;width:100%}.ad-placeholder{border:1px dashed var(--border);border-radius:18px;background:var(--soft);padding:18px;text-align:center;color:var(--muted);margin:18px 0}.footer{width:min(1180px,calc(100% - 24px));margin:0 auto 30px;padding:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted)}.footer-links{display:flex;gap:12px;flex-wrap:wrap}.boost-grid,.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.boost-grid article,.article-card{padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--soft)}.article-card{text-decoration:none;color:var(--text)}.article h1{font-size:clamp(34px,5vw,56px);line-height:1}.article h2{margin-top:28px}.article img.hero-img{width:100%;border-radius:22px;border:1px solid var(--border);margin:12px 0}.error{padding:12px;border-radius:14px;background:#fee2e2;color:#991b1b;font-weight:800}.pager{display:flex;justify-content:center;gap:10px;margin-top:18px}.analytics-note{font-size:13px;color:var(--muted);margin-top:8px}@media(max-width:800px){.nav-links{display:none}.search-box{flex-direction:column}.city-form{grid-template-columns:1fr}.map-wrap{height:360px}button{width:100%}.selected{align-items:flex-start}.top-nav{padding:10px 12px}.card,.article{padding:16px}}