:root{color:#1f2933;background:#f8f6f1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f8f6f1}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{min-height:100vh}.top-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 18px;border-bottom:1px solid #e5dfd3;background:#f8f6f1f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-link,.back-link,.source-link,.icon-link,.recipe-card-link{color:inherit;text-decoration:none}.brand-link{font-size:1.1rem;font-weight:760}.page,.detail-content{width:min(100%,780px);margin:0 auto;padding:20px 16px 32px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.eyebrow{margin:0 0 4px;color:#68747f;font-size:.76rem;font-weight:760;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2rem;line-height:1.05}.result-count,.muted,.byline{color:#68747f}.recipe-list{display:grid;gap:12px}.recipe-card{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr) 48px;min-height:116px;border:1px solid #e8dfd1;border-radius:8px;overflow:hidden;background:#fffdf9;box-shadow:0 1px 3px #1f29330d}.recipe-card-link{display:contents}.recipe-card-image-frame{width:100%;height:112px;align-self:start;overflow:hidden;background:#e8dfd1}.recipe-card-image{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}.image-fallback{background:#e8dfd1}.image-fallback{display:grid;place-items:center;color:#78828b}.image-fallback svg{width:28px;height:28px}.recipe-card-body{min-width:0;padding:13px 8px 13px 13px}.recipe-card-body h2{margin-bottom:12px;font-size:1.05rem;line-height:1.2}.star-button,.icon-link,.top-bar-button{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #ded6cb;border-radius:999px;background:#fffdf9;color:#68747f;cursor:pointer}.top-bar-button svg{width:18px;height:18px}.star-button{align-self:start;justify-self:center;margin-top:10px}.star-button svg,.icon-link svg,.source-link svg,.pagination svg{width:18px;height:18px}.star-button.is-active{color:#b96f00;border-color:#e8b358;background:#fff5da}.star-button:disabled,.pagination button:disabled{opacity:.48;cursor:not-allowed}.time-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0}.time-summary div{min-width:58px}.time-summary dt{color:#68747f;font-size:.72rem;font-weight:700;text-transform:uppercase}.time-summary dd{margin:2px 0 0;font-size:.86rem;font-weight:700}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.pagination button{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 12px;border:1px solid #ded6cb;border-radius:8px;background:#fffdf9;color:#1f2933}.status,.empty-state{padding:18px;border:1px solid #e8dfd1;border-radius:8px;background:#fffdf9}.error{color:#9f2d20}.detail-page{padding-bottom:32px}.detail-hero{position:relative;min-height:250px;background:#e8dfd1}.detail-image{display:block;width:100%;height:min(56vh,420px);min-height:250px;object-fit:cover}.detail-actions{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between}.detail-actions .star-button{margin-top:0}.detail-content h1{margin-bottom:8px}.description{color:#3b4650;line-height:1.55}.source-link{display:inline-flex;align-items:center;gap:6px;margin:4px 0 18px;color:#266b62;font-weight:720}.detail-panel{display:grid;gap:16px;padding:16px;border:1px solid #e8dfd1;border-radius:8px;background:#fffdf9}.servings span{display:block;color:#68747f;font-size:.72rem;font-weight:700;text-transform:uppercase}.servings strong{display:block;margin-top:2px}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}.chip{padding:6px 9px;border:1px solid #d9e2dd;border-radius:999px;background:#f2f8f4;color:#375348;font-size:.82rem;font-weight:650}.recipe-section{margin-top:26px}.recipe-section h2{margin-bottom:12px;font-size:1.25rem}.ingredient-list,.step-list{padding-left:1.35rem;line-height:1.55}.ingredient-list li,.step-list li{margin-bottom:10px}.optional{color:#68747f;font-size:.88rem}.notes{line-height:1.55;white-space:pre-wrap}.back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:16px}.login-page{display:grid;min-height:calc(100vh - 56px);place-items:center;padding:24px 16px}.login-panel{display:grid;gap:18px;width:min(100%,380px);padding:22px;border:1px solid #e8dfd1;border-radius:8px;background:#fffdf9}.field{display:grid;gap:7px;font-weight:700}.field input{min-height:44px;width:100%;border:1px solid #ded6cb;border-radius:8px;padding:0 12px;background:#fff;color:#1f2933;font:inherit}.primary-button{min-height:44px;border:1px solid #236358;border-radius:8px;background:#266b62;color:#fff;cursor:pointer;font-weight:760}.primary-button:disabled{opacity:.55;cursor:not-allowed}@media (min-width: 720px){.recipe-list{grid-template-columns:repeat(2,minmax(0,1fr))}.recipe-card{grid-template-columns:140px minmax(0,1fr) 52px}.recipe-card-image-frame{height:140px}.detail-panel{grid-template-columns:auto 1fr;align-items:center}}
