:root{--ink:#1d2926;--green:#a4aaa6;--cream:#f2f2f7;--paper:#fff;--sun:#dce2df;--line:#d1d1d6;--muted:#616763;--button:#52605c}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,sans-serif;letter-spacing:-.01em;background:var(--cream)}
header{background:linear-gradient(180deg,#a4aaa6,#989f9b);color:var(--ink);padding:calc(1rem + env(safe-area-inset-top)) max(1.1rem,calc((100vw - 880px)/2)) 1rem;box-shadow:inset 0 -1px #ffffff66}.eyebrow{font-size:.62rem;color:#45534e}h1{font-size:1.9rem;font-weight:700;letter-spacing:-.045em}button{background:var(--button);color:#fff}.secondary{background:#fff;border-color:#a4aaa6;color:#40524b}.page .secondary{background:#fff;color:#40524b}.page .secondary:hover{background:#edf0ef}header .secondary{background:var(--button);border-color:var(--button);color:#fff}
main{padding:1rem max(1rem,calc((100vw - 880px)/2)) 6rem}.summary{gap:.4rem;margin-bottom:.65rem}.stat,.task,.page{border:0;box-shadow:0 1px 2px #0000000d}.stat{border-radius:11px;padding:.45rem .6rem}.stat b{font-size:1.1rem;line-height:1.1;letter-spacing:-.05em}.stat span{font-size:.64rem;white-space:nowrap}.controls{background:#e3e3e8;border-radius:12px;padding:2px;gap:2px}.controls label{padding:.25rem .4rem;font-weight:600}.controls input,.controls select{background:#fff;border:0;border-radius:9px}.task{border-radius:14px;padding:1rem;transition:transform .15s ease,box-shadow .15s ease}.task:active{transform:scale(.985);box-shadow:none}.task h2{font-size:1.05rem;font-weight:650;letter-spacing:-.02em}.meta{font-size:.81rem}.tag{background:#e9efed;color:#45534e;border-radius:999px;padding:.2rem .48rem}.quick-action{border-radius:50%;width:2.25rem;height:2.25rem;padding:0;background:#edf0ef;color:#40524b}.quick-action.complete{background:var(--button);color:#fff}.quick-action.add{background:#dce4e0;color:#26342f}.page{border-radius:18px;padding:1.1rem}.page h2{margin-top:1.5rem;font-size:1.1rem}.page input,.page select,.page textarea{background:#f2f2f7;border:0;border-radius:10px;padding:.72rem}.page input:focus,.page select:focus,.page textarea:focus{outline:3px solid #a4aaa666}.page button,.form-actions button{border-radius:10px;background:var(--button);color:#fff}.back{border-radius:50%;width:2rem;height:2rem;padding:0;background:#e8ecea;color:#40524b}.choice{border-radius:14px;padding:1rem;background:#f2f2f7;color:var(--ink)}.costs{background:#e4ebe8;border-radius:16px}.history{border-left-color:#76827e}.photos img{border-radius:12px}nav{background:#ffffffde;backdrop-filter:blur(18px);border:0;box-shadow:0 -1px 8px #0000000a}.active{background:#e3e9e6!important;color:#40524b!important}
@media(max-width:550px){header{padding-left:1.1rem;padding-right:1.1rem}.controls{grid-template-columns:1fr 1fr}.controls label:first-child{grid-column:1/-1}}