:root{color-scheme:dark;--bg: #0b0d10;--surface: #1b1e23;--surface-2: #262a30;--border: #30353c;--text: #f2f4f5;--muted: #9ba2aa;--faint: #5d646c;--accent: #3ee0a0;--accent-ink: #04281a;--accent-soft: rgba(62, 224, 160, .14);--warn: #ffb547;--danger: #ff5d5d;--radius: 20px;--tabbar-h: 64px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select{font:inherit;font-size:16px;width:100%;padding:12px 14px;color:var(--text);background:var(--surface-2);border:1px solid transparent;border-radius:14px}input:focus,select:focus{border-color:var(--accent);outline:none}input[aria-invalid=true]{border-color:var(--danger)}label{display:block;font-size:.8rem;color:var(--muted)}label input,label select{margin-top:6px}h1,h2,h3{margin:0}ul{list-style:none;margin:0;padding:0}.page{max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + var(--tabbar-h) + 28px)}.page-title{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;text-transform:capitalize}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:26px 2px 10px}.section-head h2{font-size:1.3rem;font-weight:800}.link{color:var(--accent);font-weight:600;font-size:.95rem}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.error{color:var(--danger);font-size:.9rem}.row{display:flex;gap:10px;align-items:center}.grow{flex:1;min-width:0}.stack>*+*{margin-top:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card+.card{margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:16px;font-weight:700}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-light{background:#fff;color:#0b0d10;box-shadow:0 3px #c9ced3}.btn-ghost{background:var(--surface-2)}.btn-danger{color:var(--danger);background:#ff5d5d1a}.btn-block{width:100%}.icon-btn{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-size:1.1rem}.plus{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b0d10;font-size:1.5rem;font-weight:500;line-height:1}.plus-outline{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent);color:var(--accent);font-size:1.35rem;line-height:1}.plus-outline.done{background:var(--accent);color:var(--accent-ink)}.banner{padding:10px 14px;border-radius:14px;background:#3a2f12;color:#f5d27a;font-size:.85rem;margin-bottom:12px}.banner.error{background:#ff5d5d1f;color:#ffb3b3}.banner button{text-decoration:underline}.tabbar{position:fixed;z-index:5;left:50%;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom) + 10px);width:min(528px,calc(100% - 24px));height:var(--tabbar-h);display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border-radius:26px;background:#1b1e23eb;border:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:20px;font-size:.72rem;font-weight:600;color:var(--muted)}.tabbar .tab-icon{font-size:1.25rem;line-height:1}.tabbar .active{background:var(--surface-2);color:var(--accent)}.week{display:grid;grid-template-columns:32px repeat(7,1fr) 32px;align-items:center;gap:2px;margin:14px 0 4px}.week-arrow{height:52px;color:var(--muted);font-size:1.3rem}.day-pill{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:14px;font-size:.7rem;color:var(--muted)}.day-pill b{font-size:1rem;color:var(--text)}.day-pill.today b{color:var(--accent)}.day-pill.selected{background:var(--surface-2)}.day-pill .dot{width:5px;height:5px;border-radius:50%;background:transparent}.day-pill.selected .dot{background:var(--accent)}.chip-label{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.8rem;font-weight:600}.summary{padding:18px 16px 20px}.summary-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.stat{text-align:center}.stat b{display:block;font-size:1.35rem;font-weight:800}.stat span{color:var(--muted);font-size:.85rem}.ring{position:relative;width:168px;height:168px}.ring svg{width:100%;height:100%}.ring-track{stroke:var(--surface-2)}.ring-fill{stroke:var(--accent);transition:stroke-dasharray .6s ease}.ring-fill.over{stroke:var(--danger)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center b{font-size:2.1rem;font-weight:800;letter-spacing:-.02em}.ring-center span{color:var(--muted);font-size:.85rem}.ring-center.over b{color:var(--danger)}.macros{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}.macro{text-align:center;font-size:.85rem}.macro .track{margin:8px 0 6px}.macro b{font-size:.85rem}.track{height:7px;border-radius:99px;background:var(--surface-2);overflow:hidden}.track>i{display:block;height:100%;min-width:7px;border-radius:99px;background:var(--accent);transition:width .5s ease}.track>i.over{background:var(--danger)}.track>i.under{background:var(--accent)}.meals{padding:0;overflow:hidden}.meal-row{display:flex;align-items:center;gap:14px;padding:14px 16px}.meal-row+.meal-row{border-top:1px solid var(--border)}.meal-open{flex:1;min-width:0;display:flex;align-items:center;gap:14px;text-align:left}.meal-badge{--p: 0;flex:none;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:1.5rem;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface-2) 0)}.meal-badge.over{background:conic-gradient(var(--danger) 100%,var(--surface-2) 0)}.meal-badge span{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface)}.meal-name{font-weight:700;font-size:1.05rem}.meal-sub{color:var(--muted);font-size:.9rem;margin-top:2px}.meal-items{color:var(--faint);font-size:.8rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;background:var(--bg);animation:rise .22s ease-out}@keyframes rise{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}.sheet-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 10px) 16px 8px;max-width:560px;width:100%;margin:0 auto}.sheet-head h2{text-align:center;font-size:1.15rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sheet-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.sheet-body{max-width:560px;margin:0 auto;padding:8px 16px 24px}.sheet-foot{padding:10px 16px calc(env(safe-area-inset-bottom) + 12px);max-width:560px;width:100%;margin:0 auto}.title-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:4px 18px 4px 4px;text-align:center;text-align-last:center;font-size:1.15rem;font-weight:800}.count-badge{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--accent);color:var(--accent);font-weight:800}.tiles{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.tiles>div{padding:14px 8px;text-align:center}.tiles>div:nth-child(odd){border-right:1px solid var(--border)}.tiles>div:nth-child(-n+2){border-bottom:1px solid var(--border)}.tiles b{display:block;font-size:1.2rem;font-weight:800}.tiles span{color:var(--muted);font-size:.8rem}.bars .bar+.bar{margin-top:14px}.bar-line{display:flex;justify-content:space-between;margin-bottom:7px;font-size:.95rem}.bar-line span:last-child{font-variant-numeric:tabular-nums}.bar-hint{color:var(--muted);font-size:.75rem}.pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;margin-bottom:14px;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{flex:none;padding:9px 14px;border-radius:999px;border:1.5px solid var(--border);font-weight:600;font-size:.9rem;white-space:nowrap}.pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.list>li+li{border-top:1px solid var(--border)}.item{display:flex;align-items:center;gap:12px;padding:12px 0}.item-main{flex:1;min-width:0;text-align:left}.item-name{font-size:1.02rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-sub{color:var(--muted);font-size:.85rem;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-kcal{flex:none;font-variant-numeric:tabular-nums;color:var(--text);font-size:.95rem}.item mark{background:none;color:var(--accent);font-weight:700}.tag{display:inline-block;padding:1px 6px;margin-left:6px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:.7rem;vertical-align:1px}.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.mode{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:18px;border:2px solid var(--border);background:var(--surface);font-size:.82rem;font-weight:600;color:var(--muted)}.mode .mode-icon{font-size:1.5rem}.mode.active{border-color:var(--accent);background:#3ee0a01f;color:var(--text)}.searchbar{position:sticky;top:0;z-index:2;padding:4px 0 10px;background:var(--bg)}.searchbar-field{display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;border-radius:16px;border:2px solid var(--accent);background:var(--surface)}.searchbar-field input{background:transparent;border:0;padding:13px 0}.searchbar-field input:focus{border:0}.searchbar-field .clear{width:32px;height:32px;border-radius:50%;background:var(--surface-2);color:var(--muted)}.list-title{margin:16px 0 2px;color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.skeleton{height:54px;border-radius:12px;margin:8px 0;background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.empty{padding:28px 8px;text-align:center;color:var(--muted)}.toast{position:fixed;z-index:30;left:50%;bottom:calc(env(safe-area-inset-bottom) + 92px);transform:translate(-50%);padding:12px 18px;border-radius:14px;background:#fff;color:#0b0d10;font-weight:600;font-size:.9rem;box-shadow:0 8px 30px #00000080;animation:rise .2s ease-out;white-space:nowrap;max-width:calc(100% - 32px);overflow:hidden;text-overflow:ellipsis}.qty{display:flex;align-items:center;gap:12px}.qty input{text-align:center;font-size:1.6rem;font-weight:800;padding:10px}.qty-unit{color:var(--muted);font-weight:600}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-size:.85rem;font-weight:600}.chip.active{background:var(--accent-soft);color:var(--accent)}.big-kcal{text-align:center;margin:4px 0 14px}.big-kcal b{font-size:2.6rem;font-weight:800;letter-spacing:-.02em}.big-kcal span{color:var(--muted);margin-left:4px}details.more summary{cursor:pointer;color:var(--accent);font-weight:600;padding:6px 0;list-style:none}details.more summary::-webkit-details-marker{display:none}.viewfinder{position:relative;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:3 / 4;max-height:58vh;margin:0 auto}.viewfinder video{width:100%;height:100%;object-fit:cover}.aim{position:absolute;left:10%;right:10%;top:38%;height:24%;border:3px solid var(--accent);border-radius:16px;box-shadow:0 0 0 999px #00000059}.scanner form{margin-top:12px}.nutrients{width:100%;border-collapse:collapse;font-size:.95rem}.nutrients th{text-align:left;font-weight:700;padding:9px 0}.nutrients td{text-align:right;font-variant-numeric:tabular-nums}.nutrients tr.group th,.nutrients tr.group td{border-top:1px solid var(--border)}.nutrients tr:first-child th,.nutrients tr:first-child td{border-top:0}.nutrients .sub th{font-weight:400;color:var(--muted);padding:5px 0 5px 14px}.nutrients .sub td{color:var(--muted)}.weight-card{text-align:center;padding:22px 16px}.weight-value{display:flex;align-items:center;justify-content:center;gap:22px;margin:12px 0 6px}.weight-value b{font-size:2.6rem;font-weight:800;letter-spacing:-.02em;min-width:150px}.weight-value .icon-btn{width:52px;height:52px;font-size:1.6rem;background:transparent;border:2.5px solid var(--text)}.trend{font-weight:700}.trend.down{color:var(--accent)}.trend.up{color:var(--warn)}.spark{width:100%;height:120px}.spark path.line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.spark path.area{fill:var(--accent-soft);stroke:none}.spark circle{fill:var(--accent)}.login{max-width:400px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 64px) 20px 40px}.login h1{font-size:2rem;font-weight:800}.login form{display:flex;flex-direction:column;gap:14px;margin-top:28px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}