:root{--green-100: #e8f5e9;--green-200: #c8e6c9;--green-300: #a5d6a7;--green-400: #81c784;--green-500: #66bb6a;--green-600: #4caf50;--green-700: #388e3c;--green-800: #2e7d32;--green-900: #1b5e20;--brown-100: #efebe9;--brown-200: #d7ccc8;--brown-300: #bcaaa4;--brown-400: #8d6e63;--brown-500: #6d4c41;--warm-bg: #faf8f5;--warm-card: #ffffff;--warm-border: rgba(107, 142, 35, .12);--text-primary: #2d3436;--text-secondary: #636e72;--text-muted: #b2bec3;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--warm-bg);color:var(--text-primary);line-height:1.6}.app{max-width:480px;margin:0 auto;padding:1.5rem 1rem 3rem;min-height:100vh}.header{text-align:center;margin-bottom:1.5rem}.title{font-size:1.6rem;font-weight:700;color:var(--green-800);letter-spacing:-.02em}.subtitle{font-size:.85rem;color:var(--text-muted);margin-top:.2rem}.tree-section{background:var(--warm-card);border:1px solid var(--warm-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-md);margin-bottom:1rem;text-align:center}.tree-stage-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--green-600);margin-bottom:.5rem}.tree-container{width:100%;max-width:260px;margin:0 auto}.tree-svg{width:100%;height:auto}.tree-stats{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;font-size:.75rem;color:var(--text-secondary)}.mood-summary{font-weight:600;color:var(--green-700)}.seed-glow{animation:pulse 2s ease-in-out infinite}.canopy-cluster{animation:sway 4s ease-in-out infinite;transform-origin:center bottom}.flower{animation:bloom .6s ease-out forwards;opacity:0}.leaf-particle{animation:float-up 3s ease-out infinite}.raindrop{animation:drip 1.5s ease-in infinite}.trunk{animation:grow-up 1s ease-out forwards}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}@keyframes sway{0%,to{transform:rotate(0)}50%{transform:rotate(1.5deg)}}@keyframes bloom{to{opacity:1}}@keyframes float-up{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-20px);opacity:0}}@keyframes drip{0%{transform:translateY(0);opacity:.6}to{transform:translateY(15px);opacity:0}}@keyframes grow-up{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.entry-form{background:var(--warm-card);border:1px solid var(--warm-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm);margin-bottom:.75rem}.daily-limit{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.72rem;color:var(--text-muted)}.limit-reached{color:#e17055;font-weight:600}.limit-msg{color:#e17055;font-size:.68rem}.entry-input{width:100%;padding:.75rem;border:1.5px solid var(--green-200);border-radius:var(--radius-sm);font-family:inherit;font-size:.88rem;color:var(--text-primary);background:var(--warm-bg);resize:vertical;transition:border-color .2s;line-height:1.5}.entry-input:focus{outline:none;border-color:var(--green-400);box-shadow:0 0 0 3px #66bb6a26}.entry-input::placeholder{color:var(--text-muted)}.entry-input:disabled{opacity:.5;cursor:not-allowed}.mood-selector{display:flex;gap:.5rem;margin:.75rem 0}.mood-btn{flex:1;padding:.5rem .25rem;border:1.5px solid var(--green-200);border-radius:var(--radius-sm);background:var(--warm-bg);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mood-btn:hover:not(:disabled){border-color:var(--green-400);background:var(--green-100)}.mood-btn.active.mood-btn-happy{border-color:#fdcb6e;background:#ffeaa7;color:#6c5b1a}.mood-btn.active.mood-btn-neutral{border-color:var(--green-400);background:var(--green-100);color:var(--green-800)}.mood-btn.active.mood-btn-sad{border-color:#74b9ff;background:#dfe6e9;color:#2d3436}.mood-btn:disabled{opacity:.4;cursor:not-allowed}.plant-btn{width:100%;padding:.7rem;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--green-500),var(--green-700));color:#fff;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #4caf504d}.plant-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4caf5066}.plant-btn:active:not(:disabled){transform:translateY(0)}.plant-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.actions{display:flex;gap:.5rem;margin-bottom:1rem}.toggle-timeline-btn,.reset-btn{flex:1;padding:.55rem;border:1.5px solid var(--green-200);border-radius:var(--radius-sm);background:var(--warm-card);font-family:inherit;font-size:.78rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.toggle-timeline-btn:hover{border-color:var(--green-400);color:var(--green-700)}.reset-btn:hover:not(:disabled){border-color:#fab1a0;color:#e17055}.reset-btn:disabled{opacity:.4;cursor:not-allowed}.timeline{background:var(--warm-card);border:1px solid var(--warm-border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.timeline-title{font-size:.9rem;font-weight:600;color:var(--green-800);margin-bottom:1rem}.timeline-list{display:flex;flex-direction:column;gap:.75rem}.timeline-entry{padding:.75rem;border-radius:var(--radius-sm);border-left:3px solid var(--green-300);background:var(--warm-bg)}.timeline-entry-happy{border-left-color:#fdcb6e;background:#fffef5}.timeline-entry-neutral{border-left-color:var(--green-300)}.timeline-entry-sad{border-left-color:#74b9ff;background:#f5f8ff}.timeline-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.mood-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px}.mood-badge.mood-happy{background:#ffeaa7;color:#6c5b1a}.mood-badge.mood-neutral{background:var(--green-100);color:var(--green-800)}.mood-badge.mood-sad{background:#dfe6e9;color:#2d3436}.timeline-date{font-size:.65rem;color:var(--text-muted)}.timeline-text{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.timeline-empty{font-size:.82rem;color:var(--text-muted);text-align:center;padding:1rem 0}@media(max-width:480px){.app{padding:1rem .75rem 2rem}.title{font-size:1.35rem}.mood-selector{gap:.35rem}.mood-btn{font-size:.72rem;padding:.4rem .2rem}}