:root{color-scheme:light;--ink:#173042;--muted:#5f7180;--line:#d8e4e8;--panel:#fffffff0;--blue:#146c94;--blue-dark:#0e4e6c;--mint:#dff6ee;--shadow:0 18px 48px #19445824}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 5%,#d9f8ee 0,#0000 30rem),radial-gradient(circle at 90% 15%,#dcecff 0,#0000 28rem),#f3f8f9;margin:0;font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,sans-serif}main button,main input,main select,.goal button{font:inherit}main button,main select,main input[type=text],main input[type=number],.goal button{border-radius:.75rem}main button,.goal button{color:#fff;background:var(--blue);cursor:pointer;border:0;min-height:2.75rem;padding:.65rem 1rem;font-weight:750;transition:transform .14s,background .14s}main button:hover,.goal button:hover{background:var(--blue-dark);transform:translateY(-1px)}main button:focus-visible,main input:focus-visible,main select:focus-visible,main a:focus-visible,.goal button:focus-visible{outline-offset:2px;outline:3px solid #63b9e3}main button.secondary,.goal button.secondary{color:var(--blue-dark);background:#edf6f8;border:1px solid #b9d0d9}main button.danger,.goal button.danger{color:#8c2731;background:#fff1f2;border:1px solid #efc2c6}.page-shell{width:min(1180px,100% - 2rem);margin:0 auto;padding:1.25rem 0 4rem}.hero{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0e607f,#188b8a 65%,#55ad79);border:1px solid #ffffffb3;border-radius:1.5rem;margin:1rem 0 1.25rem;padding:clamp(1.4rem,4vw,3rem);position:relative;overflow:hidden}.hero:after{content:"";border:2.5rem solid #ffffff14;border-radius:50%;width:18rem;height:18rem;position:absolute;bottom:-4rem;right:-2rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0 0 .55rem;font-size:.78rem;font-weight:850}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;max-width:760px;margin-bottom:.75rem;font-size:clamp(2rem,5vw,4.2rem);line-height:.98}.hero p:last-child{color:#ffffffe6;max-width:690px;margin-bottom:0;font-size:clamp(1rem,2vw,1.15rem)}.goal,.add-place,.standards-guide{border:1px solid var(--line);background:var(--panel);border-radius:1.25rem;box-shadow:0 10px 30px #19445814}.goal{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.15rem;display:flex}.goal p{margin:0}.goal strong{color:#0d684f}#win-message{color:#0a5a43;background:var(--mint);border:1px solid #8ed4b6;border-radius:1rem;margin-bottom:1rem;padding:1rem 1.15rem;font-weight:750;display:none}#win-message[data-visible=true]{display:block}.toolbar{flex-wrap:wrap;gap:.6rem;display:flex}.places-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:1rem;display:grid}.place-card{--band-color:#2e9b50;--band-text:#fff;border:1px solid var(--line);border-top:.55rem solid var(--band-color);background:var(--panel);border-radius:1.25rem;flex-direction:column;gap:1rem;min-width:0;padding:1.1rem;display:flex;box-shadow:0 10px 26px #19445817}.card-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;display:grid}.place-name{width:100%;min-width:0;color:var(--ink);background:0 0;border:1px solid #0000;padding:.45rem .55rem;font-size:1.32rem;font-weight:850}.place-name:hover,.place-name:focus{border-color:var(--line);background:#fff}.remove-place{min-height:2.2rem;padding:.35rem .65rem;font-size:.82rem}.field-label{color:var(--muted);gap:.42rem;font-size:.84rem;font-weight:750;display:grid}main select,main input[type=text],main input[type=number]{width:100%;min-height:2.8rem;color:var(--ink);background:#fff;border:1px solid #b9ccd4;padding:.6rem .75rem}.reading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.reading-number{color:var(--ink);letter-spacing:-.06em;font-size:clamp(2.3rem,8vw,3.7rem);font-weight:900;line-height:1}.reading-unit{color:var(--muted);letter-spacing:normal;margin-top:.25rem;font-size:.8rem;font-weight:700;display:block}.category-badge{max-width:58%;color:var(--band-text);text-align:center;background:var(--band-color);border-radius:999px;padding:.5rem .75rem;font-size:.83rem;font-weight:850}.meter{background:var(--meter-gradient);border:.28rem solid #fff;border-radius:999px;height:2.1rem;position:relative;box-shadow:0 0 0 1px #bfd0d7,inset 0 1px 4px #1730422e}.meter-marker{top:50%;left:var(--meter-position);background:#102f41;border:2px solid #fff;border-radius:999px;width:.35rem;height:2.7rem;transition:left .1s linear;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 7px #00000059}.meter-labels{color:var(--muted);justify-content:space-between;margin-top:.35rem;font-size:.75rem;font-weight:700;display:flex}main input[type=range]{width:100%;accent-color:var(--band-color);cursor:ew-resize;margin:0}.number-row{grid-template-columns:minmax(0,1fr) minmax(7rem,.55fr);align-items:end;gap:.75rem;display:grid}.advice{border-left:.3rem solid var(--band-color);color:#334d5c;background:#f3f7f8;border-radius:0 .65rem .65rem 0;min-height:3.3rem;margin:0;padding:.65rem .75rem;font-size:.91rem;line-height:1.45}.add-place{margin-top:1rem;padding:1.2rem}.add-place h2,.standards-guide h2{margin-bottom:.35rem}.add-form{grid-template-columns:minmax(12rem,1fr) minmax(14rem,1fr) auto;align-items:end;gap:.75rem;margin-top:1rem;display:grid}.standards-guide{margin-top:1rem;padding:1.2rem}.guide-intro,.science-note{color:var(--muted);line-height:1.5}.science-note{background:#edf5f7;border-radius:.85rem;padding:.85rem 1rem}.standards-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:.75rem;margin-top:1rem;display:grid}details{border:1px solid var(--line);background:#fff;border-radius:.9rem;padding:.8rem}summary{cursor:pointer;font-weight:850}.standard-name{color:var(--muted);margin:.65rem 0;font-size:.88rem;display:block}.band-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.band-list li{border-radius:999px;padding:.35rem .55rem;font-size:.75rem;font-weight:800}details p{color:var(--muted);margin:.75rem 0 0;font-size:.84rem;line-height:1.45}details a{color:var(--blue-dark);font-weight:750}@media (width<=720px){.page-shell{width:min(100% - 1rem,1180px)}.goal,.add-form{grid-template-columns:1fr;display:grid}.toolbar button,.add-form button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}