:root{--bg:#f3f6f7;--card:#fff;--ink:#0f2329;--muted:#586e76;--line:#dde5e8;--accent:#0a6c80;--accent-soft:#e3f1f4;--ok:#2f8f4e;--notice:#b9770e;--bad:#c0392b;--ok-soft:#e6f4ea;--notice-soft:#fbf1dc;--bad-soft:#fbe6e3;--radius:16px;--shadow:0 1px 2px #0f23290d, 0 8px 24px #0f23290d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c1417;--card:#142025;--ink:#e7eff1;--muted:#93a7ae;--line:#24343a;--accent:#5cc0d4;--accent-soft:#15303a;--ok:#5fc27e;--notice:#e0a63c;--bad:#f0796b;--ok-soft:#15301f;--notice-soft:#33280f;--bad-soft:#3a1b17;--shadow:none}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);flex-direction:column;min-height:100dvh;margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}a{color:var(--accent);text-underline-offset:3px}h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}.site-header,.page,.site-footer{width:100%;max-width:720px;margin:0 auto;padding:0 16px}.site-header{padding-top:18px;padding-bottom:6px}.wordmark{letter-spacing:-.01em;color:var(--accent);align-items:center;gap:6px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.page{flex:1;padding-top:18px;padding-bottom:40px}.site-footer{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;padding-bottom:32px;font-size:13px}.site-footer p+p{margin-top:6px}.home{padding-top:clamp(16px,8vh,72px)}.home h1{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(30px,7vw,44px);line-height:1.1}.lead{color:var(--muted);text-wrap:pretty;max-width:34em;margin-top:14px;font-size:18px}.search{margin-top:28px;position:relative}.search-label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.search-box{position:relative}.search input{width:100%;font:inherit;color:var(--ink);background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);outline:none;padding:16px 18px;font-size:18px;transition:border-color .15s}.search input:focus{border-color:var(--accent)}.search input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.search input::placeholder{color:var(--muted);opacity:.7}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;margin-top:-9px;animation:.7s linear infinite spin;position:absolute;top:50%;right:16px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.options{z-index:10;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-top:6px;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #0f232924}.option{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 18px;display:flex}.option.active{background:var(--accent-soft)}.option.empty{cursor:default;color:var(--muted);font-size:14px}.option-kind{color:var(--muted);white-space:nowrap;font-size:12px}.search-message{background:var(--notice-soft);border-radius:12px;margin-top:10px;padding:10px 14px;font-size:14px}.search-hint{color:var(--muted);margin-top:10px;font-size:14px}.facts{color:var(--muted);gap:12px;margin-top:40px;font-size:15px;display:grid}.facts strong{color:var(--ink);font-weight:600}.crumb{font-size:14px}.crumb a{text-decoration:none}.result h1{letter-spacing:-.02em;text-wrap:balance;margin-top:10px;font-size:clamp(26px,6vw,36px);line-height:1.12}.period{color:var(--muted);margin-top:8px;font-size:15px}.stale{background:var(--notice-soft);border-radius:12px;margin-top:12px;padding:10px 14px;font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:16px;padding:20px}.card h2{letter-spacing:-.01em;text-wrap:balance;font-size:20px;line-height:1.25}.card h3{font-size:16px;line-height:1.3}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:700}.sub{color:var(--muted);margin-top:6px;font-size:14px}.verdict{border-left-width:5px}.verdict-good{border-left-color:var(--ok)}.verdict-attention{border-left-color:var(--notice)}.verdict-bad{border-left-color:var(--bad)}.verdict ul{gap:6px;margin-top:10px;display:grid}.verdict li{padding-left:16px;position:relative}.verdict li:before{content:"";background:var(--muted);border-radius:50%;width:6px;height:6px;position:absolute;top:.68em;left:0}.techs{gap:14px;margin-top:16px;display:grid}.techs li{border-top:1px solid var(--line);padding-top:14px}.tech-head{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.techs p,.tips p{color:var(--muted);margin-top:4px;font-size:15px}.tag{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600}.tag-recommended{background:var(--ok-soft);color:var(--ok)}.tag-optional{background:var(--accent-soft);color:var(--accent)}.tag-not_needed{background:var(--bg);color:var(--muted)}.hardness{flex-wrap:wrap;align-items:baseline;gap:4px 16px;display:flex}.hardness-main{align-items:baseline;gap:4px;display:flex}.hardness-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:56px;font-weight:700;line-height:1}.hardness-unit{color:var(--muted);font-size:20px;font-weight:600}.units{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));gap:8px;margin-top:12px;display:grid}.units>div{background:var(--bg);border-radius:12px;padding:10px 12px}.units dd{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.2}.units dt{font-size:13px;font-weight:600}.units dt small{color:var(--muted);font-size:11.5px;font-weight:400;line-height:1.3;display:block}.tips{gap:14px;margin-top:18px;display:grid}.tips li{border-top:1px solid var(--line);padding-top:14px}.seasonal{background:var(--accent-soft);border-radius:12px;margin-top:16px;padding:12px 14px;font-size:14px}.group{margin-top:18px}.group>h3{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px;font-size:13px;font-weight:600}.indicator{border-bottom:1px solid var(--line)}.indicator summary{cursor:pointer;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:11px 0;list-style:none;display:grid}.indicator summary::-webkit-details-marker{display:none}.indicator summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.indicator-value{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.indicator-value small{color:var(--muted);font-size:12px;font-weight:400}.indicator-body{color:var(--muted);gap:8px;padding:0 0 14px 20px;font-size:14px;display:grid}.indicator-body dl{gap:4px;display:grid}.indicator-body dl>div{gap:8px;display:flex}.indicator-body dt{min-width:84px}.indicator-body dd{color:var(--ink)}.note{color:var(--ink);border-radius:10px;padding:8px 12px}.note-notice{background:var(--notice-soft)}.note-exceeds{background:var(--bad-soft)}.dot{background:var(--line);border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot-ok{background:var(--ok)}.dot-notice{background:var(--notice)}.dot-exceeds{background:var(--bad)}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:14px;font-size:13px;display:flex}.legend .dot:not(:first-child){margin-left:8px}.source ul{color:var(--muted);gap:8px;font-size:14px;display:grid}@media (min-width:560px){.card{padding:24px 28px}}.serves{margin-top:10px;font-size:15px}.stations{margin-top:14px}.stations li{border-top:1px solid var(--line)}.station{color:inherit;grid-template-columns:10px 1fr auto;align-items:start;gap:12px;padding:13px 0;text-decoration:none;display:grid}.station .dot{margin-top:7px}.station:hover strong{color:var(--accent)}.station-main{gap:2px;display:grid}.station-serves{color:var(--muted);font-size:14px}.station-flag{color:var(--bad);font-size:13px;font-weight:600}.station-hardness{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.station-hardness small{color:var(--muted);font-size:12px;font-weight:400}.how{background:var(--accent-soft);border-radius:12px;gap:6px;margin-top:12px;padding:12px 14px;font-size:14px;display:grid}.how-unsure{background:var(--notice-soft)}.check{color:var(--muted);margin-top:8px;font-size:13px}.check-single{color:var(--ink);background:var(--notice-soft);border-radius:10px;padding:8px 12px}.station-unchecked{background:var(--notice-soft);color:var(--notice);border-radius:999px;justify-self:start;padding:1px 8px;font-size:12px;font-weight:600}.alts{gap:2px;padding-left:18px;list-style:outside;display:grid}details.all-zones>summary{cursor:pointer;padding:4px 0;font-weight:600}.cta{background:var(--accent);color:var(--card);border-radius:12px;margin-top:12px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}