.fridge-main{padding-bottom:80px}
.fridge-hero{padding:64px 20px 24px}
.fridge-hero h1{font-size:clamp(34px,5vw,58px);line-height:1.16;letter-spacing:-.045em;color:var(--navy);margin:14px 0 0}
.fridge-hero h1 em{font-style:normal;color:var(--blue)}
.fridge-lead{font-size:18px;color:#46516a;max-width:640px;margin:18px 0 0}
.steps-wrap{display:flex;flex-direction:column;gap:24px;padding-inline:20px}
.step-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 10px 34px rgba(11,22,56,.06)}
.step-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.step-no{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--blue);color:#fff;font-weight:900;flex:0 0 auto}
.step-head h2{font-size:22px;color:var(--navy);margin:0}
.dropzone{display:block;border:2px dashed #b7c1d6;border-radius:16px;padding:18px;cursor:pointer;transition:.15s border-color,.15s background;background:var(--soft)}
.dropzone:hover,.dropzone:focus-within{border-color:var(--blue);background:#eef3ff}
.dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:36px 12px}
.dz-icon{font-size:44px}
.dz-sub{color:var(--muted);font-size:14px;margin:0}
#preview{display:block;width:100%;max-height:420px;object-fit:contain;border-radius:12px}
.step-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.fridge-status{font-size:14px;margin:12px 0 0;min-height:0}
.fridge-status:not(:empty){min-height:20px}
.fridge-status.error{color:#aa1733}
.fridge-status.loading{color:var(--blue)}
.chip-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;background:var(--blue-100,#eaf1ff);color:#14307d;border:1px solid #cfdcff;border-radius:999px;padding:8px 12px;font-weight:700;font-size:15px}
.chip button{border:0;background:none;color:#5a6b9c;cursor:pointer;font-size:16px;line-height:1;padding:0;min-width:22px;min-height:22px}
.chip button:hover{color:#aa1733}
.chip-empty{color:var(--muted);margin:16px 0 0}
.add-form{display:flex;gap:8px;margin-top:16px}
.add-form input{flex:1;min-width:0;height:48px;border:1px solid #aab4ca;border-radius:10px;padding:0 14px;color:var(--ink)}
.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.recipe-card{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff;display:flex;flex-direction:column}
.recipe-card h3{font-size:20px;color:var(--navy);margin:0 0 10px}
.recipe-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.recipe-tag{font-size:12px;font-weight:800;background:var(--soft);border:1px solid var(--line);color:#46516a;border-radius:999px;padding:4px 10px}
.recipe-tag.diff{background:#fff6d8;border-color:#f0dd94;color:#6b5500}
.recipe-sub{font-size:13px;font-weight:900;color:var(--blue);letter-spacing:.04em;margin:6px 0}
.recipe-ings{font-size:14px;color:#46516a;margin:0 0 12px}
.recipe-steps{margin:0;padding-left:20px;color:var(--ink)}
.recipe-steps li{margin-bottom:7px;line-height:1.6}
.skeleton{border:1px solid var(--line);border-radius:16px;padding:22px;background:linear-gradient(90deg,#f4f7fc 25%,#eaeef6 37%,#f4f7fc 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;min-height:180px}
@keyframes sk{0%{background-position:100% 0}100%{background-position:0 0}}
.fridge-footnote{display:block;color:var(--muted);font-size:13px;margin-top:28px;padding-inline:20px}
@media(max-width:768px){
  html,body{overflow-x:hidden}
  .nav-actions{display:flex;gap:10px;align-items:center}
  .nav-actions .text-link{display:none}
  .fridge-hero{padding:40px 16px 16px}
  .fridge-hero h1{font-size:32px}
  .steps-wrap{padding-inline:16px}
  .step-card{padding:20px}
  .recipe-grid{grid-template-columns:1fr}
  .button,.add-form input{min-height:48px}
}
@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}