:root{color:#202620;background:#f7faf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans TC,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7faf7}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow{margin:0 0 4px;color:#66736a;font-size:.78rem;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.65rem,5vw,2.4rem)}h2{margin-bottom:0;font-size:1.08rem}h3{margin-bottom:8px;font-size:1.06rem}.status-pill,.tag-row span{display:inline-flex;align-items:center;gap:7px;border:1px solid #d8e0d9;border-radius:999px;background:#fff;color:#3d4a40;padding:8px 11px;white-space:nowrap}.app-tabs,.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;border:1px solid #d8e0d9;border-radius:10px;padding:5px;background:#edf3ee}.app-tabs{position:sticky;top:0;z-index:10;margin-bottom:16px}.segmented-control{grid-template-columns:repeat(3,1fr)}.app-tabs button,.segmented-control button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:7px;background:transparent;color:#4d5c51}.app-tabs button.active,.segmented-control button.active{background:#fff;color:#214b35;box-shadow:0 1px 5px #1e302414}.page-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.7fr);gap:16px;align-items:start}.panel,.analysis-card{border:1px solid #dfe6df;border-radius:8px;background:#fff;box-shadow:0 10px 24px #2d3f300f}.panel{padding:16px}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:#214b35}.record-form{display:grid;gap:14px}.field{display:grid;gap:7px}.field span{color:#55635a;font-size:.86rem}input,select,textarea{width:100%;border:1px solid #d6ded7;border-radius:7px;background:#fbfdfb;color:#202620;padding:11px 12px}textarea{min-height:96px;resize:vertical}.form-row,.photo-grid,.filters,.edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-uploader{display:grid;grid-template-rows:minmax(138px,1fr) auto;min-height:190px;border:1px dashed #98aa9d;border-radius:8px;background:#f4f8f4;overflow:hidden}.photo-uploader input{position:absolute;width:1px;height:1px;opacity:0}.photo-uploader span{display:grid;place-items:center;gap:9px;color:#526258}.photo-preview{display:grid;place-items:center;min-height:138px;overflow:hidden}.photo-preview img,.thumb img{width:100%;height:100%;object-fit:cover}.photo-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;border-top:1px solid #dbe5dc;background:#fff}.photo-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border:0;background:transparent;color:#214b35}.photo-actions button+button{border-left:1px solid #dbe5dc}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:0;border-radius:7px;background:#2f6f4e;color:#fff;font-weight:700}.primary-action:disabled{cursor:not-allowed;background:#89a896}.primary-action.small{min-height:40px}.compact-list,.analysis-list{display:grid;gap:10px}.compact-item,.analysis-main{display:flex;gap:12px}.compact-item{align-items:center;border-bottom:1px solid #eef2ee;padding-bottom:10px}.compact-item p,.muted{margin:4px 0 0;color:#68746b;font-size:.88rem}.thumb{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;overflow:hidden;border-radius:8px;background:#e8efe9;color:#5d6b61}.thumb.large{flex-basis:112px;width:112px;height:112px}.toast{display:inline-flex;align-items:center;gap:8px;position:fixed;right:18px;bottom:18px;z-index:20;border-radius:8px;background:#214b35;color:#fff;padding:12px 14px;animation:fade-out 3s forwards}.error-banner{border:1px solid #e2b7a2;border-radius:8px;background:#fff6f1;color:#874624;padding:12px 14px;margin-bottom:16px}.analysis-view{display:grid;gap:16px}.summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.metric{border:1px solid #dfe6df;border-radius:8px;background:#fff;padding:13px}.metric span{display:block;color:#66736a;font-size:.84rem}.metric strong{display:block;margin-top:7px;color:#203b2c;font-size:1.25rem}.chart-wrap{width:100%;min-height:260px}.filters{grid-template-columns:1fr 1fr 1fr}.analysis-card{padding:14px}.analysis-content{flex:1;min-width:0}.card-title-row{display:flex;justify-content:space-between;gap:12px}.icon-button{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #d6ded7;border-radius:7px;background:#fff;color:#214b35}.macro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.macro-grid span{border-radius:7px;background:#f2f6f2;padding:10px;color:#526258;font-size:.85rem}.macro-grid strong{display:block;color:#1e2b22;font-size:1.1rem}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.assumption,.warning,.empty-state{color:#596860;line-height:1.6}.warning{color:#91562f}.edit-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;padding-top:14px;border-top:1px solid #eef2ee}.field.wide{grid-column:span 3}@keyframes fade-out{0%,72%{opacity:1}to{opacity:0}}@media(max-width:820px){.app-shell{padding:14px}.topbar{align-items:flex-start}.page-grid,.summary-strip,.filters,.form-row,.photo-grid,.macro-grid,.edit-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.analysis-main{flex-direction:column}.thumb.large{width:100%;height:180px;flex-basis:auto}}@media(max-width:480px){.app-tabs button,.segmented-control button{gap:5px;font-size:.9rem}.status-pill{display:none}}