:root{--bg0: #f3efe6;--bg1: #e7f0ea;--ink: #1c2a22;--muted: #5c6b62;--line: rgba(28, 42, 34, .12);--accent: #1f6b4a;--accent-2: #c46b2c;--surface: rgba(255, 252, 246, .86);--danger: #9b2c2c;--shadow: 0 18px 50px rgba(28, 42, 34, .08);--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "Source Sans 3", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{font-size:18px}body{margin:0;color:var(--ink);font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#d9ebe1 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#f0dcc4 0%,transparent 50%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;width:100%;max-width:100vw}.topbar{flex:0 0 auto;width:100%;min-height:72px;padding:0;border-bottom:1px solid var(--line);position:relative;z-index:1000;background:#f7f4ed}.topbar-inner{width:100%;max-width:none;min-height:72px;padding:.65rem 1.5rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1.25rem;box-sizing:border-box}.brand{display:flex;align-items:center;flex:0 0 auto;max-width:160px;overflow:hidden}.brand-logo{display:block;width:140px!important;height:44px!important;max-width:140px!important;max-height:44px!important;object-fit:contain;object-position:left center;background:#f7f4ed}.brand-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;display:block;white-space:nowrap}.nav{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;gap:1.75rem;flex:1 1 auto;min-width:12rem}.nav a{display:inline-block!important;color:#1c2a22!important;font-weight:700;font-size:1.05rem;position:relative;padding:.45rem .7rem;border-radius:999px;transition:color .15s ease,background .15s ease;white-space:nowrap}.nav a:hover{color:var(--accent)!important;background:#1f6b4a14}.nav a.active{color:var(--accent)!important;background:#1f6b4a1f}.nav a.active:after{display:none}.nav-actions{display:flex!important;visibility:visible!important;align-items:center;justify-content:flex-end;flex:0 0 auto}.user-chip{display:flex;align-items:center;gap:.85rem;color:var(--muted);font-size:1.05rem}.user-chip em{font-style:normal;color:var(--accent-2);font-weight:700}.btn-sm,a.btn-sm{padding:.45rem .95rem;font-size:.9rem}.btn-login{box-shadow:0 8px 20px #1f6b4a2e}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;min-width:0;overflow-x:hidden}.main:has(.landing),.main:has(.lp){max-width:none;padding:0}.app-shell.is-landing .main{max-width:none;padding:0}.page-center,.login-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:1.5rem}.lp{--lp-cream: #f6f4ee;--lp-brown: #8c4a32;--lp-brown-dark: #3d2314;--lp-tan: #e8ded1;--lp-green: #5a8a62;--lp-text: #222222;background:var(--lp-cream);color:var(--lp-text);min-height:100vh}.lp-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1.25rem,4vw,3rem);background:var(--lp-brown-dark);color:#fff;position:relative;z-index:5}.lp-logo{display:inline-flex;align-items:center;gap:.65rem;color:#72b07d;font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.35rem;text-decoration:none}.lp-logo-img{height:42px;width:auto;object-fit:contain;border-radius:8px;background:#f7f4ed}.lp-signin{background:var(--lp-brown);color:#fff;border:0;padding:.6rem 1.4rem;border-radius:8px;font-weight:700;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}.lp-signin:hover{filter:brightness(1.06)}.lp-hero{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(280px,1.05fr);min-height:clamp(420px,62vh,620px);background:var(--lp-brown-dark);color:#fff;animation:rise .55s ease both}.lp-hero-left{display:flex;align-items:center;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,4vw,3rem)}.lp-hero-copy{max-width:34rem}.lp-hero h1{margin:0 0 1rem;font-family:"Source Sans 3",Segoe UI,sans-serif;font-weight:800;font-size:clamp(2rem,4.8vw,3.1rem);line-height:1.12;text-transform:uppercase;letter-spacing:.03em;color:#fff}.lp-hero p{margin:0 0 1.75rem;font-size:clamp(1.05rem,2vw,1.18rem);line-height:1.55;color:#d1c7bc;max-width:30rem}.lp-hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.lp-hero-right{min-height:280px;background-size:cover;background-position:center;position:relative}.lp-hero-right:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(61,35,20,.35),transparent 35%);pointer-events:none}.lp-btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;border-radius:8px;font-weight:700;font-size:.92rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:0}.lp-btn-tan{background:var(--lp-tan);color:var(--lp-brown-dark)}.lp-btn-brown{background:var(--lp-brown);color:#fff}.lp-body{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.15fr);gap:clamp(.85rem,2vw,1.35rem);align-items:start;margin-top:-2.25rem;padding:0 clamp(1.25rem,4vw,3rem) clamp(2.5rem,5vw,4rem);position:relative;z-index:4}.lp-body-left{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.lp-body-right{display:flex;flex-direction:column;gap:1rem;min-width:0;padding-top:.15rem}.lp-cards{margin:0;padding:0;position:relative;z-index:4}.lp-cards-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.85rem;width:100%;max-width:720px;margin:0}.lp-card{background:#fff;border-radius:12px;padding:.8rem .8rem .85rem;box-shadow:0 8px 22px #3d23141f;display:flex;flex-direction:column;gap:.48rem;width:auto;min-width:0;animation:rise .5s .1s ease both}.lp-card-head{display:flex;align-items:center;gap:.48rem}.lp-card-avatar{width:34px;height:34px;border-radius:999px;object-fit:cover;background:var(--lp-tan);flex:0 0 auto}.lp-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.02rem;color:var(--lp-brown-dark)}.lp-mini-chart{width:100%;height:55px;background:#f3eee6;border-radius:6px}.lp-chart-label{fill:#7a6d62;font-size:9px;font-family:"Source Sans 3",sans-serif}.lp-card-stat{margin:0;font-size:.78rem;color:#5c524a;line-height:1.3}.lp-card-stat strong{color:var(--lp-brown-dark)}.lp-card-btn{margin-top:auto;display:block;text-align:center;background:var(--lp-brown);color:#fff;border-radius:7px;padding:.52rem .5rem;font-weight:700;font-size:.71rem;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}.lp-card-btn.is-green{background:var(--lp-green)}.lp-insights{margin:0;max-width:100%}.lp-insights-img{display:block;width:100%;height:auto;border-radius:10px}.lp-quotes{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0;width:100%}.lp-quote{margin:0;display:flex;flex-direction:row;gap:.85rem;align-items:flex-start;background:#fff;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 8px 22px #3d23141a;min-height:0;width:100%;box-sizing:border-box}.lp-quote-photo{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:0 0 auto;box-shadow:-5px -5px #5a8a6259}.lp-quote:nth-child(2) .lp-quote-photo{box-shadow:-5px -5px #e8ded1f2}.lp-quote p{margin:0 0 .4rem;color:var(--lp-brown-dark);line-height:1.4;font-size:.84rem}.lp-quote cite{font-style:normal;font-weight:700;font-size:.88rem;color:var(--lp-green)}.lp-connect{text-align:center;margin:.35rem 0 0}.lp-connect h2{margin:0 0 .25rem;font-family:Fraunces,Georgia,serif;font-size:clamp(1.1rem,2vw,1.4rem);color:var(--lp-green);line-height:1.25}.lp-connect p{margin:0;color:var(--lp-brown-dark);font-size:.9rem}.lp-cta{background:var(--lp-brown);color:#fff;border-radius:12px;padding:1.25rem 1.1rem 1.1rem;max-width:none;width:100%;box-sizing:border-box;margin:0;text-align:center}.lp-cta h2{margin:0 0 .9rem;font-family:"Source Sans 3",sans-serif;font-weight:800;font-size:clamp(1rem,1.8vw,1.2rem);text-transform:uppercase;letter-spacing:.04em;color:#fff}.lp-cta-form{display:flex;gap:.45rem;max-width:none;width:100%;margin:0;background:#fff;border-radius:10px;padding:.35rem;box-sizing:border-box}.lp-cta-form input{flex:1;min-width:0;border:0;outline:none;padding:.7rem .85rem;font:inherit;background:transparent;color:var(--lp-brown-dark)}.lp-cta-go{border:0;background:var(--lp-brown-dark);color:#fff;width:2.6rem;flex:0 0 2.6rem;border-radius:8px;font-size:1.1rem;cursor:pointer}.lp-cta-msg{margin:.85rem 0 0;color:#f6f4ee;font-size:.95rem}.lp-cta-link{appearance:none;border:0;background:transparent;color:#f6f4eee0;margin-top:.9rem;font:inherit;font-size:.92rem;text-decoration:underline;text-underline-offset:.18em;cursor:pointer}@media(max-width:980px){.lp-hero{grid-template-columns:1fr}.lp-hero-right{min-height:240px;order:-1}.lp-body{grid-template-columns:1fr;margin-top:1.25rem}.lp-cards-track{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-quotes{grid-template-columns:1fr}}@media(max-width:560px){.lp-hero-actions{flex-direction:column;align-items:stretch}.lp-btn{width:100%}.lp-cards-track{grid-template-columns:1fr}}.about-page{max-width:760px;padding:1rem 0 3rem;animation:rise .5s ease both}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem}.about-points h3{font-size:1.25rem;margin-bottom:.35rem}.about-points p{margin:0;color:var(--muted);line-height:1.45}.login-logo{width:min(200px,70%);height:auto;border-radius:14px;object-fit:contain;margin-bottom:.75rem;background:transparent;padding:0}.hero-panel,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{padding:clamp(2rem,5vw,3.5rem);overflow:hidden;position:relative;animation:rise .6s ease both}.hero-panel:after{content:"";position:absolute;inset:auto -20% -40% 40%;height:280px;background:radial-gradient(circle,rgba(31,107,74,.18),transparent 70%);pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;font-weight:700;color:var(--accent);margin:0 0 .75rem}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 .5rem}h1{font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.05}.lede{color:var(--muted);font-size:1.1rem;max-width:42rem;margin:0 0 1.5rem}.btn{border:0;border-radius:999px;padding:.7rem 1.2rem;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.secondary{background:#2f4a3c}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem}.login-card{width:min(440px,100%);padding:2rem;animation:rise .55s ease both}.login-card .login-title{font-size:clamp(1.35rem,4vw,1.75rem);white-space:nowrap;line-height:1.2;margin-bottom:.75rem}.login-card label{display:grid;gap:.35rem;margin-bottom:1rem;font-weight:600}.login-card input{padding:.75rem .9rem;border-radius:12px;border:1px solid var(--line);background:#fff}.hint{color:var(--muted);font-size:.9rem;margin-top:1rem}.error{color:var(--danger);margin:.5rem 0 1rem;font-weight:600}.success-msg{color:var(--accent);margin:.5rem 0 1rem;font-weight:700}.main:has(.species-select-page){max-width:none;padding:0}.species-select-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:1.5rem;background:#14201973;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:heroIn .35s ease both}.species-modal{width:min(920px,100%);background:#fffdf8;border-radius:28px;padding:1.5rem 1.5rem 1.75rem;box-shadow:0 30px 80px #00000047;animation:rise .45s ease both}.species-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.species-modal-header h1{font-size:clamp(1.8rem,3vw,2.4rem);margin:0}.species-close{width:40px;height:40px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-size:1.8rem;line-height:1;cursor:pointer}.species-close:hover{background:#1c2a220f;color:var(--ink)}.species-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.species-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;min-height:180px;padding:1rem .75rem 1.1rem;border-radius:22px;text-align:center;transition:transform .18s ease,box-shadow .18s ease;animation:rise .45s ease both;border:1px solid transparent}.species-tile-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;width:100%;color:inherit;text-decoration:none;flex:1}.species-photo-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:.15rem}.species-photo-actions .btn{font-size:.75rem;padding:.35rem .65rem}.species-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1c2a221f}.species-tile.is-locked{cursor:default;opacity:.92}.species-tile.is-locked:hover{transform:none;box-shadow:none}.species-tile-art{width:96px;height:96px;border-radius:20px;overflow:hidden;display:grid;place-items:center}.species-tile-art img{width:100%;height:100%;object-fit:cover}.species-collage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:#1c2a220f;padding:3px}.species-collage img{width:100%;height:100%;object-fit:cover;border-radius:8px;background:#fff}.species-tile.tone-cream .species-tile-art{width:132px}.species-tile-name{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--ink)}.species-tile-soon{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tone-yellow{background:#fff4c8}.tone-orange{background:#ffe0c2}.tone-butter{background:#fff1c9}.tone-mint{background:#d8f3e4}.tone-cream{background:#f4f1ea}.tone-sky{background:#d9ecfb}.tone-lavender{background:#e8dff5}.tone-blue{background:#dceaf8}.tone-coral{background:#ffd5cc}@media(max-width:800px){.species-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.species-menu-grid{grid-template-columns:1fr}}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;background:#1f6b4a1f;color:var(--accent)}.badge.warn{background:#c46b2c26;color:var(--accent-2)}.badge.rec{background:#1f6b4a2e}.badge.default{background:#c48c2c33;color:#8a5a12}.panel{padding:1.25rem;margin-bottom:1rem}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}@media(max-width:900px){.grid-2{grid-template-columns:1fr}.topbar-inner{flex-wrap:wrap;min-height:0}.nav{order:3;width:100%;justify-content:flex-start;gap:1.1rem;min-width:0;overflow-x:auto;padding-bottom:.2rem}.brand-logo{width:120px!important;height:38px!important;max-width:120px!important;max-height:38px!important}.about-points{grid-template-columns:1fr}}@keyframes heroIn{0%{opacity:0}to{opacity:1}}@keyframes floatMark{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600}.metric-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.metric{min-width:120px;padding:.75rem .9rem;border-radius:14px;background:#ffffffa6;border:1px solid var(--line)}.metric strong{display:block;font-family:var(--font-display);font-size:1.25rem}.metric span{color:var(--muted);font-size:.85rem}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.15rem}.recipe-card{display:flex;flex-direction:column;height:100%;padding:1.25rem 1.3rem 1.2rem;border-radius:calc(var(--radius) + 2px);border:1px solid var(--line);background:var(--surface);animation:rise .45s ease both}.recipe-card-footer{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:1rem}.recipe-fold{margin-top:.85rem}.recipe-fold-toggle{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(28,42,34,.12);background:#f7f4eda6;color:#1c2a22;font:inherit;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease}.recipe-fold-toggle:hover{background:#f7f4edf2;border-color:#1c2a2233}.recipe-fold-arrow{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;background:#1c2a220f;font-size:.85rem;line-height:1;transition:transform .2s ease}.recipe-fold-toggle.is-open .recipe-fold-arrow{transform:rotate(180deg)}.recipe-fold-body{margin-top:.55rem;padding:.15rem .15rem 0;animation:rise .25s ease both}.recipe-fold-body table{width:100%}.recipe-card.recommended{border-color:#1f6b4a47;box-shadow:0 10px 28px #1c2a220d}.recipe-card-head{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.85rem}.recipe-card-title-row{display:flex;align-items:flex-start;gap:.65rem}.recipe-card-icons{display:inline-flex;align-items:center;gap:.15rem;flex:0 0 auto}.fav-heart.default-star:hover:not(:disabled){color:#b8860b}.fav-heart.default-star.is-on{color:#c4921a;background:#c4921a24}.recipe-card-title-row h3{margin:0;flex:1;min-width:0;line-height:1.25;padding-right:.15rem}.recipe-card-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem .75rem}.recipe-card-species{margin:0;color:var(--muted, #5c6b62);font-size:.92rem;line-height:1.35}.recipe-card-tools{display:inline-flex;align-items:center;gap:.55rem;flex:0 0 auto}.recipe-card-tools .badge{font-size:.72rem;letter-spacing:.01em;padding:.22rem .6rem}.text-action{appearance:none;border:0;background:transparent;padding:.15rem .1rem;margin:0;color:#1c2a22;font:inherit;font-size:.88rem;font-weight:650;text-decoration:underline;text-decoration-color:#1c2a2238;text-underline-offset:.18em;cursor:pointer}.text-action:hover{color:#1f6b4a;text-decoration-color:#1f6b4a73}.btn-danger-text{color:#9a3b3b!important;border-color:#9a3b3b47!important}.btn-danger-text:hover:not(:disabled){background:#9a3b3b14!important}.unavailable-hint{margin:0;color:#7a3b3b;font-size:1.05rem;font-weight:650;line-height:1.45}.recipe-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.formula-tabs{display:inline-flex;flex-wrap:wrap;gap:.35rem;padding:.3rem;margin:.35rem 0 .75rem;border-radius:999px;background:#1c2a220f;border:1px solid rgba(28,42,34,.08)}.formula-tab{appearance:none;border:0;background:transparent;color:#1c2a22;font:inherit;font-weight:700;font-size:.95rem;padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .15s ease}.formula-tab:hover{background:#ffffff8c}.formula-tab.is-active{background:#1f6b4a;color:#f7f4ed}.formula-loading{margin:1rem 0 0;position:relative;z-index:1}.hero-panel.has-empty{padding-bottom:clamp(1.75rem,4vw,2.5rem)}.formula-empty{position:relative;z-index:1;margin-top:1.35rem;padding:1.35rem 1.25rem 1.3rem;border-radius:calc(var(--radius) - 2px);border:1px dashed rgba(28,42,34,.16);background:#f7f4ed8c;max-width:34rem}.formula-empty-mark{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin-bottom:.75rem;border-radius:999px;background:#1f6b4a1a;color:#1c2a2273}.formula-empty-mark .fav-heart-icon{width:1.25rem;height:1.25rem}.formula-empty h2{margin:0 0 .4rem;font-size:clamp(1.25rem,2.4vw,1.55rem);line-height:1.2}.formula-empty p{margin:0;max-width:28rem;color:var(--muted, #5c6b62);font-size:1rem;line-height:1.45}.formula-empty .btn-row{margin-top:1rem}.fav-heart{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:2rem;margin-top:.05rem;padding:0;border-radius:999px;border:0;background:transparent;color:#1c2a226b;cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease}.fav-heart:hover:not(:disabled){transform:scale(1.06);background:#1c2a220d;color:#9a4a4a}.fav-heart:disabled{opacity:.5;cursor:wait}.fav-heart.is-on{color:#b54040;background:#b540401a;animation:fav-pop .35s ease}.fav-heart-icon{display:block}@keyframes fav-pop{0%{transform:scale(1)}40%{transform:scale(1.14)}to{transform:scale(1)}}.rename-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;width:100%}.rename-input{flex:1;min-width:160px;padding:.5rem .7rem;border-radius:10px;border:1px solid var(--line);background:#fff;font-family:var(--font-display);font-size:1.05rem;font-weight:700}.rename-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f6b4a1f}.nutrient-bar{margin:.45rem 0}.nutrient-bar .label{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.2rem}.bar-track{height:8px;border-radius:999px;background:#1c2a2214;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#3d9b6f);width:0;animation:fill .8s ease forwards}.bar-fill.short{background:linear-gradient(90deg,var(--accent-2),#d0894d)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.form-grid label{display:grid;gap:.25rem;font-size:.9rem;font-weight:600}.form-grid input{padding:.55rem .65rem;border-radius:10px;border:1px solid var(--line);background:#fff}.stack{display:grid;gap:1rem;min-width:0;width:100%;max-width:100%}.empty-cell{color:var(--muted);font-weight:700;padding-left:.5rem}.default-value{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.panel-head-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.85rem}.add-feedstuff-panel{margin-top:1.15rem;padding:1.1rem 1.15rem 1.2rem;border-radius:14px;border:1px dashed rgba(28,42,34,.2);background:#f7f4ed8c}.add-feedstuff-divider{border:0;border-top:1px solid rgba(28,42,34,.12);margin:1.15rem 0}.limits-table .row-actions{display:flex;flex-wrap:wrap;gap:.4rem}.limits-table tr.row-editing{background:#1f6b4a0f}.analysis-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0;padding:0 0 .5rem;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.limits-table.analysis-table{width:max-content;min-width:100%;max-width:none;border-collapse:separate;border-spacing:0}.limits-table.analysis-table th,.limits-table.analysis-table td{white-space:nowrap;padding:.75rem .9rem;font-variant-numeric:tabular-nums;border-bottom:1px solid var(--line)}.limits-table.analysis-table th{letter-spacing:.02em;padding-bottom:.85rem}.limits-table.analysis-table th.sticky-col,.limits-table.analysis-table td.sticky-col{position:sticky;left:0;z-index:2;background:#fffcf6fa;box-shadow:1px 0 0 var(--line);min-width:11rem;padding-left:1rem;padding-right:1.1rem}.limits-table.analysis-table th.sticky-actions,.limits-table.analysis-table td.sticky-actions{position:sticky;right:0;z-index:3;background:#fffcf6fa;box-shadow:-1px 0 0 var(--line);padding-left:.95rem;padding-right:.95rem}.limits-table.analysis-table th.factor-col,.limits-table.analysis-table td.factor-col{background:#1f6b4a12}.limits-table.analysis-table th.factor-col{color:#2a5f45}.limits-table.analysis-table tr.row-editing td.factor-col{background:#1f6b4a1c}.limits-table.analysis-table tr.row-editing td.sticky-col,.limits-table.analysis-table tr.row-editing td.sticky-actions{background:#ecf5effa}.panel:has(.analysis-table-scroll){min-width:0;max-width:100%;overflow:hidden}.analysis-mobile-list{display:none;flex-direction:column;gap:.75rem;margin-top:1rem}.analysis-mobile-card{border:1px solid var(--line);border-radius:14px;background:#fffcf6f2;padding:.9rem 1rem 1rem}.analysis-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;margin-bottom:.65rem}.analysis-mobile-card-head strong{font-family:var(--font-display);font-size:1.05rem;line-height:1.25;word-break:break-word}.analysis-mobile-type{flex:0 0 auto;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:#1c2a220f;border-radius:999px;padding:.25rem .55rem}.analysis-mobile-factors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .65rem;padding:.65rem .7rem;margin-bottom:.65rem;border-radius:10px;background:#1f6b4a12}.analysis-mobile-factors div{display:flex;justify-content:space-between;gap:.4rem;font-variant-numeric:tabular-nums;font-size:.92rem}.analysis-mobile-factors span{color:var(--muted);font-size:.8rem;font-weight:700}.analysis-mobile-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-bottom:.75rem}.analysis-mobile-meta div{display:flex;flex-direction:column;gap:.15rem}.analysis-mobile-meta span{color:var(--muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.analysis-mobile-meta strong{font-variant-numeric:tabular-nums}.analysis-mobile-card .row-actions{display:flex;gap:.45rem}.analysis-mobile-card .row-actions .btn,.analysis-mobile-card .row-actions a.btn{flex:1;justify-content:center;text-align:center}.analysis-mobile-card.is-editing{border-color:#1f6b4a59;background:#ecf5ef8c}.analysis-mobile-card input[type=number]{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--line);font:inherit}@media(max-width:720px){.main{padding:1rem .75rem 1.5rem}.hero-panel,.panel{padding:1rem .9rem}.btn-row{gap:.5rem}.btn-row .btn,.btn-row a.btn{flex:1 1 calc(50% - .5rem);text-align:center;justify-content:center}.analysis-desktop{display:none}.analysis-mobile-list{display:flex}.limits-table.analysis-table th.sticky-col,.limits-table.analysis-table td.sticky-col,.limits-table.analysis-table th.sticky-actions,.limits-table.analysis-table td.sticky-actions{position:static;box-shadow:none;min-width:0;max-width:none;white-space:normal;word-break:break-word}.limits-table.analysis-table th,.limits-table.analysis-table td{padding:.55rem .65rem}.limits-table .row-actions{flex-direction:column;align-items:stretch}.form-grid{grid-template-columns:1fr}}@media(max-width:420px){.analysis-mobile-factors,.analysis-mobile-meta{grid-template-columns:1fr 1fr}.btn-row .btn,.btn-row a.btn{flex:1 1 100%}}.vet-layout{display:grid;grid-template-columns:1.35fr .9fr;gap:1rem;align-items:start}.vet-list-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.vet-list-head h2{margin:0}.vet-search{padding:.55rem .75rem;border-radius:10px;border:1px solid var(--line);background:#fff;min-width:min(240px,100%)}.vet-checklist{list-style:none;margin:0;padding:0;max-height:62vh;overflow:auto;border-top:1px solid var(--line)}.vet-checklist li{border-bottom:1px solid var(--line)}.vet-check-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .25rem;cursor:pointer}.vet-check-row input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.vet-check-name{flex:1;font-weight:600}.vet-selected-panel{position:sticky;top:5.5rem}.vet-selected-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.85rem}.vet-selected-list li{padding-bottom:.75rem;border-bottom:1px solid var(--line)}.vet-selected-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.vet-amount{display:grid;gap:.25rem;font-size:.9rem;font-weight:600}.vet-amount input{padding:.5rem .65rem;border-radius:10px;border:1px solid var(--line);background:#fff;max-width:160px}@media(max-width:900px){.vet-layout{grid-template-columns:1fr}.vet-selected-panel{position:static}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fill{to{width:var(--w)}}@keyframes mixSlideIn{0%{opacity:0;transform:translate(28px) scale(.98)}to{opacity:1;transform:none}}.mix-toolbar-top{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem}.view-toggle{display:inline-flex;padding:.2rem;border-radius:999px;background:#1c2a220f;border:1px solid var(--line)}.view-toggle button{border:0;background:transparent;color:var(--muted);font-weight:700;padding:.45rem .95rem;border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease}.view-toggle button.is-active{background:#fff;color:var(--accent);box-shadow:0 4px 14px #1c2a2214}.mix-gallery-wrap{display:grid;gap:.85rem}.mix-gallery{display:flex;gap:1rem;overflow-x:auto;padding:.35rem .25rem 1rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mix-gallery::-webkit-scrollbar{height:8px}.mix-gallery::-webkit-scrollbar-thumb{background:#1f6b4a59;border-radius:999px}.mix-card{flex:0 0 min(300px,82vw);scroll-snap-align:center;display:grid;gap:.75rem;padding:1.1rem 1.15rem 1.2rem;border-radius:22px;border:1px solid transparent;box-shadow:0 10px 28px #1c2a220f;animation:mixSlideIn .45s ease both}.mix-card-art{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:#ffffff8c;font-family:var(--font-display);font-weight:700;font-size:1.2rem;color:var(--ink)}.mix-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.mix-card-head h3{margin:0;font-family:var(--font-display);font-size:1.25rem;line-height:1.2}.mix-pill{flex-shrink:0;font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:#1c2a220f;padding:.22rem .5rem;border-radius:999px}.mix-range-track{position:relative;height:10px;border-radius:999px;background:#1c2a221a;overflow:hidden}.mix-range-fill{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),#3d9b6f);transition:left .2s ease,width .2s ease}.mix-range-fill.is-fixed{background:linear-gradient(90deg,var(--accent-2),#e09a5a)}.mix-range-mark{position:absolute;top:-2px;width:3px;height:14px;margin-left:-1.5px;background:var(--ink);border-radius:2px;opacity:.35}.mix-card-levels{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.mix-card-levels.readonly{gap:.4rem}.mix-card-levels.readonly .hint{display:block;margin:0}.mix-card-levels.readonly .default-value{display:block;margin-top:.15rem}.mix-gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.mix-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.mix-dot{width:8px;height:8px;border:0;border-radius:999px;background:#1c2a222e;padding:0;cursor:pointer;transition:transform .15s ease,background .15s ease}.mix-dot.is-active{background:var(--accent);transform:scale(1.35)}.mix-table-panel{padding-bottom:.5rem}.mix-table-scroll{overflow-x:auto;margin:0 -.25rem;padding:0 .25rem .5rem;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mix-table{width:100%;min-width:720px;border-collapse:collapse}.mix-table th,.mix-table td{padding:.7rem .55rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.mix-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);position:sticky;top:0;background:#fffcf6f5;z-index:1}.mix-table tbody tr{animation:rise .4s ease both}.mix-table-name{display:flex;align-items:center;gap:.55rem;font-weight:600;white-space:nowrap}.mix-mini{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:.75rem;flex-shrink:0}.mix-table-range{min-width:140px}.admin-pick-list>li{animation:rise .35s ease both}.admin-pick-list>li.is-selected{background:#1f6b4a0d}.admin-limit-boxes{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;padding:0 .25rem .85rem 2.1rem;animation:rise .28s ease both}.admin-limit-boxes.compact{padding:0;margin-top:.35rem}.admin-limit-boxes label{display:grid;gap:.3rem;font-size:.85rem;font-weight:700}.admin-limit-boxes input{width:100%;max-width:140px;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--line);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.admin-limit-boxes input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1f6b4a1f}.admin-limit-boxes input:disabled{background:#1c2a220a;color:var(--muted)}.admin-limit-hint{grid-column:1 / -1;margin:0}.admin-selected-item{animation:rise .3s ease both}@media(max-width:640px){.mix-card{flex-basis:min(280px,88vw)}}@media(max-width:520px){.admin-limit-boxes{grid-template-columns:1fr;padding-left:.25rem}.admin-limit-boxes input{max-width:none}}