:root{--bg:#fafafa;--card:#fff;--accent:#4caf50;--muted:#888}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111;background:linear-gradient(180deg,#f8fafc,#fff)}.app-root{display:flex;flex-direction:column;height:100vh;max-width:480px;margin:0 auto;border-left:1px solid #eee;border-right:1px solid #eee}.top{display:flex;align-items:center;justify-content:space-between;padding:12px 14px}.top .arrow{background:#fff;border:1px solid #ddd;padding:8px;border-radius:8px;font-size:18px}.dateWrap{flex:1;display:flex;justify-content:center}.dateBtn{background:#fff;border:1px solid #ddd;padding:10px 16px;border-radius:14px;font-size:16px}.hiddenDate{position:absolute;left:-9999px}.totals{padding:8px 12px}.progress{margin:8px 0}.progress-label{font-size:13px;margin-bottom:6px;color:var(--muted);text-align:left}.progress-track{height:30px;border-radius:10px;border:2px solid #ccc;background:#fff;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#66bb6a)}.progress.calories .progress-fill{background:linear-gradient(90deg,#66bb6a,#4caf50)}.progress.protein .progress-fill{background:linear-gradient(90deg,#ffb74d,#ff8a65)}.progress-track{position:relative}.progress-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:#222;font-weight:600}.timeline{flex:1;display:flex;flex-direction:column;padding:8px 12px;min-height:0}.timeline-inner{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;border:2px solid #eee;border-radius:10px;padding:12px;position:relative;min-height:0}.day-start{display:flex;justify-content:center;font-weight:700;padding:8px 0;color:#444}.timeline-inner:before{display:none}.entry{display:flex;justify-content:center;position:relative}.entry:before{display:none}.entry:after{display:none}.plusRow{display:flex;justify-content:center;margin:1px 0}.caretRow{display:flex;justify-content:center;color:#bbb;font-size:14px;margin:-3px 0}.plus{width:44px;height:44px;border-radius:22px;border:2px solid #e0c068;background:#fff;font-size:22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #00000014;transition:transform .16s,box-shadow .16s,background .12s}.plus:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001f}.plus:active{transform:translateY(0)}.entry{display:flex;justify-content:center}.entry-chip{width:92%;background:var(--card);border-radius:10px;padding:10px 12px;border:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.entry-chip{box-shadow:0 6px 18px #00000014;transition:transform .18s,box-shadow .18s}.entry-chip:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000001f}.entry-chip:active{transform:translateY(-1px)}.entry-chip{animation:entry-pop .18s ease-out}.caretRow{transition:opacity .2s}.entry-label{font-weight:600}.entry-stats{display:flex;gap:8px;align-items:center}.entry-stats .kcal{background:#e8f5e9;padding:6px 8px;border-radius:6px}.entry-stats .protein{background:#ffeaea;padding:6px 8px;border-radius:6px}.del{border:1px solid #7f1d1d;background:#fff;color:#7f1d1d;padding:6px 8px;border-radius:6px;font-weight:700}.del:hover{background:#7f1d1d0a}.del:active{transform:translateY(0)}.top .arrow,.dateBtn,.plus,.entry-chip,.del,.primary,.secondary,.close{cursor:pointer}button[disabled],.primary:disabled,.secondary:disabled{opacity:.5;cursor:default}.copyFull{width:100%;padding:12px;border-radius:10px;border:0;background:#1e88e5;color:#fff;font-size:16px;cursor:pointer}.copyFull:active{transform:translateY(0)}.copyFull:hover{filter:brightness(1.05)}.copyFull:focus{outline:3px solid rgba(30,136,229,.18);outline-offset:2px}.copyFull[disabled]{opacity:.6;cursor:default}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;z-index:40}.modal-card{background:var(--card);width:92%;max-width:420px;border-radius:14px;padding:14px;box-shadow:0 6px 18px #0000001f;display:flex;flex-direction:column;gap:8px;align-self:flex-start;margin-top:8vh}.modal-head{display:flex;justify-content:space-between;align-items:center;font-weight:700}.modal input{padding:10px;border-radius:8px;border:1px solid #ddd;width:100%;box-sizing:border-box}.modal label{font-size:13px;color:#666}.modal-actions{display:flex;justify-content:flex-end;padding-top:6px}.inputWithUnit{display:flex;align-items:center;gap:8px}.inputWithUnit input{flex:1;padding-right:12px;width:100%;box-sizing:border-box}.inputWithUnit .unit{position:static;color:#666;font-size:13px;margin-left:6px}.modal .primary{padding:12px 18px;font-size:16px}.entry-chip,.entry-label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.primary{background:#66bb6a;border:0;padding:8px 14px;border-radius:10px;color:#fff}.secondary{background:#fff;border:1px solid #ddd;padding:8px 14px;border-radius:10px;color:#222;margin-left:8px}.close{background:#fff;border:0;font-size:18px}.danger{background:#d32f2f;border:0;padding:8px 14px;border-radius:10px;color:#fff}body.offline .plus,body.offline .primary,body.offline .del{opacity:1}@media (min-width:600px){.app-root{border-radius:8px;box-shadow:0 8px 30px #0000000f}}.timeline-inner .caretRow:last-of-type{display:none}