:root{color:#1e2321;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f2efe7;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:linear-gradient(135deg,#48705629,#0000 34%),linear-gradient(#f2efe7 0%,#dfe7dc 100%);margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.loading,.auth-shell,.app-shell{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom))}.loading{color:#59645d;place-items:center;display:grid}.auth-shell{align-items:center;display:grid}.auth-panel,.app-shell{width:min(100%,760px);margin:0 auto}.auth-panel{background:#fffcf4d1;border:1px solid #41534629;border-radius:8px;padding:28px;box-shadow:0 18px 60px #26362c24}.eyebrow{color:#5f714c;letter-spacing:0;text-transform:uppercase;margin-bottom:6px;font-size:.76rem;font-weight:800;display:block}h1,h2,p{margin:0}h1{font-size:2rem;line-height:1.05}h2{margin-bottom:12px;font-size:1rem}form{gap:16px;display:grid}label{color:#4f5a52;gap:7px;font-weight:700;display:grid}input,textarea{color:#1e2321;background:#fffdf7;border:1px solid #41534638;border-radius:8px;outline:none;width:100%}input{min-height:46px;padding:0 12px}textarea{resize:vertical;padding:12px}input:focus,textarea:focus{border-color:#4c7f5a;box-shadow:0 0 0 3px #4c7f5a29}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.icon-button{color:#304037;background:#fffdf7;border:1px solid #4153462e;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-grid}.icon-button.small{width:34px;height:34px}.stats-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.stat{background:#fffcf4a8;border:1px solid #41534624;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;padding:12px;display:grid}.stat strong{text-align:right;font-size:1.5rem;line-height:1}.stat span{color:#69746b;grid-column:1/-1;margin-top:6px;font-size:.78rem}.checkin-panel,.history{background:#fffcf4c7;border:1px solid #41534629;border-radius:8px;padding:16px;box-shadow:0 18px 50px #26362c1f}.date-field{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.mood-field{grid-template-columns:1fr auto}.mood-field input{grid-column:1/-1;padding:0}.counter-section{gap:10px;display:grid}.counter-section h2{color:#304037;margin-bottom:0}.counter-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.counter{background:#e0e8db94;border-radius:8px;gap:10px;padding:12px;display:grid}.counter span{color:#4f5a52;font-weight:800}.counter-controls{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.counter input{text-align:center;min-height:34px;padding:0}.primary-button{color:#fffdf7;background:#294f36;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:800;display:inline-flex}.form-status{color:#356342;text-align:center;font-weight:800}.form-error{color:#9e2f28;text-align:center;font-weight:800}.history{margin-top:14px}.empty-state{color:#69746b}.history-list{gap:8px;display:grid}.history-item{color:#1e2321;text-align:left;background:#fffdf7;border:1px solid #41534624;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:grid}.history-item small{color:#69746b}@media (width<=480px){.counter-grid,.stats-row{grid-template-columns:1fr}.history-item{grid-template-columns:1fr auto}.history-item small{grid-column:1/-1}}