.app{max-width:1100px;margin:0 auto;padding:32px 20px 56px}.app__header{margin-bottom:24px}.app__brand{font-size:28px;display:flex;align-items:center;gap:10px}.app__logo{font-size:30px}.app__brand-en{font-size:15px;font-weight:600;color:var(--text-faint);letter-spacing:.5px}.app__subtitle{margin:8px 0 0;color:var(--text-soft);font-size:14px}.app__main{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:start}.app__col{display:flex;flex-direction:column;gap:20px}.app__footer{margin-top:32px;text-align:center;color:var(--text-faint);font-size:12px}@media (max-width: 860px){.app__main{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:20px}.btn{border:none;border-radius:var(--radius-sm);padding:10px 16px;font-size:14px;font-weight:600;transition:filter .15s ease,background .15s ease}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{filter:brightness(1.1)}.btn--ghost{background:transparent;color:var(--text-soft);border:1px solid var(--card-border);padding:6px 12px}.btn--ghost:hover{color:var(--text);border-color:var(--text-faint)}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--text-soft);flex:1 1 0;min-width:0}.field--grow{flex:2 1 0}.field input,.field select{background:var(--bg-soft);border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:14px;width:100%}.field input:focus,.field select:focus{outline:none;border-color:var(--primary)}.dashboard__title{font-size:17px;margin-bottom:18px}.dashboard__body{display:flex;gap:28px;align-items:center}.dashboard__ring{flex-shrink:0}.dashboard__macros{flex:1;display:flex;flex-direction:column;gap:18px;min-width:0}@media (max-width: 520px){.dashboard__body{flex-direction:column}}.calorie-ring{position:relative;width:220px;height:220px}.calorie-ring__center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.calorie-ring__value{font-size:40px;font-weight:800;line-height:1}.calorie-ring__unit{font-size:13px;color:var(--text-soft);margin-top:4px}.calorie-ring__pct{margin-top:10px;font-size:14px;font-weight:700;color:var(--text-soft)}.calorie-ring__pct.caution{color:var(--caution)}.calorie-ring__pct.over{color:var(--danger)}.calorie-ring__label{margin-top:2px;font-size:13px;color:var(--text-faint)}.calorie-ring.over .calorie-ring__value{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.macro-bar__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px;font-size:14px}.macro-bar__label{display:flex;align-items:center;gap:7px;font-weight:600}.macro-bar__dot{width:9px;height:9px;border-radius:50%;display:inline-block}.macro-bar__nums{font-variant-numeric:tabular-nums;font-weight:700}.macro-bar__goal{color:var(--text-faint);font-weight:500;font-size:13px}.macro-bar__track{position:relative;height:12px;background:var(--track);border-radius:6px;overflow:hidden}.macro-bar__fill{height:100%;border-radius:6px;transition:width .5s ease,background .3s ease}.macro-bar__overflow{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.18),rgba(255,255,255,.18) 6px,transparent 6px,transparent 12px);animation:stripes .8s linear infinite}@keyframes stripes{0%{background-position:0 0}to{background-position:24px 0}}.macro-bar__foot{display:flex;align-items:center;gap:8px;margin-top:6px}.macro-bar__pct{font-size:12px;font-weight:700;color:var(--text-soft);font-variant-numeric:tabular-nums}.macro-bar__pct.caution{color:var(--caution)}.macro-bar__pct.over{color:var(--danger)}.macro-bar__tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}.macro-bar__tag.danger{background:var(--danger-soft);color:var(--danger)}.macro-bar__tag.caution{background:#f59e0b26;color:var(--caution)}.warning-panel{margin-top:20px;background:var(--danger-soft);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);padding:16px 18px}.warning-panel__title{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--danger);font-size:15px}.warning-panel__icon{font-size:17px}.warning-panel__list{margin:10px 0 0;padding-left:26px;color:var(--text);font-size:14px}.warning-panel__list li{margin:4px 0}.warning-panel__tip{margin:12px 0 0;font-size:13px;color:var(--text-soft);line-height:1.6}.food-form__title{font-size:16px;margin-bottom:14px}.food-form__row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.food-form__error{margin:0 0 12px;color:var(--danger);font-size:13px}.goals__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.goals__title{font-size:16px}.goals__summary{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.goals__summary li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-soft)}.goals__summary strong{margin-left:auto;color:var(--text);font-variant-numeric:tabular-nums}.goals__dot{width:9px;height:9px;border-radius:50%}.goals__form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.goals__form .btn{grid-column:1 / -1}.food-list__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.food-list__title{font-size:16px}.food-list__empty{color:var(--text-faint);font-size:14px;text-align:center;padding:24px 0}.meal-group{margin-top:16px}.meal-group__head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:6px;border-bottom:1px solid var(--card-border);margin-bottom:6px}.meal-group__name{font-weight:700;font-size:14px}.meal-group__cal{font-size:13px;color:var(--text-soft);font-variant-numeric:tabular-nums}.meal-group__items{list-style:none;margin:0;padding:0}.food-item{display:flex;align-items:center;gap:10px;padding:9px 0}.food-item__main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.food-item__name{font-size:14px;font-weight:600}.food-item__macros{font-size:12px;color:var(--text-faint)}.food-item__cal{font-size:14px;font-weight:700;color:var(--caution);font-variant-numeric:tabular-nums;white-space:nowrap}.food-item__del{background:transparent;border:none;color:var(--text-faint);font-size:14px;padding:4px 6px;border-radius:6px;transition:color .15s ease,background .15s ease}.food-item__del:hover{color:var(--danger);background:var(--danger-soft)}:root{--bg: #0f1419;--bg-soft: #161c24;--card: #1c232e;--card-border: #2a323e;--track: #2a323e;--text: #e8edf2;--text-soft: #9aa6b2;--text-faint: #6b7682;--primary: #3b82f6;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--caution: #f59e0b;--radius: 14px;--radius-sm: 9px;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(59,130,246,.08),transparent),var(--bg);color:var(--text);min-height:100vh}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}h1,h2,h3{margin:0;font-weight:700}