:root{color:#211f1b;font-synthesis:none;text-rendering:optimizelegibility;background:#fbf7ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:linear-gradient(90deg,#fbf7eff5,#fbf7efcc),url(/recipes/kitchen-bg.jpg) 50%/cover fixed;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}.app{grid-template-columns:minmax(340px,430px) minmax(0,760px);align-items:start;gap:24px;width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:28px;display:grid}.phone-frame,.detail-panel{background:#fffcf6f5;border:1px solid #3730271f;border-radius:8px;box-shadow:0 24px 70px #2d261c2e}.phone-frame{grid-template-rows:auto auto auto 1fr auto;height:min(900px,100vh - 56px);display:grid;position:sticky;top:28px;overflow:hidden}.status-bar,.hero,.search-row,.segment-control,.screen-content,.bottom-tabs{padding-left:18px;padding-right:18px}.status-bar{color:#4f4940;justify-content:space-between;padding-top:12px;padding-bottom:6px;font-size:.78rem;font-weight:800;display:flex}.hero{justify-content:space-between;align-items:start;gap:16px;padding-top:10px;padding-bottom:14px;display:flex}.eyebrow{color:#7d6b54;letter-spacing:0;text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:900}.hero h1{max-width:320px;margin-bottom:0;font-size:1.78rem;line-height:1.04}.icon-button,.utility-button,.save-button,.segment-control button,.bottom-tabs button,.planner-header button,.plan-row button,.cookbook-row button,.import-field button,.search-row button{color:inherit;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.icon-button{color:#3b3127;background:#f3eadc;width:42px;height:42px}.search-row{color:#766c60;background:#fffaf2;border:1px solid #eee2d0;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:48px;margin:0 18px 12px;padding:0 12px;display:grid}.search-row input,.import-field input{color:#211f1b;background:0 0;border:0;outline:0;width:100%;min-width:0}.segment-control{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.segment-control button{color:#6f6456;gap:4px;min-height:50px;padding:7px 5px;font-size:.72rem;font-weight:850}.segment-control button.active{color:#fff8ed;background:#25221c}.screen-content{min-height:0;padding-bottom:18px;overflow:auto}.import-panel,.recipe-card,.cookbook-row,.planner-header,.plan-row,.metric-strip,.grocery-list{background:#fffaf2;border:1px solid #eee2d0;border-radius:8px}.import-panel{grid-template-columns:auto 1fr;gap:12px;margin-bottom:18px;padding:14px;display:grid}.import-icon{color:#fff;background:#e65e3f;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.import-panel h2,.planner-header h2{margin-bottom:2px;font-size:1.05rem;line-height:1.15}.import-panel p,.recipe-card p,.cookbook-row p,.plan-row p,.muted{color:#756b5f;margin-bottom:0;font-size:.88rem}.import-field{background:#f4eadc;border-radius:8px;grid-column:1/-1;grid-template-columns:1fr 40px;gap:8px;min-height:44px;padding-left:12px;display:grid}.import-field button,.planner-header button{color:#fff;background:#2f8d6a}.share-confirmation,.social-import-list{grid-column:1/-1}.share-confirmation{color:#274a34;background:#eef7ec;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:10px 12px;display:grid}.share-confirmation strong,.social-import-card h3{margin:0;line-height:1.18;display:block}.share-confirmation span{color:#58745f;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;display:block;overflow:hidden}.social-import-list{gap:8px;display:grid}.social-import-card{background:#f4eadc;border-radius:8px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;padding:10px;display:grid}.social-import-card span{color:#2f8d6a;text-transform:uppercase;font-size:.68rem;font-weight:950}.social-import-card h3{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.social-import-card p{color:#756b5f;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:.74rem;font-weight:750;overflow:hidden}.social-import-card a{color:#302920;background:#fffaf2;border-radius:8px;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.section-title{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title h2{margin-bottom:0;font-size:1.18rem}.section-title button{color:#2f8d6a;background:0 0;border:0;font-weight:900}.recipe-list,.stack{gap:10px;display:grid}.recipe-card{grid-template-columns:96px 1fr auto;gap:12px;min-height:118px;padding:10px;display:grid;position:relative}.image-button{background:#eadcc9;border:0;border-radius:8px;align-self:stretch;width:96px;min-height:96px;padding:0;overflow:hidden}.image-button img,.plan-row img,.detail-image-wrap img{object-fit:cover;width:100%;height:100%}.recipe-card-copy{min-width:0}.recipe-meta,.detail-kicker{color:#806f5b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:5px;font-size:.76rem;font-weight:900;display:flex}.recipe-meta span,.detail-kicker span{align-items:center;gap:4px;display:inline-flex}.text-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.recipe-card h3,.cookbook-row h3,.plan-row h3{margin-bottom:3px;font-size:.98rem;line-height:1.16}.tag-row{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.tag-row span{color:#49643b;background:#eef3df;border-radius:999px;padding:4px 7px;font-size:.7rem;font-weight:900}.save-button,.utility-button{color:#b44735;background:#f4eadc;width:38px;height:38px}.bottom-tabs{background:#fffaf2;border-top:1px solid #eee2d0;grid-template-columns:repeat(4,1fr);gap:4px;padding-top:8px;padding-bottom:12px;display:none}.bottom-tabs button{color:#756b5f;gap:2px;min-height:48px;font-size:.68rem;font-weight:850}.bottom-tabs button.active{color:#e65e3f}.metric-strip{grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.metric-strip div{text-align:center;gap:1px;padding:14px 8px;display:grid}.metric-strip div+div{border-left:1px solid #eee2d0}.metric-strip strong{font-size:1.2rem}.metric-strip span{color:#756b5f;font-size:.72rem;font-weight:800}.cookbook-row,.plan-row,.planner-header{align-items:center;gap:12px;padding:12px;display:grid}.cookbook-row{grid-template-columns:84px 1fr 38px}.cover-stack{height:62px;position:relative}.cover-stack img{object-fit:cover;border:2px solid #fffaf2;border-radius:8px;width:48px;height:62px;position:absolute;top:0}.cover-stack img:nth-child(2){left:19px}.cover-stack img:nth-child(3){left:38px}.planner-header{grid-template-columns:1fr 42px}.planner-header button{width:42px;height:42px}.plan-row{grid-template-columns:64px 62px 1fr 38px}.plan-row img{border-radius:8px;width:62px;height:62px}.day-pill{background:#f0e5d5;border-radius:8px;justify-items:center;gap:1px;padding:8px 4px;display:grid}.day-pill strong{font-size:1rem}.day-pill span{color:#756b5f;font-size:.68rem;font-weight:900}.grocery-list{display:grid;overflow:hidden}.grocery-list button{color:#2b2722;text-align:left;text-transform:capitalize;background:0 0;border:0;border-bottom:1px solid #eee2d0;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-height:46px;display:grid}.grocery-list button:last-child{border-bottom:0}.grocery-list button span{border:1px solid #c8b8a3;border-radius:6px;place-items:center;width:22px;height:22px;margin-left:10px;display:grid}.grocery-list button.checked{color:#8b8174;text-decoration:line-through}.grocery-list button.checked span{color:#fff;background:#2f8d6a;border-color:#2f8d6a}.detail-panel{overflow:hidden}.detail-image-wrap{background:#eadcc9;height:320px;position:relative}.detail-close{background:#fffaf2eb;position:absolute;top:16px;right:16px}.detail-copy{padding:26px}.detail-copy h2{max-width:650px;margin-bottom:8px;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.02}.detail-kicker{color:#2f8d6a}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.stat{color:#443a30;background:#f4eadc;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:0 12px;font-weight:900;display:flex}.action-row{flex-wrap:wrap;gap:10px;margin-bottom:26px;display:flex}.primary-button{color:#fff;background:#e65e3f;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:950;display:inline-flex}.two-column{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;display:grid}.two-column h3{margin-bottom:10px;font-size:1.02rem}.ingredient-list,.method-list{gap:9px;margin:0;padding:0;display:grid}.ingredient-list{list-style:none}.ingredient-list li{text-transform:capitalize;align-items:center;gap:8px;display:flex}.ingredient-list svg{color:#2f8d6a;flex:none}.method-list{padding-left:20px}.method-list li{padding-left:5px}@media (width<=900px){body{background:#fbf7ef}.app{min-height:100vh;padding:0;display:block}.phone-frame{width:100%;height:100vh;box-shadow:none;border:0;border-radius:0;position:static}.segment-control{display:none}.bottom-tabs{display:grid}.detail-panel{display:none}}@media (width<=480px){.status-bar,.hero,.screen-content,.bottom-tabs{padding-left:14px;padding-right:14px}.search-row{margin-left:14px;margin-right:14px}.hero h1{font-size:1.55rem}.recipe-card{grid-template-columns:86px 1fr auto}.image-button{width:86px}}
