:root{--bg:#f4ecdc;--fg:#463d31;--muted:#948675;--card:#fffdf8;--border:#e7dcc6;--accent:#58cc02;--accent-dark:#46a302;--accent-soft:#d3f3b0;--shadow:0 14px 30px #785f3729, 0 4px 10px #785f3717;--shadow-sm:0 6px 16px #785f371f;--radius:16px;--radius-lg:26px;--radius-pill:9999px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:"M PLUS Rounded 1c",system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.5}a{color:inherit}.clay-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.btn{cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;gap:8px;padding:15px 18px;font-family:inherit;font-size:16px;font-weight:800;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 0 var(--accent-dark), var(--shadow-sm)}.btn-primary:active{box-shadow:0 1px 0 var(--accent-dark);transform:translateY(5px)}.btn-soft{background:var(--card);color:var(--fg);box-shadow:0 6px 0 var(--border), var(--shadow-sm)}.btn-soft:active{box-shadow:0 1px 0 var(--border);transform:translateY(4px)}.btn-disabled{color:#fff;box-shadow:none;cursor:default;pointer-events:none;background:#d8cdb6}.chip{border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);background:var(--card);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:800;display:inline-flex}.badge{border-radius:var(--radius-pill);padding:7px 14px;font-size:13px;font-weight:800}.badge-ok{background:var(--accent-soft);color:#3f7d0a}.badge-buy{color:#b45e10;background:#ffe0c2}.icon-tile{background:#fbf4e7;border-radius:18px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 2px 6px #785f371a}h1,h2,h3{font-weight:800}.container{max-width:720px;margin:0 auto;padding:16px}.app-header{z-index:40;height:52px;padding:0 16px;padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-bottom-nav{z-index:40;max-width:720px;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}body[data-chrome=full] .container,body[data-chrome=header] .container{padding-top:calc(16px + 52px + env(safe-area-inset-top))}body[data-chrome=full] .container{padding-bottom:calc(16px + 64px + env(safe-area-inset-bottom))}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.font-bold{font-weight:700}.text-white{color:#fff}.select-none{-webkit-user-select:none;user-select:none}@keyframes cook-bounce{0%,to{transform:translateY(0) rotate(var(--cook-rot,0deg))}50%{transform:translateY(-16px) rotate(calc(var(--cook-rot,0deg) + 10deg))}}@keyframes cook-steam{0%{opacity:0;transform:translateY(2px)scale(.7)}35%{opacity:.55}to{opacity:0;transform:translateY(-24px)scale(1.15)}}@keyframes cook-pot{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes cook-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes cook-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cook-ingredient{animation:.9s ease-in-out infinite cook-bounce}.cook-steam{animation:1.8s ease-out infinite cook-steam}.cook-pot{transform-origin:50% 90%;animation:1.2s ease-in-out infinite cook-pot}.cook-text{animation:.4s both cook-fade}@media (prefers-reduced-motion:reduce){.cook-ingredient,.cook-steam,.cook-text{animation:none}.cook-pot{animation:2.4s ease-in-out infinite cook-pulse}}