:root{--bg:#17181a;--surface:#1e2023;--border:#2c2f34;--text:#e6e8ea;--text-dim:#8b9199;--green:#4ade80;--green-dim:#2f6f4a;--danger:#f87171}*{box-sizing:border-box}a{color:inherit;text-decoration:none}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}.Header{padding:max(.5rem, env(safe-area-inset-top)) 1.5rem .5rem;background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.Header-logo{letter-spacing:-.02em;color:var(--green);cursor:pointer;grid-column:1;justify-self:start;margin:0;font-size:2.25rem;font-weight:700}.Header-nav{grid-column:2;align-items:flex-end;gap:1.75rem;display:flex}.Header-item{color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:.35rem;padding:0;display:flex}.Header-circle{border:1.5px solid var(--border);background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:border-color .15s,color .15s,background .15s,box-shadow .15s,transform .2s;display:flex}.Header-item--main .Header-circle{border-color:var(--green-dim);width:70px;height:70px}.Header-label{white-space:nowrap;font-size:.7rem}.Header-item:hover{color:var(--text)}.Header-item:hover .Header-circle{border-color:var(--green);background:#4ade8012;transform:scale(1.12)}.Header-item:active .Header-circle{transform:scale(1.04)}.Header-item--active{color:var(--green)}.Header-item--active .Header-circle{border-color:var(--green);background:#4ade802e;box-shadow:0 0 0 4px #4ade801f}.Header-right{grid-column:3;justify-self:end;align-items:center;gap:.6rem;display:flex}.Header-account{border:1.5px solid var(--border);background:var(--bg);width:50px;height:50px;color:var(--text-dim);font:inherit;cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex}.Header-account:hover{border-color:var(--green);color:var(--green)}.Header-logout:hover{border-color:var(--danger);color:var(--danger)}@media (prefers-reduced-motion:reduce){.Header-circle{transition:border-color .15s,color .15s,background .15s}.Header-item:hover .Header-circle,.Header-item:active .Header-circle{transform:none}}@media (width<=620px){.Header{padding:max(.4rem, env(safe-area-inset-top)) .6rem .4rem;gap:.4rem}.Header-logo{font-size:1.1rem}.Header-nav{gap:.85rem}.Header-circle{width:46px;height:46px}.Header-item--main .Header-circle{width:54px;height:54px}.Header-circle svg{width:17px;height:17px}.Header-item--main .Header-circle svg{width:22px;height:22px}.Header-label{font-size:.6rem}.Header-account{width:38px;height:38px}.Header-right{gap:.4rem}}.Nutrition{flex-direction:column;gap:1.25rem;max-width:460px;margin:2rem auto;padding:0 1rem;display:flex}.Nutrition-title{text-align:center;margin:0;font-size:1.5rem}.Nutrition-scan{background:var(--green);color:#10261a;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.8rem;font-weight:600;transition:opacity .15s}.Nutrition-scan:hover{opacity:.9}.Nutrition-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex}.Nutrition-hint,.Nutrition-per,.Nutrition-barcode{color:var(--text-dim);margin:0;font-size:.8rem}.Nutrition-barcode{letter-spacing:.08em;font-family:ui-monospace,monospace}.Nutrition-per{text-align:right}.Nutrition-notice{color:var(--green);margin:0;font-size:.85rem}.Nutrition-name{margin:0;font-size:1.25rem}.Nutrition-facts{text-align:center;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0;display:grid}.Nutrition-facts dt{color:var(--text-dim);font-size:.75rem}.Nutrition-facts dd{margin:.2rem 0 0;font-size:1.05rem;font-weight:600}.Nutrition-composition{margin:0;font-size:.85rem;line-height:1.5}.Nutrition-composition span{color:var(--text-dim)}.Nutrition-field{color:var(--text-dim);flex-direction:column;gap:.3rem;display:flex}.Nutrition-field>span{font-size:.8rem}.Nutrition-field input,.Nutrition-field textarea{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--text);font:inherit;resize:vertical;border-radius:8px;padding:.5rem .6rem;transition:border-color .15s}.Nutrition-field input:focus,.Nutrition-field textarea:focus{border-color:var(--green);outline:none}.Nutrition-field input[type=number]{appearance:textfield}.Nutrition-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Nutrition-field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.Nutrition-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.Nutrition-actions{justify-content:flex-end;gap:.6rem;display:flex}.Nutrition-button{border:1.5px solid var(--border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:.55rem 1.1rem;transition:border-color .15s,color .15s,opacity .15s}.Nutrition-button:hover:not(:disabled){border-color:var(--green);color:var(--green)}.Nutrition-button--primary{background:var(--green);border-color:var(--green);color:#10261a;font-weight:600}.Nutrition-button--primary:hover:not(:disabled){color:#10261a;opacity:.9}.Nutrition-button:disabled{opacity:.6;cursor:default}.Nutrition-error{color:var(--danger);margin:0;font-size:.85rem}.Nutrition-note{text-align:center;color:var(--text-dim);margin:2rem}.Nutrition-note a{color:var(--green)}@media (width<=620px){.Nutrition{margin:1rem auto calc(1rem + env(safe-area-inset-bottom));gap:1rem}.Nutrition-scan{padding:1rem;font-size:1.05rem}.Nutrition-card{padding:1rem}.Nutrition-facts{gap:.25rem}.Nutrition-facts dd{font-size:.95rem}.Nutrition-button{flex:1;padding:.7rem .5rem}}