:root{color:#183225;background:#f7f0dc;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{min-height:100vh;padding:28px;background:linear-gradient(90deg,rgba(30,97,60,.08) 1px,transparent 1px),linear-gradient(rgba(30,97,60,.07) 1px,transparent 1px),#f7f0dc;background-size:32px 32px}.app-hero,.growth-panel,.workspace{width:min(1120px,100%);margin:0 auto}.app-hero{display:grid;gap:12px;padding:30px 0 24px}.eyebrow{margin:0;color:#287a46;font-size:.85rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:0;color:#143322;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.02;letter-spacing:0}h2{margin-bottom:0;font-size:1.35rem}.app-hero>p:last-child{max-width:620px;margin-bottom:0;color:#526252;font-size:1.05rem;line-height:1.7}.growth-panel,.observation-form,.timeline-panel{border:2px solid #244d36;border-radius:8px;background:#fffcefeb;box-shadow:8px 8px #2f6c47}.growth-panel{display:grid;gap:18px;min-width:0;padding:24px}.section-heading{display:grid;gap:4px;min-width:0}.chart-frame{height:280px}.growth-summary,.empty-copy{min-width:0;margin-bottom:0;color:#526252;overflow-wrap:anywhere}.workspace{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:26px;padding:34px 0;align-items:start}.observation-form,.timeline-panel{min-width:0;padding:22px}.observation-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:8px;min-width:0;color:#274233;font-weight:800}input,textarea{width:100%;min-width:0;border:2px solid #bfd2b9;border-radius:8px;background:#fffdf4;color:#183225;padding:12px}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:3px solid #f4c542;outline-offset:2px}.photo-picker small{min-width:0;color:#687461;font-weight:600;overflow-wrap:anywhere}.observation-form button,.note-card button{min-width:0;min-height:44px;border-radius:8px;background:#287a46;color:#fff;font-weight:900;overflow-wrap:anywhere}.observation-form button:disabled{cursor:not-allowed;background:#aab8a2}.timeline-panel{display:grid;gap:18px}.timeline-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.note-card{display:grid;gap:12px;min-width:0;min-height:220px;padding:16px;border-radius:6px;background:#fff2a8;box-shadow:0 10px 18px #2c402029;transform:rotate(-1deg);overflow-wrap:anywhere}.note-card:nth-child(2n){background:#dff2b8;transform:rotate(1deg)}.note-card:nth-child(3n){background:#ffd6bd}.note-card img{width:100%;aspect-ratio:4 / 3;border-radius:6px;object-fit:cover}.note-card-body{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere}.note-card time{color:#58704d;font-weight:800}.note-card strong{font-size:1.8rem}.note-card p{min-width:0;margin-bottom:0;line-height:1.55;overflow-wrap:anywhere}.note-card button{align-self:end;background:#6f5035}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:980px){.form-grid{grid-template-columns:1fr}}@media(max-width:760px){.app-shell{padding:18px}.workspace,.form-grid{grid-template-columns:1fr}.growth-panel,.observation-form,.timeline-panel{box-shadow:5px 5px #2f6c47}.chart-frame{height:230px}}