:root{font:16px system-ui,sans-serif;color:#183831;background:#f5f8f5;line-height:1.5;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:#145749}nav{display:flex;gap:.4rem 1.2rem;flex-wrap:wrap;align-items:center;padding:.8rem max(1rem,calc((100% - 44rem)/2));background:#e5efe8;border-bottom:1px solid #cfddd3}nav a{text-decoration:none;font-weight:650}.brand{font-size:1.45rem;font-weight:850}
main{max-width:46rem;margin:auto;padding:1.45rem 1rem 3rem}h1{font-size:clamp(1.75rem,6vw,2.65rem);line-height:1.12;margin:.2rem 0 1rem;letter-spacing:-.04em}h2{font-size:1rem;margin:1.6rem 0 .5rem}h2 small{padding:.2em .55em;border-radius:2rem;background:#e2ede6;font-size:.8rem}.eyebrow{font-size:.7rem;letter-spacing:.15em;color:#456a60;font-weight:750;margin:0}.muted,.intro{color:#48645c}
.panel,.entry{background:#fff;border:1px solid #d5e3da;border-radius:.85rem}.panel{padding:1.1rem}.cards{display:grid;gap:.65rem}.cards a{text-decoration:none}.cards strong,.cards span{display:block}.cards span{color:#48645c;font-size:.9rem}
form{margin:0}.stack{display:grid;gap:.8rem;max-width:28rem}.stack label{display:grid;gap:.25rem;font-weight:650}.add{display:flex;gap:.5rem;flex-wrap:wrap}.add input{flex:1 1 10rem}button,input{font:inherit;border-radius:.65rem;min-height:2.75rem}input{min-width:0;width:100%;padding:.55rem .7rem;border:1px solid #a9c1b7;color:#183831;background:white}button{border:1px solid transparent;padding:.48rem .8rem;color:white;background:#18584b;font-weight:700;cursor:pointer}.secondary,.check,.remove{background:#e5efe8;color:#174e42}.signout{margin-top:1rem}.error{color:#912f29}.entry{display:flex;gap:.55rem;align-items:center;padding:.35rem}.entry span{flex:1;min-width:0;overflow-wrap:anywhere}.done span{text-decoration:line-through;color:#48645c}.check,.remove{width:2.75rem;padding:0;font-size:1.25rem}.entry:not(.done) .remove{display:none}ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}:focus-visible{outline:3px solid #97720b;outline-offset:2px}