:root{--bg: #0e1220;--surface: #171d31;--surface-2: #212a45;--surface-3: #2a3457;--border: #2e3a5c;--text: #e9ecf5;--muted: #97a2c2;--accent: #43e08a;--accent-2: #22d3ee;--protein: #60a5fa;--carbs: #fbbf24;--fat: #f472b6;--violet: #a78bfa;--danger: #fb7185;--warn: #fb923c;--grad-accent: linear-gradient(135deg, #43e08a 0%, #22d3ee 100%);--grad-surface: linear-gradient(160deg, #1b2238 0%, #161b2d 100%);--radius: 16px;--radius-sm: 10px;--tap: 48px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--nav-height: 64px;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:radial-gradient(900px 400px at 15% -5%,rgba(67,224,138,.1),transparent 60%),radial-gradient(700px 400px at 90% 0%,rgba(96,165,250,.1),transparent 55%);background-attachment:fixed;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.45;overscroll-behavior-y:contain}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.02em}h1{font-size:1.5rem}h2{font-size:1.1rem}h3{font-size:.95rem}button,input,select,textarea{font:inherit;color:inherit}.app{min-height:100%;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 12px)}.page{padding:calc(var(--safe-top) + 16px) 16px 16px;max-width:640px;margin:0 auto;animation:fade .18s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:.82rem}.tabular{font-variant-numeric:tabular-nums}.center{text-align:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--grad-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px #ffffff0a inset}.card-tight{padding:12px}.btn{min-height:var(--tap);padding:0 18px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-weight:550;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform 80ms ease,background .12s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--grad-accent);border-color:transparent;color:#06231a;font-weight:650;box-shadow:0 4px 14px #43e08a40}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent}.btn-block{width:100%}.btn-sm{min-height:38px;padding:0 12px;font-size:.85rem}.icon-btn{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:1.15rem}.icon-btn:active{transform:scale(.94)}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:.82rem;color:var(--muted);font-weight:550}input[type=text],input[type=number],input[type=password],input[type=date],input[type=search],select,textarea{min-height:var(--tap);padding:10px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #43e08a24}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:.85rem;cursor:pointer;white-space:nowrap}.chip[aria-pressed=true]{background:var(--grad-accent);border-color:transparent;color:#06231a;font-weight:650}.bar{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;transition:width .32s ease}.list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);text-align:left;background:none;border-left:none;border-right:none;border-top:none;width:100%;cursor:pointer}.list-item:last-child{border-bottom:none}.list-item:active{background:var(--surface-2)}.nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);background:#141a2cf0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:50}.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:550}.nav a{position:relative;transition:color .14s ease}.nav a.active{color:var(--tab-color, var(--accent))}.nav a.active:before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--tab-color, var(--accent))}.nav a.active .nav-icon{transform:translateY(-1px) scale(1.08)}.nav .nav-icon{font-size:1.3rem;line-height:1;transition:transform .16s ease}.nav a:nth-child(1){--tab-color: var(--accent)}.nav a:nth-child(2){--tab-color: var(--protein)}.nav a:nth-child(3){--tab-color: var(--violet)}.nav a:nth-child(4){--tab-color: var(--carbs)}.nav a:nth-child(5){--tab-color: var(--fat)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:flex-end;animation:fade .15s ease-out}.sheet{width:100%;max-height:92vh;overflow-y:auto;background:var(--surface);border-radius:20px 20px 0 0;border-top:1px solid var(--border);padding:8px 16px calc(20px + var(--safe-bottom));animation:slideUp .22s cubic-bezier(.2,.8,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{width:40px;height:4px;border-radius:999px;background:var(--border);margin:8px auto 14px}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:200;display:flex;flex-direction:column}.scanner video{width:100%;height:100%;object-fit:cover}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scanner-frame{width:78%;max-width:340px;aspect-ratio:1.6;border:2px solid rgba(255,255,255,.9);border-radius:14px;box-shadow:0 0 0 100vmax #00000073}.scanner-hint{margin-top:20px;color:#fff;font-size:.9rem;background:#0000008c;padding:8px 16px;border-radius:999px}.scanner-bar{position:absolute;top:calc(var(--safe-top) + 8px);left:8px;right:8px;display:flex;justify-content:space-between;gap:8px;pointer-events:auto}.badge{font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--muted)}.badge-accent{background:#4ade801f;border-color:#4ade8059;color:var(--accent)}.badge-warn{background:#fb923c1f;border-color:#fb923c59;color:var(--warn)}.empty{text-align:center;padding:32px 16px;color:var(--muted)}.empty .emoji{font-size:2.2rem;display:block;margin-bottom:10px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);background:var(--surface-2);border:1px solid var(--border);padding:10px 18px;border-radius:999px;z-index:300;font-size:.88rem;box-shadow:0 8px 24px #0006;animation:fade .16s ease-out}.fab{position:fixed;right:16px;bottom:calc(var(--nav-height) + var(--safe-bottom) + 16px);width:58px;height:58px;border-radius:50%;background:var(--grad-accent);color:#06231a;border:none;font-size:1.7rem;font-weight:400;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 22px #22d3ee59;z-index:40}.fab:active{transform:scale(.94)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:8px 0 4px}.choice{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:0}.choice-circle{width:106px;height:106px;border-radius:50%;display:grid;place-items:center;font-size:2.6rem;border:2px solid var(--border);background:var(--surface-2);transition:transform .12s ease,border-color .12s ease}.choice:active .choice-circle{transform:scale(.94)}.choice-food .choice-circle{border-color:var(--accent);box-shadow:0 0 24px #4ade802e}.choice-training .choice-circle{border-color:var(--protein);box-shadow:0 0 24px #60a5fa2e}.choice-label{font-weight:600}.choice-hint{font-size:.74rem;color:var(--muted);text-align:center}.week-grid{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px 12px}.day-dots{display:flex;gap:4px}.dot{width:9px;height:9px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border)}.dot[data-hit=true]{border-color:transparent}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.stat-strip .card{padding:10px 6px}.stat-strip .value{font-weight:700;font-size:1.05rem}.stat-strip .label{font-size:.66rem;color:var(--muted)}.set-row{display:grid;grid-template-columns:26px 1fr 1fr 34px;gap:8px;align-items:center}.set-row .idx{color:var(--muted);font-size:.8rem;text-align:center}.set-row input{min-height:42px;padding:8px 10px}.pb-badge{font-size:.68rem;padding:2px 8px;border-radius:999px;background:#fbbf2424;border:1px solid rgba(251,191,36,.4);color:var(--carbs);font-weight:600}.spark{display:block;width:100%;height:34px}