:root{--bg:#fff;--surface:#fff;--surface-2:#f4f6f8;--line:#e7ebee;--text:#10161b;--text-2:#5b6873;--text-3:#8a97a1;--accent:#169d8b;--radius:18px;--pill-clear:128px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{touch-action:manipulation;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}.app{min-height:100svh;min-height:100dvh;display:flex;flex-direction:column}.header{position:-webkit-sticky;position:sticky;top:0;z-index:30;background:hsla(0,0%,100%,.86);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);padding:calc(var(--safe-top) + 12px) var(--pill-clear) 12px 18px}.header .brand{display:flex;align-items:center;gap:10px}.header .logo{width:30px;height:30px;border-radius:9px;flex:0 0 auto}.header h1{margin:0;font-size:20px;font-weight:750;letter-spacing:-.02em}.header .sub{margin:2px 0 0;font-size:12.5px;color:var(--text-2);display:flex;align-items:center;gap:6px}.dot-live{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.content{flex:1 1;padding:14px 16px calc(var(--safe-bottom) + 28px);max-width:560px;width:100%;margin:0 auto}.greeting{font-size:14px;color:var(--text-2);margin:2px 2px 12px}.greeting b{color:var(--text)}.controls{display:flex;gap:10px;margin-bottom:14px}.search{flex:1 1;position:relative}.search input{width:100%;height:46px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:0 14px 0 40px;font-size:16px;color:var(--text);outline:none}.search input:focus{border-color:var(--accent);background:#fff}.search .ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:16px;pointer-events:none}.btn-loc{height:46px;min-width:46px;padding:0 14px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;font-size:14px;font-weight:650;color:var(--text);display:flex;align-items:center;gap:7px;transition:transform .08s ease}.btn-loc:active{transform:scale(.96)}.btn-loc.on{background:var(--accent);border-color:var(--accent);color:#fff}.hero{border-radius:var(--radius);padding:18px;margin-bottom:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(16,22,27,.14)}.hero .eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.9}.hero .hname{font-size:22px;font-weight:780;letter-spacing:-.02em;margin:4px 0 2px}.hero .hmeta{font-size:13px;opacity:.92}.hero .hclass{margin-top:14px;display:flex;align-items:baseline;gap:10px}.hero .hclass .lbl{font-size:26px;font-weight:800;letter-spacing:-.02em}.hero .hadvice{margin-top:10px;font-size:13.5px;line-height:1.4;opacity:.96}.overview{display:flex;gap:7px;margin-bottom:16px;flex-wrap:wrap}.ochip{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--text-2)}.ochip .sw{width:10px;height:10px;border-radius:50%}.ochip b{color:var(--text)}.section-label{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:4px 2px 8px}.list{flex-direction:column;gap:8px}.list,.row{display:flex}.row{align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:15px;background:var(--surface);text-align:left;width:100%;transition:transform .08s ease,background .12s ease}.row:active{transform:scale(.985);background:var(--surface-2)}.badge{width:46px;height:46px;border-radius:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}.row .info{flex:1 1;min-width:0}.row .rname{font-size:15px;font-weight:650;letter-spacing:-.01em}.row .rmeta,.row .rname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .rmeta{font-size:12.5px;color:var(--text-2);margin-top:1px}.row .rright{text-align:right;flex:0 0 auto}.row .rclass{font-size:12.5px;font-weight:700}.row .rdist{font-size:11.5px;color:var(--text-3);margin-top:2px}.state{text-align:center;padding:48px 20px;color:var(--text-2)}.state .big{font-size:15px;font-weight:650;color:var(--text);margin-bottom:4px}.skel{height:68px;border-radius:15px;background:linear-gradient(90deg,#f0f2f4 25%,#e7ebee 37%,#f0f2f4 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.retry{margin-top:14px;height:44px;padding:0 20px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-weight:650;font-size:14px}.sheet-backdrop{position:fixed;inset:0;background:rgba(16,22,27,.42);z-index:40;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;background:var(--surface);border-radius:22px 22px 0 0;padding:10px 18px calc(var(--safe-bottom) + 22px);max-height:88svh;max-height:88dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:slideup .24s cubic-bezier(.22,1,.36,1);box-shadow:0 -12px 40px rgba(16,22,27,.2)}@keyframes slideup{0%{transform:translateY(100%)}}.grabber{width:40px;height:5px;border-radius:3px;background:#d7dde1;margin:4px auto 14px}.sheet .shead{gap:14px;margin-bottom:6px}.sheet .sbadge,.sheet .shead{display:flex;align-items:center}.sheet .sbadge{width:60px;height:60px;border-radius:15px;justify-content:center;font-weight:800;font-size:24px;flex:0 0 auto}.sheet h2{margin:0;font-size:19px;font-weight:760;letter-spacing:-.02em;line-height:1.2}.sheet .sclass{font-size:14px;font-weight:700;margin-top:3px}.sheet .stags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.tag{font-size:12px;font-weight:600;padding:5px 9px;border-radius:8px}.sheet .advice,.tag{background:var(--surface-2);color:var(--text-2)}.sheet .advice{font-size:13.5px;line-height:1.45;border-radius:12px;padding:12px 14px;margin:12px 0 4px}.comp-head{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin:18px 2px 10px}.comp{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.comp .csym{width:44px;font-size:15px;font-weight:750;flex:0 0 auto}.comp .cinfo{flex:1 1;min-width:0}.comp .cname{font-size:14px;font-weight:600}.comp .cbar{height:6px;border-radius:3px;background:var(--surface-2);margin-top:6px;overflow:hidden}.comp .cbar>span{display:block;height:100%;border-radius:3px}.comp .cval{text-align:right;flex:0 0 auto}.comp .cval .num{font-size:16px;font-weight:750}.comp .cval .unit{font-size:11px;color:var(--text-3)}.sheet .foot{margin-top:16px;font-size:11.5px;color:var(--text-3);line-height:1.45}.incomplete-note{font-size:12px;color:#9a6b00;background:#fff6e0;border-radius:10px;padding:9px 12px;margin-top:10px}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:3px;margin-bottom:16px}.seg{flex:1 1;height:36px;border:none;background:transparent;border-radius:9px;font-size:14px;font-weight:650;color:var(--text-2);transition:background .15s ease,color .15s ease}.seg.on{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(16,22,27,.1)}.map{height:62svh;height:62dvh;min-height:340px;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);z-index:1}.map-skel{background:linear-gradient(90deg,#eef1f3 25%,#e4e8eb 37%,#eef1f3 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}.map-hint{text-align:center;font-size:12.5px;color:var(--text-3);margin:10px 0 2px}.leaflet-container{font:inherit;background:#f4f6f8}.leaflet-tooltip{font-size:12px;font-weight:600;border-radius:8px;border:none;box-shadow:0 2px 8px rgba(16,22,27,.18)}.fav-star{color:#f5b301;margin-right:5px;font-size:13px}.fav-btn{flex:0 0 auto;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:20px;line-height:1;color:var(--text-3);transition:transform .08s ease}.fav-btn:active{transform:scale(.92)}.fav-btn.on{color:#f5b301;border-color:#f7dd8a;background:#fff9e8}.ctx-skel{height:74px;border-radius:14px;background:linear-gradient(90deg,#f0f2f4 25%,#e7ebee 37%,#f0f2f4 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite}.weather{display:flex;align-items:center;gap:14px;background:var(--surface-2);border-radius:14px;padding:14px}.weather .wemoji{font-size:34px;line-height:1}.weather .wmain{flex:1 1;min-width:0}.weather .wtemp{font-size:24px;font-weight:800;letter-spacing:-.02em}.weather .wdesc{font-size:13px;color:var(--text-2);margin-top:1px}.weather .wmeta{text-align:right;font-size:12.5px;color:var(--text-2);line-height:1.5}.pollen-grid{flex-wrap:wrap}.pchip,.pollen-grid{display:flex;gap:8px}.pchip{align-items:center;border:1px solid var(--line);border-radius:11px;padding:7px 9px 7px 11px;background:var(--surface)}.pchip .pname{font-size:13.5px;font-weight:650}.pchip .plevel{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px}.pollen-none{font-size:13.5px;color:var(--text-2);background:var(--surface-2);border-radius:12px;padding:12px 14px}