:root{--bg: #f6f4f0;--card: #ffffff;--text: #2f343a;--muted: #9aa0a8;--lime: #7dc242;--lime-soft: #eaf6de;--warn: #f2a53c;--warn-soft: #fdf3dd;--risk: #d96a5b;--avocado: #6b9e5f;--avocado-soft: #e9f2e6;--water: #4aa3e8;--water-soft: #e3f1fc;--line: #edeae4;--radius: 24px;--shadow: 0 10px 30px rgba(70, 60, 40, .07);--shadow-soft: 0 4px 14px rgba(70, 60, 40, .05);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box;margin:0;padding:0}button{touch-action:manipulation;cursor:pointer;transition:transform .16s var(--ease-out),opacity .16s ease,background .16s ease}button:active:not(:disabled){transform:scale(.97)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;padding:16px 16px calc(84px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}h1{font-size:22px;font-weight:700}h2{font-size:16px;font-weight:600}.muted{color:var(--muted);font-size:13px}.header{display:flex;align-items:center;justify-content:space-between}.header .sub{color:var(--muted);font-size:13px;margin-top:2px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--lime-soft);display:flex;align-items:center;justify-content:center;font-size:20px;border:none;overflow:hidden;box-shadow:var(--shadow-soft);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.tabbar{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:456px;display:flex;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:28px;box-shadow:var(--shadow);z-index:20;padding:2px 6px}.tabbar button{flex:1;border:none;background:none;padding:8px 0 10px;font-size:11px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.tabbar button .icon{font-size:20px}.tabbar button.active{color:var(--text);font-weight:600}.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.macro-row{display:flex;flex-direction:column;gap:4px;margin-top:10px}.macro-row .labels{display:flex;justify-content:space-between;font-size:13px}.bar{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.bar>div{height:100%;border-radius:4px;background:var(--lime);transition:width .28s var(--ease-out)}.bar.over>div{background:var(--warn)}.quick-actions{display:flex;gap:10px}.quick-actions button{flex:1;border:none;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 4px;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px}.quick-actions button .icon{font-size:20px}.murzik{display:flex;gap:12px;align-items:flex-start;background:var(--lime-soft);border-radius:var(--radius);padding:14px 16px}.murzik .cat{font-size:28px;line-height:1}.murzik-img{width:52px;height:52px;border-radius:16px;object-fit:cover;flex-shrink:0}.empty-img{width:132px;height:132px;border-radius:22px;object-fit:cover;display:block;margin:0 auto 10px}.murzik .title{font-weight:600;font-size:13px;margin-bottom:2px}.murzik p{font-size:14px}.feed{display:flex;flex-direction:column;gap:8px}.meal-card{display:flex;justify-content:space-between;align-items:center;background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px}.meal-card .name{font-weight:600;font-size:14px}.meal-card .meta{color:var(--muted);font-size:12px;margin-top:2px}.meal-card .kcal{font-weight:700;font-size:15px;white-space:nowrap}.btn{border:none;border-radius:16px;padding:13px 16px;min-height:48px;font-size:15px;font-weight:600;cursor:pointer;background:var(--line);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:var(--lime);color:#fff}.btn.ghost{background:none;color:var(--muted)}.btn:disabled{opacity:.45;cursor:default}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}input,select{font:inherit;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:var(--card);width:100%}input:focus,select:focus{outline:2px solid var(--lime);border-color:transparent}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--muted)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#28231959;z-index:30;display:flex;align-items:flex-end;justify-content:center;animation:backdrop-in .2s ease-out}@keyframes backdrop-in{0%{background:#28231900}}.sheet{background:var(--bg);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:88dvh;overflow-y:auto;display:flex;flex-direction:column;gap:14px;animation:sheet-up .34s var(--ease-drawer)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;min-height:40px;padding:9px 16px;font-size:13px;cursor:pointer;color:var(--text)}.chip.active{background:var(--lime);border-color:var(--lime);color:#fff;font-weight:600}.ing-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed var(--line)}.ing-row .name{flex:1;font-size:14px}.ing-row input{width:76px;text-align:right;padding:8px}.ing-row .remove{border:none;background:none;color:var(--muted);font-size:16px;cursor:pointer;padding:4px}.search-results{display:flex;flex-direction:column}.search-results button{border:none;background:none;text-align:left;padding:10px 4px;font-size:14px;border-bottom:1px solid var(--line);cursor:pointer;display:flex;justify-content:space-between;color:var(--text)}.search-results .per100{color:var(--muted);font-size:12px}.totals{background:var(--warn-soft);border-radius:14px;padding:12px 14px;font-size:14px}.totals.green{background:var(--lime-soft)}.totals .big{font-size:17px;font-weight:700}.portion-row{display:flex;align-items:center;gap:10px;padding:8px 0}.portion-row .who{flex:1;font-size:14px;font-weight:600}.portion-row input{width:90px;text-align:right}.portion-row .kcal{width:84px;text-align:right;color:var(--muted);font-size:12px}.step-dots{display:flex;gap:6px;justify-content:center}.step-dots span{width:8px;height:8px;border-radius:50%;background:var(--line)}.step-dots span.on{background:var(--lime)}.empty{text-align:center;padding:28px 16px;color:var(--muted);font-size:14px}.empty .cat{font-size:44px;display:block;margin-bottom:8px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px}.stat .val{font-size:18px;font-weight:700}.stat .lbl{font-size:12px;color:var(--muted);margin-top:2px}.date-nav{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--card);border-radius:999px;box-shadow:var(--shadow-soft);padding:8px 10px;margin:0 auto;width:fit-content}.date-nav button{border:none;background:none;font-size:17px;color:var(--muted);cursor:pointer;padding:2px 10px}.date-nav .label{font-weight:650;font-size:15px;min-width:130px;text-align:center}.top-row{display:flex;align-items:center;gap:10px}.top-row .date-nav{flex:1}.ring-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ring-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:14px 16px}.ring-card .head{display:flex;align-items:center;gap:10px}.ring-card .title{font-weight:700;font-size:15px;line-height:1.15}.ring-card .pct{font-size:11px;color:var(--muted);margin-top:1px}.ring-card .vals{display:flex;margin-top:10px}.ring-card .vals>div{flex:1}.ring-card .vals>div+div{border-left:1px solid var(--line);padding-left:12px}.ring-card .num{font-size:19px;font-weight:750;font-variant-numeric:tabular-nums}.ring-card .cap{font-size:12px;color:#7b828c;margin-top:1px}.water-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:14px 16px;display:flex;align-items:center;gap:14px}.water-card .info{flex:1}.water-card .title{font-weight:700;font-size:15px}.water-card .nums{font-size:13px;margin-top:2px}.water-card .nums b{color:var(--water);font-size:16px}.water-card .bar{margin-top:8px}.water-card .bar>div{background:var(--water)}.water-add{border:none;background:var(--water-soft);color:var(--water);font-weight:700;font-size:13px;border-radius:16px;min-height:44px;padding:12px 16px;cursor:pointer;white-space:nowrap}.meal-section{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:6px 16px}.meal-section .head{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.meal-section .head h3{font-size:17px;font-weight:750}.meal-section .head .sum{color:var(--muted);font-size:13px;margin-left:auto;margin-right:12px}.add-round{width:44px;height:44px;border-radius:50%;border:none;background:var(--bg);color:var(--text);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.entry-row{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line);align-items:center}.entry-row .accent{width:4px;align-self:stretch;border-radius:2px;background:var(--avocado)}.entry-row .name{font-weight:650;font-size:14.5px}.entry-row .meta{font-size:12px;color:var(--muted);margin-top:2px}.weight-chip{border:none;background:var(--card);border-radius:999px;box-shadow:var(--shadow-soft);padding:12px 16px;min-height:44px;font-size:13px;font-weight:650;color:var(--text);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.date-nav button{min-width:40px;min-height:36px;display:flex;align-items:center;justify-content:center}.kcal,.num,.nums b,.stat .val{font-variant-numeric:tabular-nums}.pot-card{background:var(--avocado-soft);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.pot-card .pot-head{display:flex;gap:12px;align-items:center}.pot-card img{width:56px;height:56px;border-radius:16px;object-fit:cover;flex-shrink:0}.pot-card .title{font-size:12px;font-weight:700;color:var(--avocado);text-transform:uppercase;letter-spacing:.04em}.pot-card .dish{font-size:16px;font-weight:750;margin-top:1px}.pot-card .meta{font-size:12px;color:#6d7378;margin-top:2px}.pot-card .pot-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.family-dots{display:flex;gap:6px}.family-dots .dot{width:32px;height:32px;border-radius:50%;background:var(--card);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--line)}.family-dots .dot.done{background:var(--lime);border-color:var(--lime);color:#fff}.avatar.member{background:var(--avocado);color:#fff;font-weight:750;font-size:17px}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avatar-pick{border:3px solid transparent;border-radius:50%;padding:0;background:none;overflow:hidden;aspect-ratio:1;cursor:pointer}.avatar-pick img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.avatar-pick.active{border-color:var(--lime)}.cups{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.cup{width:26px;height:38px;border:2px solid var(--water-soft);border-radius:6px 6px 10px 10px;position:relative;overflow:hidden;background:#fff;padding:0;cursor:pointer;flex-shrink:0}.cup-fill{position:absolute;bottom:0;left:0;right:0;background:var(--water);transition:height .28s var(--ease-out)}.cup-fill:before{content:"";position:absolute;top:-5px;left:0;width:200%;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='6' viewBox='0 0 24 6'%3E%3Cpath d='M0 3 Q6 0 12 3 T24 3 V6 H0 Z' fill='%234aa3e8'/%3E%3C/svg%3E") repeat-x;animation:slosh 1.8s linear infinite}.cup:nth-child(2n) .cup-fill:before{animation-duration:2.3s;animation-direction:reverse}@keyframes slosh{0%{transform:translate(0)}to{transform:translate(-24px)}}.cup.full .cup-fill:before{top:-3px}@keyframes sniff{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(8deg) translateY(-2px)}}.sniffing{display:inline-block;animation:sniff .7s ease-in-out infinite}.install-banner{position:fixed;left:12px;right:12px;bottom:76px;z-index:50;opacity:1;transform:translateY(0);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card, #fff);border:1px solid var(--line, #e5e1da);border-radius:16px;box-shadow:0 6px 24px #0000001f}@starting-style{.install-banner{opacity:0;transform:translateY(12px)}}.install-banner img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0}.install-banner .install-text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:13px}.install-banner .install-close{border:none;background:none;font-size:16px;color:var(--muted, #8a867e);cursor:pointer;padding:4px}.sheet-backdrop.closing{animation:backdrop-out .22s ease-out forwards;pointer-events:none}.sheet-backdrop.closing .sheet{animation:sheet-down .22s var(--ease-out) forwards}@keyframes sheet-down{to{transform:translateY(100%)}}@keyframes backdrop-out{to{background:#28231900}}