:root{--maxw: 1200px;--cream: #f1e3c2;--cream-2: #e7d5ac;--ink: #24402c;--ink-body: #5b4a30;--gold: #c9a94f;--gold-soft: #d8bd76;--gold-bright: #efd28a;--deep: #12241c;--panel: #163329;--ivory: #f3e9cf;--ivory-dim: #cbdac2;--glow: #74e0a0;--heart: #d9433f;--rupee: #1c6b3e;--radius: 16px;--shadow: 0 10px 26px #00000055;--font-display: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--font-body: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-body);color:var(--ivory);background-color:var(--deep);min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/assets/ui/ingredients_home_backdrop.png) center top / cover no-repeat;filter:saturate(1.05) blur(2px);transform:scale(1.06)}body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#0a1712cc,#0a1712b0 42%,#0a1712ec),radial-gradient(130% 82% at 50% 0%,transparent 28%,#06100b73 100%)}.app{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:88px 20px 140px}@media(max-width:620px){.app{padding:18px 14px calc(150px + env(safe-area-inset-bottom,0px))}}.hidden{display:none!important}.crest{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 0 6px}.crest .line{height:1px;width:min(28vw,240px);background:linear-gradient(90deg,transparent,var(--gold))}.crest .line.r{background:linear-gradient(90deg,var(--gold),transparent)}.crest .dot{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);flex:none}.triforce{width:42px;height:38px;flex:none;filter:drop-shadow(0 0 8px #e8c87766)}.sec-head{margin-bottom:14px;text-align:center}.sec-head h1{font-family:var(--font-display);font-size:clamp(32px,5.5vw,50px);margin:2px 0 6px;color:var(--ivory);letter-spacing:.5px;text-wrap:balance;text-shadow:0 2px 12px #000000aa}.sec-head p{margin:0 auto;color:var(--ivory-dim);font-size:15px;max-width:52ch;line-height:1.5}.count-line{text-align:center;color:var(--ivory-dim);font-size:13px;margin:-6px 0 16px;letter-spacing:.04em}.empty{grid-column:1/-1;text-align:center;color:var(--ivory-dim);padding:40px 10px;font-size:16px}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-family:var(--font-body)}.rule{height:1px;width:110px;background:linear-gradient(90deg,var(--gold),transparent);margin:8px 0 14px}.info-chips{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.ic{display:inline-flex;align-items:center;gap:9px;background:#fbf3dd;border:1px solid #b9a05c;border-radius:999px;padding:8px 16px;font-size:15px;color:var(--ink)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 4px}.stat{background:#fbf3dd;border:1px solid #cbb069;border-radius:12px;padding:14px;text-align:center}.stat .sk{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--ink-body)}.stat .sk img{height:16px}.stat .sv{font-family:var(--font-display);font-size:22px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.stat .sv.hearts{display:flex;gap:3px;justify-content:center;align-items:center;font-size:18px}.stat .sv.hearts img{height:19px}.block{background:#fbf3dd;border:1px solid #cbb069;border-radius:12px;padding:14px 16px;margin-top:12px;color:var(--ink)}.block .bt{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;color:var(--ink);margin-bottom:8px;flex-wrap:wrap}.block .bt .build-mode{margin-left:auto;display:inline-flex;align-items:center;gap:8px;background:#eadfbf;border:1px solid #cbb069;border-radius:999px;padding:5px 13px;font-size:12px;color:var(--ink);font-family:var(--font-body);font-weight:400}.block .bd{color:var(--ink-body);font-size:14px}.build-ex{display:flex;align-items:flex-start;justify-content:center;gap:12px;flex-wrap:wrap}.bx-wrap{text-align:center;width:76px}.bx{width:60px;height:60px;margin:0 auto;border-radius:12px;background:#eadfbf;border:1px solid #cbb069;display:grid;place-items:center;font-size:30px}.bx-wrap small{display:block;margin-top:6px;color:var(--ink-body);font-size:12px;line-height:1.2}.bplus{align-self:center;color:var(--gold);font-size:22px;font-weight:700;padding-top:18px}.steps-title{display:flex;align-items:center;gap:10px;margin:16px 0 2px;font-family:var(--font-display);font-weight:700;color:var(--ink)}.step{display:flex;gap:14px;align-items:center;background:#fbf3dd;border:1px solid #cbb069;border-radius:12px;padding:12px 14px;margin-top:10px}.step .num{flex:none;width:34px;height:34px;border-radius:50%;background:#1f3d2f;color:var(--gold-bright);display:grid;place-items:center;font-family:var(--font-display);font-weight:700}.step .stx{flex:1;min-width:0}.step .stx b{color:var(--ink)}.step .stx small{color:var(--ink-body)}.step .sic{width:46px;height:46px;flex:none;border-radius:10px;background:#eadfbf;border:1px solid #cbb069;display:grid;place-items:center;font-size:24px}.codex-top{display:flex;gap:16px;align-items:flex-start}.ct-main{flex:1;min-width:0;padding-top:4px}.codex-art{width:104px;height:104px;flex:none;margin-top:2px;display:grid;place-items:center;font-size:52px;background:url(/assets/ui/search_sheikah_eye.png) center / contain no-repeat;filter:drop-shadow(0 5px 12px #0004)}.codex h2{font-family:var(--font-display);font-size:28px;margin:0 0 4px;color:var(--ink);text-wrap:balance}p.body{color:var(--ink-body);font-size:15px;line-height:1.55;margin:16px 0}.mfoot{display:flex;gap:12px;margin-top:20px}.mfoot button{flex:1;border-radius:12px;padding:14px;font-family:var(--font-display);font-size:15px;font-weight:700;cursor:pointer}.mfoot .sec{background:#fbf3dd;border:1px solid #b9a05c;color:var(--ink)}.mfoot .pri{background:linear-gradient(180deg,#1c5b3f,#123f2c);border:1.5px solid var(--glow);color:var(--gold-bright);box-shadow:inset 0 0 14px #74e0a044}.mfoot .pri:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4)}.mfoot button:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@media(max-width:620px){.codex-top{gap:12px}.codex-art{width:84px;height:84px;font-size:42px;margin-top:0}}.panel{background:var(--cream);border:1px solid var(--gold);border-radius:16px;padding:20px;color:var(--ink);box-shadow:var(--shadow)}.ptitle{display:flex;align-items:center;gap:12px;margin-bottom:8px}.ptitle h2{font-family:var(--font-display);font-size:20px;margin:0}.pi{width:36px;height:36px;border-radius:50%;background:#eadfbf;border:1px solid #cbb069;display:grid;place-items:center;font-size:18px;flex:none}.pdesc{color:var(--ink-body);font-size:14px;margin:0 0 14px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}