:root{color:#1a1a1a;background:#f5f5f5;font-family:Inter,ui-sans-serif,-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;background:#f5f5f5}button{color:inherit;font:inherit}.app-shell{min-height:100vh}.dashboard{width:min(100%,520px);margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 20px 96px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.header h1{margin:0;font-size:24px;line-height:1.25}.avatar{display:grid;width:32px;height:32px;padding:0;place-items:center;border:0;border-radius:50%;color:#fff;background:#000;font-size:18px;font-weight:700;cursor:pointer}.card{margin-bottom:20px;padding:20px;overflow:hidden;border-radius:15px;background:#fff;box-shadow:0 2px 8px #0000001a}.label,.metric,.change-row,.food-card h2,.date,.empty-state p{margin:0}.label{color:#666;font-size:16px}.metric{margin:5px 0;font-size:28px;font-weight:700}.change-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:#666;font-size:14px}.change-row strong{color:#22c55e;font-weight:500}.chart{display:block;width:calc(100% + 40px);height:210px;margin:4px -20px 8px}.timeframes{display:flex;gap:2px;padding-bottom:4px;overflow-x:auto;scrollbar-width:none}.timeframes::-webkit-scrollbar{display:none}.timeframes button{flex:0 0 auto;padding:6px 12px;border:0;border-radius:20px;color:#666;background:transparent;cursor:pointer;white-space:nowrap}.timeframes button.active{color:#000;background:#f0f0f0;font-weight:500}.text-link{margin-top:16px;padding:0;border:0;color:#666;background:transparent;text-decoration:underline;cursor:pointer}.food-card h2{font-size:20px;font-weight:600}.date{margin-top:4px;margin-bottom:16px;color:#666;font-size:14px}.nutrition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.nutrition-item{display:flex;min-width:0;padding:16px;flex-direction:column;align-items:center;border-radius:8px;background:#f5f5f5}.nutrition-item strong{font-size:24px}.nutrition-item span{margin-top:4px;color:#666;font-size:12px}.empty-state{padding:24px 0;text-align:center}.empty-state p{margin-bottom:8px;color:#666;font-size:16px}.empty-state span{color:#999;font-size:14px}.entries-card{min-height:68px}.entries-card .text-link{margin-top:0}.backdrop{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#0000007f}.fab-group{position:fixed;z-index:11;right:max(20px,calc((100vw - 520px)/2 + 20px));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px}.fab-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fab-actions button{padding:11px 16px;border:0;border-radius:28px;background:#fff;box-shadow:0 2px 8px #00000024;cursor:pointer;font-weight:500}.fab{width:56px;height:56px;padding:0 0 4px;border:0;border-radius:50%;color:#fff;background:#1a1a1a;box-shadow:0 4px 12px #0000004d;cursor:pointer;font-size:34px;font-weight:300;line-height:1;transition:transform .18s ease}.fab.open{transform:rotate(45deg)}button:focus-visible{outline:3px solid #9cab55;outline-offset:3px}@media(max-width:380px){.dashboard{padding-inline:14px}.card{padding:18px}.chart{width:calc(100% + 36px);margin-inline:-18px}.fab-group{right:14px}}