:root{--bg:#fafaf7;--card:#ffffff;--text:#1d1d1f;--muted:#8a8a8e;--accent:#34a853;--accent-soft:#e8f5ec;--danger:#e5484d;--border:#ececea;--shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 14px rgba(0,0,0,0.04)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);display:flex;flex-direction:column;overflow:hidden}.app-header,body{background:var(--bg)}.app-header{padding:calc(env(safe-area-inset-top) + 14px) 16px 10px;border-bottom:1px solid var(--border);flex-shrink:0}.app-title{font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:12px}.app-title span{color:var(--accent)}.days{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}.days::-webkit-scrollbar{display:none}.day{flex:0 0 auto;width:52px;padding:8px 0 6px;border-radius:14px;border:1.5px solid transparent;background:var(--card);box-shadow:var(--shadow);text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .1s}.day:active{transform:scale(.94)}.day .dow{font-size:11px;color:var(--muted);text-transform:uppercase}.day .num{font-size:18px;font-weight:600;margin-top:2px}.day .dot{width:5px;height:5px;border-radius:50%;background:transparent;margin:4px auto 0}.day.has-entries .dot{background:var(--accent)}.day.selected,.day.today{border-color:var(--accent)}.day.selected{background:var(--accent)}.day.selected .dow,.day.selected .num{color:#fff}.day.selected.has-entries .dot{background:#fff}.app-main{flex:1 1;overflow-y:auto;padding:16px 16px 120px;-webkit-overflow-scrolling:touch}.date-heading{font-size:15px;font-weight:600;color:var(--muted);margin-bottom:12px}.entry{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:14px;margin-bottom:12px;animation:pop .25s ease}@keyframes pop{0%{opacity:0;transform:translateY(8px)}}.entry-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.meal-tag{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:99px}.entry-time{font-size:13px;color:var(--muted)}.entry-del{margin-left:auto;border:none;background:none;color:var(--muted);font-size:18px;line-height:1;padding:4px 6px;cursor:pointer}.entry-text{font-size:16px;line-height:1.45;white-space:pre-wrap}.entry-photo{margin-top:10px;width:100%;border-radius:12px;display:block}.empty{text-align:center;color:var(--muted);margin-top:60px;font-size:15px;line-height:1.6}.empty .icon{font-size:44px;margin-bottom:12px}.app-footer{position:fixed;left:0;right:0;bottom:0;padding:12px 0 calc(env(safe-area-inset-bottom) + 16px);display:flex;justify-content:center;align-items:center;gap:28px;background:linear-gradient(to top,var(--bg) 70%,transparent);pointer-events:none}.app-footer button{pointer-events:auto}.btn-round{border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s}.btn-round:active{transform:scale(.92)}.btn-photo{width:54px;height:54px;background:var(--card);box-shadow:var(--shadow);font-size:24px}.btn-mic{width:74px;height:74px;background:var(--accent);box-shadow:0 6px 20px rgba(52,168,83,.4)}.btn-mic svg{width:32px;height:32px;fill:#fff}.btn-spacer{width:54px;height:54px;visibility:hidden}.rec-overlay{position:fixed;inset:0;background:rgba(250,250,247,.97);flex-direction:column;justify-content:flex-end;padding:24px 24px calc(env(safe-area-inset-bottom) + 32px);z-index:50}.rec-overlay,.rec-transcript{display:flex;align-items:center}.rec-transcript{flex:1 1;width:100%;justify-content:center;text-align:center;font-size:24px;font-weight:500;line-height:1.4;overflow-y:auto}.rec-transcript .placeholder{color:var(--muted);font-size:18px;font-weight:400}.rec-hint{color:var(--muted);font-size:14px;margin-bottom:20px}.rec-controls{display:flex;gap:28px;align-items:center}.btn-cancel{width:54px;height:54px;background:var(--card);box-shadow:var(--shadow);font-size:20px;color:var(--muted)}.btn-stop{width:74px;height:74px;background:var(--danger);box-shadow:0 6px 20px rgba(229,72,77,.4);position:relative}.btn-stop:before{content:"";width:26px;height:26px;border-radius:6px;background:#fff}.pulse{position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--danger);animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.25);opacity:0}}.toast{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;font-size:14px;padding:10px 18px;border-radius:99px;opacity:0;transition:opacity .3s;pointer-events:none;z-index:60;white-space:nowrap}.toast.show{opacity:1}