*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:Noto Sans CJK JP,sans-serif;background-color:var(--color44);color:var(--color11);touch-action:manipulation;-ms-touch-action:manipulation;overflow:hidden}html,body{overscroll-behavior:none}input,textarea{touch-action:manipulation}.container{margin:0 auto;padding:0 24px;flex:1;display:flex;flex-direction:column;overflow:hidden}.contents{overflow-y:scroll;height:calc(100vh - 14rem);-ms-overflow-style:none;scrollbar-width:none}.content::-webkit-scrollbar{display:none}@supports (-webkit-touch-callout: none){.contents{padding-bottom:80px}}.title-section{margin-bottom:16px}.title-section input{width:100%;padding:8px;font-size:16px;border:1px solid var(--color23);border-radius:8px}.buttons{display:flex;gap:8px;margin-bottom:16px}button{font-family:inherit}input{font-family:Noto Sans CJK JP,sans-serif}input::placeholder{font-family:Noto Sans CJK JP,sans-serif;color:var(--color43);font-size:14px;font-weight:400}.btn{flex:1;padding:12px;border:none;font-size:16px;border-radius:8px;background-color:var(--color28);box-shadow:0 2px 4px var(--color2);color:var(--color11)}.start-btn,.start-btn-area,.meal-list{margin-bottom:2vh!important}.fab{bottom:9vh!important}.fixed-button-container{bottom:12vh!important}::-webkit-scrollbar{display:none!important}:root{--color1: #4B130429;--color2: #0000001A;--color3: #4B13044D;--color4: #00000066;--color5: #4B130499;--color6: #FFFFFFE6;--color7: #9A2C1652;--color8: #000000;--color9: #244ec4;--color10: #254be1;--color11: #4b1304;--color12: #5c5c5c;--color13: #888888;--color14: #9a2c16;--color15: #9a2c26;--color16: #a55236;--color17: #41579d;--color18: #443a3a;--color19: #797979;--color20: #c0c0c0;--color21: #c11b1b;--color22: #dfcfbf;--color23: #dddddd;--color24: #e4d3c4;--color25: #e8504b;--color26: #f9e8dc;--color27: #f9f9f9;--color28: #ffffff;--color29: #0000ff;--color30: #aaaaaa;--color31: #404040;--color32: #833d2c;--color33: #f9f3ee;--color34: #e84c28;--color35: #f3f3f3;--color36: #009879;--color37: #e0cfc6;--color38: #00000033;--color39: #FFFFFF00;--color40: #00000080;--color41: #00000029;--color42: #9A2C1642;--color43: #7e7e7e;--color44: #f6ebe1;--color45: #fbf6f2}@font-face{font-family:Noto Sans CJK JP;font-style:normal;font-weight:500;src:url("./media/NotoSansJP-Medium-6EW57IEC.ttf") format("truetype")}