:root{--bg: #f7f7f5;--panel: #ffffff;--accent: #2e9e6b;--accent-dark: #248055;--missing: #e2663b;--border: #e3e3df;--text: #2a2a28;--muted: #777;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{font-family:inherit}.app{max-width:720px;margin:0 auto;padding:12px 16px calc(96px + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:20;text-align:center;margin:0 -16px 12px;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;background:var(--bg);border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-size:1.6rem}.tagline{color:var(--muted);margin:4px 0 0;font-size:.9rem}.banner-error{background:#fdecea;color:#b3261e;border:1px solid #f5c6c0;padding:10px 14px;border-radius:8px;margin:12px 0}.pantry-note{background:#fff8e6;border:1px solid #f3e0a8;border-radius:10px;padding:10px 14px;font-size:.88rem;color:#6b5b2e;margin:0 0 16px;line-height:1.5}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 12px;font-size:1.1rem}.category{margin-bottom:12px}.category-title{margin:0 0 6px;font-size:.9rem;color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-check{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:#fafafa;cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none}.chip-check input{display:none}.chip-check.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip-check.tag{cursor:default}.chip-check .remove{background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;padding:0 0 0 2px;line-height:1}.free-input{display:flex;gap:8px;margin-bottom:10px}.free-input input{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:1rem}.free-input button{padding:8px 16px;border:1px solid var(--accent);background:#fff;color:var(--accent-dark);border-radius:8px;cursor:pointer}.upload-btn{display:inline-block;padding:10px 16px;background:#fff;border:1px dashed var(--accent);color:var(--accent-dark);border-radius:8px;cursor:pointer}.photo-preview img{max-width:220px;margin-top:10px;border-radius:8px;border:1px solid var(--border)}.hint{font-size:.85rem;color:var(--muted);margin:8px 0 0}.error-text{color:#b3261e;font-size:.85rem}.cuisine-note{font-size:.85rem;color:var(--muted);margin:0 0 10px}.cuisine-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.cuisine-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px;border:2px solid var(--border);border-radius:12px;background:#fafafa;cursor:pointer;font-size:1rem;font-weight:700;color:var(--text);transition:all .15s}.cuisine-btn:hover{border-color:var(--accent)}.cuisine-btn.active{border-color:var(--accent);background:#e6f4ec;color:var(--accent-dark)}.cuisine-emoji{font-size:1.8rem}.people-input{display:flex;align-items:center;gap:8px}.people-input input{width:100px;padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:1.1rem;text-align:right}.people-unit{font-size:1rem}.people-question{margin:10px 0 0;color:var(--missing);font-weight:700;font-size:.9rem}.submit-bar{position:sticky;bottom:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -2px 8px #0000000a}.selected-summary{font-size:.85rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}button.primary{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;cursor:pointer;white-space:nowrap}button.primary:disabled{background:#bcbcbc;cursor:not-allowed}.back{background:none;border:none;color:var(--accent-dark);cursor:pointer;font-size:.9rem;padding:4px 0;margin-bottom:8px}.recipe-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.recipe-card{text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;padding:0;display:flex;flex-direction:column}.recipe-card:hover{border-color:var(--accent)}.recipe-card img{width:100%;height:150px;object-fit:cover}.recipe-card-body{padding:12px}.recipe-card-body h3{margin:0 0 8px;font-size:1rem}.badges{display:flex;gap:6px;margin-bottom:6px}.badge{font-size:.75rem;padding:2px 8px;border-radius:999px}.badge.have{background:#e6f4ec;color:var(--accent-dark)}.badge.missing{background:#fbe9e2;color:var(--missing)}.missing-preview{font-size:.8rem;color:var(--muted);margin:0}.recipe-detail h2{margin:4px 0 12px}.detail-image{width:100%;max-height:320px;object-fit:cover;border-radius:12px}.meta{display:flex;gap:16px;color:var(--muted);font-size:.9rem;margin:10px 0}.recipe-detail section{margin-top:20px}.recipe-detail h3{border-left:4px solid var(--accent);padding-left:8px;margin-bottom:10px}.ingredient-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.ingredient-list li{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#f1f1ef}.ingredient-list li.missing{background:#fbe9e2;color:var(--missing)}.ing-img{width:32px;height:32px;border-radius:6px;object-fit:cover;background:#fff;flex:0 0 auto}.ing-img.placeholder{display:flex;align-items:center;justify-content:center;font-size:.9rem}.ing-name{flex:1;min-width:0}.ing-amount{font-size:.85rem;color:var(--muted);white-space:nowrap}.ingredient-list li.missing .ing-amount{color:var(--missing)}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.step{display:flex;gap:12px;padding:14px 0;border-bottom:1px dashed var(--border)}.step:last-child{border-bottom:none}.step-no{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.step-body{flex:1;min-width:0}.step-text{margin:2px 0 0;line-height:1.7}.step-icons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.step-icons img{width:40px;height:40px;border-radius:6px;object-fit:cover;border:1px solid var(--border);background:#fff}.tag-missing{margin-left:auto;font-size:.7rem;background:var(--missing);color:#fff;padding:1px 6px;border-radius:999px}.shopping-list{list-style:none;padding:0;margin:0}.shopping-list li{padding:8px 12px;border-bottom:1px dashed var(--border)}.all-set{color:var(--accent-dark);font-weight:700}.instructions{white-space:pre-wrap;line-height:1.7}.source a{color:var(--accent-dark)}.rakuten-link{display:inline-block;margin-top:4px;padding:10px 18px;background:#bf0000;color:#fff;border-radius:8px;text-decoration:none;font-weight:700}.rakuten-link:hover{background:#a00000}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 8px}.action-btn{flex:1 1 160px;padding:12px 16px;border:none;border-radius:8px;font-size:1rem;font-weight:700;color:#fff;cursor:pointer}.action-btn:disabled{background:#bcbcbc;cursor:not-allowed}.pdf-btn{background:var(--accent-dark)}.pdf-btn:not(:disabled):hover{background:#1d6644}.line-btn{background:#06c755}.line-btn:not(:disabled):hover{background:#05a948}.pdf-source{margin-top:16px;font-size:.75rem;color:var(--muted);word-break:break-all}.loading,.empty{color:var(--muted);text-align:center;padding:24px}.app-footer{text-align:center;color:var(--muted);font-size:.8rem;padding:24px 0 12px}button,a,.chip-check,.cuisine-btn,.recipe-card{touch-action:manipulation}.panel{box-shadow:0 1px 3px #0000000a}.recipe-card{box-shadow:0 2px 8px #0000000f;transition:box-shadow .15s,transform .08s}.recipe-card:hover{box-shadow:0 4px 14px #0000001a}.recipe-card:active,.cuisine-btn:active,.chip-check:active,button.primary:active,.action-btn:active{transform:scale(.98)}.chip-check{min-height:40px;padding:8px 14px;font-size:.95rem}.free-input input,.people-input input,.free-input button,button.primary,.action-btn,.upload-btn,.cuisine-btn{min-height:44px}.submit-bar{z-index:15;padding-bottom:calc(12px + env(safe-area-inset-bottom))}@media (max-width: 640px){.app-header h1{font-size:1.3rem}.tagline{font-size:.8rem}.panel{padding:14px;border-radius:14px}.panel h2{font-size:1.05rem}.recipe-list{grid-template-columns:1fr;gap:12px}.recipe-card{flex-direction:row}.recipe-card img{width:116px;height:auto;align-self:stretch;object-fit:cover}.recipe-card-body{flex:1;min-width:0}.ingredient-list{grid-template-columns:1fr}.detail-image{max-height:220px}.cuisine-choices{grid-template-columns:repeat(2,1fr)}.submit-bar{flex-direction:column;align-items:stretch;gap:8px}button.primary{width:100%}.detail-actions{flex-direction:column}.action-btn{flex:1 1 auto;width:100%}.rakuten-link{display:block;text-align:center}}