:root{--ink:#111;--muted:#444;--brand:#1F6F4A;--brand-d:#14513a;--accent:#F28C28;--bg:#fff;--card:#f6f8f7;--focus:#ffbf47}
*{box-sizing:border-box}
html{font-size:20px}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.4;padding-bottom:90px}
.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top));background:var(--brand);color:#fff}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:1.25rem}
.brand img{border-radius:9px;background:#fff}
.nav-btn{color:#fff;border:2px solid #fff;border-radius:10px;padding:6px 10px;text-decoration:none;font-weight:700;font-size:.8rem}
.wrap{max-width:640px;margin:0 auto;padding:14px}
label{display:block;font-weight:800;margin:10px 0 4px}
.big-in{width:100%;font-size:1.2rem;padding:14px;border:2px solid #888;border-radius:12px;background:var(--bg);color:var(--ink)}
.big-in:focus{outline:4px solid var(--focus);border-color:var(--brand)}
#f{position:relative}
.sugg{list-style:none;margin:0;padding:0;position:absolute;left:0;right:0;z-index:15;background:var(--bg);border:2px solid var(--brand);border-radius:12px;max-height:50vh;overflow:auto;box-shadow:0 6px 20px rgba(0,0,0,.2)}
.sugg li{padding:12px 14px;border-bottom:1px solid #ddd;cursor:pointer;font-size:1.05rem}
.sugg li:hover,.sugg li.on{background:#e4f2eb}
.hidden{display:none!important}
.muted{color:var(--muted)} .small{font-size:.75rem} .center{text-align:center}
h2{color:var(--brand);margin:16px 0 4px;font-size:1.3rem}
.zips{list-style:none;padding:0;margin:8px 0;display:grid;gap:10px}
.zip{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;text-align:left;background:var(--card);border:2px solid #cfd8d3;border-radius:14px;padding:12px 14px;color:var(--ink);font:inherit;cursor:pointer}
.zip:active{background:#d7eee2}
.zip .z{font-size:1.7rem;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--brand-d)}
.zip .meta{font-size:.8rem;text-align:right}
.pill{display:inline-block;border-radius:8px;padding:1px 7px;font-size:.7rem;font-weight:800;margin-left:4px;border:1px solid}
.p-P{color:#14513a;border-color:#14513a}.p-A{color:#7a4a00;border-color:#b06d00}.p-N{color:#8a1c1c;border-color:#8a1c1c}
.copyall{font:inherit;font-size:.85rem;font-weight:700;padding:10px 14px;border-radius:10px;border:2px solid var(--brand);background:var(--bg);color:var(--brand);cursor:pointer}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);background:#111;color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;z-index:40}
.house-ad{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#f4f4f4;border-top:2px solid #ccc;padding:8px 14px calc(8px + env(safe-area-inset-bottom));font-size:.8rem;min-height:64px;display:flex;align-items:center}
.house-ad a{color:var(--ink);text-decoration:none;display:flex;gap:10px;align-items:center;width:100%;max-width:640px;margin:0 auto}
.house-ad img{border-radius:8px;object-fit:cover;flex:0 0 auto}
.house-ad .tag{font-size:.65rem;font-weight:800;color:#666;border:1px solid #999;border-radius:6px;padding:1px 5px}
.house-ad b{color:var(--brand)}
a{color:var(--brand)}
@media (prefers-color-scheme:dark){:root{--ink:#f2f2f2;--muted:#c8c8c8;--bg:#121212;--card:#1d2420}.zip{border-color:#3a4a41}.zip .z,h2,a,.house-ad b{color:#8fe0b6}.house-ad{background:#1d1d1d;border-color:#444}.sugg li:hover,.sugg li.on{background:#22332a}.p-P{color:#8fe0b6;border-color:#8fe0b6}.p-A{color:#ffc266;border-color:#ffc266}.p-N{color:#ff9a9a;border-color:#ff9a9a}}