.add-meal-card{min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;background:linear-gradient(145deg,#202026,#17171b);border:1px dashed rgba(98,255,91,.55);border-radius:22px}.add-meal-card h2{margin:12px 0 6px}.add-meal-card p{max-width:210px;margin:0 0 18px;color:var(--muted);font-size:13px}.add-meal-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--lunch);color:#101010;font-size:38px;line-height:1}.meal-description{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.4}.modal{position:fixed;inset:0;z-index:10;display:none;align-items:flex-end;justify-content:center;padding:16px;background:rgba(0,0,0,.7)}.modal.is-open{display:flex}.modal-panel{width:min(100%,520px);max-height:92vh;overflow:auto;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 12px 12px;box-shadow:0 16px 50px rgba(0,0,0,.4)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal-heading h2{margin:6px 0 0;font-size:26px}.modal-close{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:25px}.modal-panel form{display:grid;gap:14px}.modal-panel label{display:grid;gap:7px;color:var(--muted);font-size:13px}.photo-picker{display:grid;place-items:center;min-height:90px;padding:16px;border:1px dashed rgba(255,255,255,.25);border-radius:14px;background:var(--surface-2);color:var(--text)!important;font-size:15px!important;text-align:center;cursor:pointer}.photo-picker input{display:none}.selected-photo{margin:-6px 0 0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-panel input,.modal-panel textarea,.modal-panel select{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text)}.modal-panel textarea{min-height:82px;resize:vertical}.submit-meal{padding:13px;border:0;border-radius:11px;background:var(--lunch);color:#101010;font-weight:700}.submit-meal:disabled{opacity:.6}@media(max-width:600px){.meal-grid{grid-template-columns:1fr}.modal{padding:0}.modal-panel{border-radius:24px 24px 0 0}.page-heading{align-items:flex-start}.progress{width:100px;height:100px}.progress canvas{width:100px;height:100px}}