@import "https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--brand:#f6883f;--brand-hover:#e87a30;--brand-soft:#fff1e2;--brand-green:#4bab3e;--brand-green-dark:#388e3c;--brand-amber:#db8c00;--bg:#fff;--bg-subtle:#faf8f5;--bg-elevated:#faf8f5;--bg-warm:#fffbec;--surface:#fff;--surface-muted:#f7f6f4;--surface-neutral:#f0eeea;--divider:#f3f3f3;--pro-canvas:radial-gradient(ellipse 130% 95% at 100% -15%, #ff9e3a29 0%, #ffbe7812 42%, transparent 72%), radial-gradient(ellipse 90% 70% at 0% 100%, #ffe4c459 0%, transparent 58%), linear-gradient(168deg, #fff9f1 0%, #fffbec 40%, #fff4e3 100%);--border-card:#e8dfd2;--shadow-card:0 1px 2px #1c191a0a, 0 4px 20px #1c191a12;--text:#1c191a;--text-secondary:#45403d;--text-muted:#807b76;--text-placeholder:#bdb5b0;--border:#f0efec;--border-strong:#d8d4cd;--success:#388e3c;--success-soft:#e8f5e9;--danger:#d32f2f;--danger-soft:#fde8e8;--warning:#f9a825;--warning-soft:#fff3e0;--macro-protein:#de5a5a;--macro-protein-soft:#fde8e8;--macro-fat:#caa33e;--macro-fat-soft:#fdf5e0;--macro-carbs:#59af57;--macro-carbs-soft:#e8f5e8;--macro-fiber:#7b61ff;--macro-fiber-soft:#ede8ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 2px 12px #0000000a;--shadow-md:0 4px 24px #0000000f;--shadow-brand:0 4px 20px #f6883f24;--sidebar-width:264px;--header-height:72px;--content-max:1440px;--font-display:"Archivo", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-normal:1.5;--leading-relaxed:1.6;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text);background:var(--bg)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0}#app{min-height:100vh}.pro-canvas-decor{isolation:isolate;background:var(--pro-canvas);position:relative}.pro-canvas-decor--fullscreen{overflow:hidden}.pro-canvas-decor:after{content:"";top:calc(var(--header-height,0px) - 12px);aspect-ratio:948/1071;opacity:.09;pointer-events:none;z-index:0;background:url(/loop.svg) 50%/contain no-repeat;width:min(52vw,420px);position:fixed;right:-4%;transform:rotate(-14deg)}.pro-canvas-decor__body{z-index:1;position:relative}@media (width<=767px){.pro-canvas-decor:after{opacity:.08;width:min(70vw,280px);right:-18%}}@media (prefers-reduced-motion:no-preference){.pro-canvas-decor:after{animation:18s ease-in-out infinite alternate pro-loop-drift}}@keyframes pro-loop-drift{0%{transform:rotate(-14deg)translate(0)}to{transform:rotate(-12deg)translate(-8px,10px)}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text);margin:0;line-height:1.25}p{margin:0}.card{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;display:flex}.card-header h2{font-size:var(--text-base);font-weight:900}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;padding:.625rem 1rem;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-strong)}.btn-ghost{color:var(--brand);font-family:var(--font-body);background:0 0;font-weight:600}.btn-ghost:hover:not(:disabled){background:var(--brand-soft)}.icon-btn{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.icon-btn:hover{background:var(--brand-soft)}.badge{border-radius:var(--radius-pill);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:.25rem .625rem;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--brand)}.badge-neutral{background:var(--surface-neutral);color:var(--text-secondary)}.badge-brand{background:var(--brand-soft);color:var(--brand-amber)}.avatar{border-radius:var(--radius-pill);font-family:var(--font-display);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.search-input{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);display:flex}.search-input input{min-width:0;font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.search-input input::placeholder{color:var(--text-placeholder)}.filter-group{gap:var(--space-1);padding:var(--space-1);background:var(--surface-neutral);border-radius:var(--radius-md);display:flex}.filter-pill{border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:.375rem .75rem;transition:all .15s}.filter-pill.is-active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000014}.progress-track{border-radius:var(--radius-pill);background:var(--surface-neutral);overflow:hidden}.progress-fill{border-radius:var(--radius-pill);height:100%;transition:width .3s}.muted{color:var(--text-muted)}.error-text{color:var(--danger);font-size:var(--text-sm);font-weight:600}.ok-text{color:var(--success);font-weight:600;font-size:var(--text-sm)}.btn-sm{font-size:var(--text-xs);border-radius:var(--radius-sm);padding:.38rem .7rem;font-weight:700;line-height:1.2}.btn-ai{background:var(--text);color:#fff;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:700;font-size:var(--text-xs);cursor:pointer;border:none;align-items:center;gap:6px;padding:.55rem .95rem;display:inline-flex}.btn-ai:disabled{opacity:.55;cursor:not-allowed}.page-full{width:100%;max-width:none}.form-grid{gap:var(--space-5);width:100%;display:grid}@media (width>=1100px){.form-grid--recipe{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:start}}@media (width>=1400px){.form-grid--recipe{grid-template-columns:minmax(0,1.4fr) minmax(300px,380px)}}.field-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.field-grid--nutrition{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ingredient-grid{gap:var(--space-2);grid-template-columns:minmax(180px,1fr) 110px 72px auto;align-items:end;display:grid}@media (width<=720px){.ingredient-grid{grid-template-columns:1fr 1fr}}.reorder-list{flex-direction:column;gap:6px;display:flex;position:relative}.reorder-item{position:relative}.reorder-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,opacity .22s;display:grid}.reorder-card.is-compact{padding:5px 8px}.reorder-item.is-dragging .reorder-card{opacity:.42;transform:scale(.99)}.reorder-item.is-drop-target .reorder-card{border-color:var(--brand);box-shadow:var(--shadow-brand)}.reorder-drop-marker{background:var(--brand);pointer-events:none;z-index:2;border-radius:999px;height:2px;position:absolute;top:-4px;left:10px;right:10px;box-shadow:0 0 8px #f6883f66}.reorder-drop-marker.is-after{top:auto;bottom:-4px}.reorder-delete{width:28px;height:28px;color:var(--text-placeholder);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.reorder-delete:hover{background:var(--danger-soft);color:var(--danger)}.editor-toolbar{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.editor-toolbar .btn-quiet{color:var(--text-muted);font-weight:600}.reorder-move{transition:transform .26s cubic-bezier(.2,.8,.2,1)}.reorder-enter-active,.reorder-leave-active{transition:opacity .18s,transform .18s}.reorder-enter-from,.reorder-leave-to{opacity:0;transform:translateY(-6px)}.reorder-leave-active{width:calc(100% - 2px);position:absolute}.empty-state{padding:var(--space-8) var(--space-6);text-align:center;color:var(--text-muted)}.empty-state h3{margin-bottom:var(--space-2);font-size:var(--text-base);color:var(--text-muted)}.empty-state p{font-size:var(--text-sm);color:var(--text-placeholder)}.badge-pill-staging{border-radius:var(--radius-pill);background:var(--warning-soft);color:var(--brand-amber);font-family:var(--font-display);font-weight:800;font-size:var(--text-xs);letter-spacing:.04em;padding:.25rem .75rem;display:inline-block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-placeholder)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@media (width<=767px){.card-header{gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap}.filter-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto}.filter-group::-webkit-scrollbar{display:none}.btn,.icon-btn{min-height:44px}.icon-btn{min-width:44px}}