*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;background:#f9fafb;min-height:100dvh;overscroll-behavior:none}#root{min-height:100dvh}.tab-active{border-bottom:3px solid #16a34a;color:#16a34a;font-weight:700}.recipe-card{transition:transform .15s,box-shadow .15s}.recipe-card:active{transform:scale(.98)}.badge-can-make{background:#dcfce7;color:#166534}.badge-almost{background:#fef9c3;color:#854d0e}.ingredient-chip{display:inline-flex;align-items:center;gap:4px;background:#f0fdf4;border:1px solid #86efac;border-radius:20px;padding:3px 10px;font-size:13px;margin:3px}.ingredient-chip.missing{background:#fef2f2;border-color:#fca5a5;color:#991b1b}input:focus{outline:2px solid #16a34a;outline-offset:-2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;display:flex;align-items:flex-end;padding:0}@media (min-width: 640px){.modal-backdrop{align-items:center;padding:16px}}.modal-box{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:92dvh;overflow-y:auto;box-shadow:0 -4px 30px #0003}@media (min-width: 640px){.modal-box{border-radius:16px;max-width:560px;max-height:85dvh}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-top{padding-top:env(safe-area-inset-top)}