:root{--bg:#f7f8f6;--card:#fff;--ink:#14211c;--muted:#5b6b64;--line:#e2e7e4;--brand:#0f6b4f;--brand-ink:#fff;--leak:#c2410c;--leak-soft:#fff1e8;--radius:14px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}a{color:var(--brand)}.wrap{max-width:880px;margin:0 auto;padding:0 16px}header.site{border-bottom:1px solid var(--line);background:var(--card)}header.site .wrap{justify-content:space-between;align-items:center;height:60px;display:flex}.logo{color:var(--ink);letter-spacing:-.02em;font-size:20px;font-weight:800;text-decoration:none}.logo span{color:var(--leak)}nav.top a{color:var(--muted);margin-left:18px;font-size:15px;text-decoration:none}nav.top a:hover{color:var(--ink)}.hero{padding:48px 0 24px}.hero h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(30px,5vw,46px);line-height:1.1}.hero p{color:var(--muted);max-width:620px;margin:0;font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:20px 0;padding:22px}.card h2{margin:0 0 6px;font-size:22px}.muted{color:var(--muted)}.small{font-size:14px}.members{gap:10px;margin:14px 0;display:grid}.member{gap:8px;display:flex}select,input[type=number]{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px 12px}button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;padding:10px 14px}button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}button.icon{flex:none;width:44px;padding:0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}label.field{margin:16px 0 6px;font-weight:600;display:block}.plans{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px;display:grid}.plan{border:1px solid var(--line);border-radius:12px;padding:12px}.plan.target{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.plan .name{color:var(--muted);font-size:13px}.plan .amount{font-size:24px;font-weight:800}.leak{background:var(--leak-soft);border:1px solid #fed7aa;border-radius:12px;margin-top:16px;padding:16px}.leak .big{color:var(--leak);font-size:34px;font-weight:800;line-height:1.1}.ok{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:12px;margin-top:16px;padding:16px}footer.site{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding:24px 0 40px;font-size:14px}footer.site a{color:var(--muted);margin-right:14px}.prose h1{letter-spacing:-.02em;font-size:32px}.prose h2{margin-top:28px;font-size:20px}@media (max-width:560px){nav.top a{margin-left:12px;font-size:14px}}input[type=text],input[type=email]{font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.save{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.save h3{margin:0 0 4px;font-size:18px}.bar-track{background:var(--line);border-radius:999px;height:12px;overflow:hidden}.bar-fill{background:var(--brand);height:100%}.chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:8px;height:140px;display:flex;position:relative}.chart .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart .colbar{background:var(--brand);border-radius:6px 6px 0 0;width:100%;max-width:48px}.chart .colbar.over{background:var(--leak)}.chart .target{border-top:2px dashed var(--muted);position:absolute;left:0;right:0}.chart-labels{color:var(--muted);gap:8px;font-size:12px;display:flex}.chart-labels span{text-align:center;flex:1}
