:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1f302b;background:#f6f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f6f4ef}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}.app-shell{min-height:100dvh;padding:env(safe-area-inset-top) 16px calc(88px + env(safe-area-inset-bottom));max-width:680px;margin:auto}.topbar{display:flex;align-items:center;gap:9px;height:58px;font-size:14px;font-weight:700;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#e3f0dc;background:#173b35;font-size:18px}.offline-dot{margin-left:auto;color:#718078;font-size:11px;font-weight:500}main{padding:22px 0 18px}h1{margin:3px 0 25px;font-size:clamp(34px,11vw,48px);line-height:1;letter-spacing:-.055em}h2{margin:0;font-size:18px;letter-spacing:-.02em}.page-kicker,.eyebrow{color:#718078;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}section{margin:0 0 33px}.section-title,.detail-heading,.card-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{margin-bottom:12px}.meta{color:#718078;font-size:12px}.project-card{display:block;width:100%;margin:10px 0;padding:17px;border:1px solid #e1e3db;border-radius:18px;background:#ffffffad;text-align:left;box-shadow:0 5px 16px #263d3309}.project-card:hover,.project-card:focus-visible{border-color:#82aa93;outline:3px solid rgba(40,121,104,.12)}.project-card strong{font-size:16px}.project-card p,.goal{margin:10px 0 16px;color:#617069;font-size:14px;line-height:1.5}.status-pill{padding:5px 8px;border-radius:99px;color:#287968;background:#e5f0e6;font-size:11px}.progress-track{width:100%;height:7px;overflow:hidden;border-radius:99px;background:#dfe6dc}.progress-track span{display:block;height:100%;border-radius:inherit;background:#287968;transition:width .25s ease}.task-row{display:grid;grid-template-columns:34px 1fr 34px 28px;align-items:center;min-height:64px;border-bottom:1px solid #e1e3db}.check-button{width:27px;height:27px;border:1.5px solid #9bab9f;border-radius:50%;color:#fff;background:transparent;font-size:16px}.is-complete .check-button{border-color:#287968;background:#287968}.is-complete .task-main span{color:#89948e;text-decoration:line-through}.task-main{display:flex;min-height:54px;flex-direction:column;justify-content:center;gap:3px;border:0;background:transparent;text-align:left}.task-main span{font-size:15px;line-height:1.3}.task-main small{color:#8a9690;font-size:11px}.icon-button,.delete-quiet,.text-button{border:0;background:transparent}.icon-button{color:#708078;font-size:14px;letter-spacing:2px}.delete-quiet{color:#a4ada6;font-size:21px}.delete-quiet:hover{color:#b65d55}.add-button,.text-button,.back-link{border:0;color:#287968;background:transparent;font-size:13px;font-weight:700}.back-link{display:block;margin-bottom:26px;padding:8px 0}.text-button{padding:10px 0}.detail-heading h1{margin-bottom:15px}.detail-meta{margin:10px 0 30px}.inline-form,.sheet-form{margin:13px 0 18px;padding:16px;border:1px solid #dce4db;border-radius:16px;background:#eef3ec}label{display:block;margin:0 0 13px;color:#64736a;font-size:12px;font-weight:700}input,textarea,select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #d6ded5;border-radius:11px;outline:none;color:#1f302b;background:#fff}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#287968;box-shadow:0 0 0 3px #2879681f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-actions{display:flex;gap:10px;margin-top:5px}.form-actions button,.primary,.danger-outline{min-height:44px;padding:10px 17px;border:1px solid #d1dbd1;border-radius:11px;background:#fff;font-weight:700}.primary{border-color:#287968;color:#fff;background:#287968}.compact{padding:9px 13px}.danger-outline{width:100%;margin-top:35px;color:#a24f49;border-color:#e2c6c2;background:transparent}.form-error,.global-error{color:#a24f49;font-size:13px}.notice{margin:-2px 0 10px;color:#287968;font-size:13px}.empty-state{margin:10px 0;padding:22px 16px;border:1px dashed #cbd7cd;border-radius:15px;color:#718078;background:#ffffff59;font-size:14px;text-align:center}.global-error{margin:5px 0;padding:10px;border-radius:10px;background:#f8e5e1}.bottom-nav{position:fixed;z-index:5;right:0;bottom:0;left:0;display:flex;justify-content:center;gap:5px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e0e4dc;background:#f6f4eff0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.bottom-nav button{display:flex;min-width:130px;min-height:51px;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:14px;color:#829087;background:transparent;font-size:11px;font-weight:700}.bottom-nav button span{font-size:18px;line-height:1}.bottom-nav button.active{color:#287968;background:#e4efe4}@media(min-width:680px){.app-shell{padding-right:28px;padding-left:28px}.bottom-nav{position:static;margin:24px auto 0;border:1px solid #e0e4dc;border-radius:18px}}