:root{font-family:UberMoveText,system-ui,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--hue-primary: 215;--saturation-primary: 3%;--hue-second: 215;--saturation-second: 90%;--menuside-color: hsl(var(--hue-primary), var(--saturation-primary), 99%);--background-color: hsl(var(--hue-primary), var(--saturation-primary), 14%);--content-background-color: hsl(var(--hue-primary), var(--saturation-primary), 17%);--content-sec-background-color: hsl(var(--hue-second), var(--saturation-second), 97%);--border-color: hsl(var(--hue-primary), var(--saturation-primary), 45%);--menuside-width: 200px;--title-color: hsl(var(--hue-second), var(--saturation-second), 80%);--hover-color: hsl(var(--hue-primary), var(--saturation-primary), 30%);--button-edit-color: hsl(var(--hue-primary), var(--saturation-primary), 93%);--button-delete-color: hsl(var(--hue-primary), var(--saturation-primary), 93%);--button-hover-color: hsl(var(--hue-primary), var(--saturation-primary), 30%);--adjusting-color: hsl(var(--hue-primary), var(--saturation-primary), 70%);--font-first-color: hsl(var(--hue-primary), var(--saturation-primary), 95%);--font-sec-color: hsl(var(--hue-primary), var(--saturation-primary), 60%);--font-tri-color: hsl(var(--hue-primary), var(--saturation-primary), 40%);--Popup-color: hsl(var(--hue-primary), var(--saturation-primary), 95%, 10%);color-scheme:light dark;color:var(--font-first-color);background-color:var(--background-color)}a{font-weight:500;color:var(--font-sec-color);text-decoration:inherit}a:hover{color:var(--font-color)}body{margin:0;display:flex;min-width:320px;min-height:100vh}input{outline:none;font-family:inherit;font-size:inherit;background:var(--background-color)}select{outline:none;font-family:inherit;font-size:inherit;border-radius:5px;background:var(--background-color)}table{border-collapse:collapse}hr{min-height:1px;width:100%;box-sizing:border-box;border:0;background:var(--border-color)}@media (prefers-color-scheme: light){:root{--hue-primary: 0;--saturation-primary: 0%;--hue-second: 215;--saturation-second: 90%;--menuside-color: hsl(var(--hue-primary), var(--saturation-primary), 99%);--background-color: hsl(var(--hue-primary), var(--saturation-primary), 97%);--content-background-color: hsl(var(--hue-primary), var(--saturation-primary), 100%);--content-sec-background-color: hsl(var(--hue-second), var(--saturation-second), 97%);--border-color: hsl(var(--hue-primary), var(--saturation-primary), 85%);--menuside-width: 200px;--title-color: hsl(var(--hue-second), var(--saturation-second), 80%);--hover-color: hsl(var(--hue-primary), var(--saturation-primary), 90%);--button-hover-color: hsl(var(--hue-primary), var(--saturation-primary), 93%);--adjusting-color: hsl(var(--hue-primary), var(--saturation-primary), 70%);--font-first-color: hsl(var(--hue-primary), var(--saturation-primary), 20%);--font-sec-color: hsl(var(--hue-primary), var(--saturation-primary), 40%);--font-tri-color: hsl(var(--hue-primary), var(--saturation-primary), 60%);--Popup-color: hsl(var(--hue-primary), var(--saturation-primary), 20%, 30%)}}@keyframes clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{position:relative;width:100%;box-sizing:border-box}.lineThrough{text-decoration:line-through}.Button{cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;background:var(--content-background-color);padding:0 15px;margin:3px 0;height:2rem;border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:5px;box-sizing:border-box;transition:.3s;color:var(--font-first-color-color);-webkit-user-select:none;user-select:none}.Button.small{padding:2px 5px;margin:3px 0;white-space:nowrap}.Button.Save{--hue-primary:220 ;--saturation-primary: 100%;color:#fff;background:hsl(var(--hue-primary),var(--saturation-primary),60%)}.Button.Delete{--hue-primary:0 ;--saturation-primary: 100%;color:#fff;background:hsl(var(--hue-primary),var(--saturation-primary),60%)}.Button:hover{background:var(--button-hover-color)}.Button.Save:hover,.Button.Delete:hover{background:var(--content-background-color);color:hsl(var(--hue-primary),var(--saturation-primary),60%)}.loadingCircle{animation:clockwise 1s linear infinite}.ban{cursor:not-allowed}.card{border-radius:.5rem;background:var(--content-background-color);box-sizing:border-box;overflow:hidden}.linkButton{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;padding:12px}.linkButton svg{height:28px;width:28px}.linkButton:hover{background:var(--hover-color)}.linkButton.active{background:var(--hover-color);color:var(--font-color)}.Popup{position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;height:100vh;width:100%;background:var(--Popup-color);z-index:10}.PopupCard{padding:12px;width:95%;max-width:920px;max-height:80vh;background:var(--content-background-color)}.PopupCard input,.PopupCard select{padding:0 5px;height:2rem;width:100%;border-radius:5px;border:1px solid var(--border-color);box-sizing:border-box}.Popup svg{width:20px}.inputError{border:1px solid red!important}.HorizontalStatus.card{cursor:pointer}.HorizontalStatus{display:flex;padding:0;gap:6px}.HorizontalStatus .Status{width:.4rem;height:100%}.HorizontalStatus .content{padding:12px 0}.Status.Pending{width:.4rem;height:100%;background:#e6c419}.Status.Confirm{width:.4rem;height:100%;background:#40bf40}.Status.Delete{width:.4rem;height:100%;background:red}.Status.Cancel{width:.4rem;height:100%;background:#ff8000}.SideMenuToggleContent{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center;left:0;top:0;padding:0 10px;height:100%;z-index:10}.SideMenuToggle{cursor:pointer;display:flex;position:relative;align-items:center;height:100%;transition:.2s ease-in-out}.SideMenuToggle span{cursor:pointer;width:20px;height:3px;background:var(--font-color);border-radius:1px;opacity:1;transition:.2s ease-in-out}.SideMenuToggle:before{content:"";position:absolute;width:10px;height:3px;background:var(--font-color);border-radius:1px;left:0;transform:rotate(45deg) translate(8px,-12px);transition:.2s ease-in-out}.SideMenuToggle:after{content:"";position:absolute;width:10px;height:3px;background:var(--font-color);border-radius:1px;transform:rotate(-45deg) translate(8px,12px);transition:.2s ease-in-out}.SideMenuToggle[data-menu=open]:before{content:"";position:absolute;width:10px;height:3px;background:var(--font-color);border-radius:1px;left:0;transform:rotate(-45deg) translateY(-4px)}.SideMenuToggle[data-menu=open]:after{content:"";position:absolute;width:10px;height:3px;background:var(--font-color);border-radius:1px;transform:rotate(45deg) translateY(4px)}.HeadTitle{display:flex;align-items:center;width:fit-content;height:100%;margin:0 auto;font-size:large;font-weight:bolder}.MainPage{display:flex;flex-direction:column;height:100%;max-width:960px;margin:0 auto}.Header{position:relative;min-height:40px;width:100%;background:var(--content-background-color);box-sizing:border-box}.MainContent{display:flex;height:100%;width:100%}.MenuSide{position:absolute;display:flex;height:100%;width:100px;top:0;left:-40%;background:var(--content-background-color);transition:.2s linear}.MenuSide[data-menu=open]{left:0}.Content{display:flex;flex-direction:column;gap:12px;padding:12px;width:100%;box-sizing:border-box;overflow:hidden}@media (min-width: 960px){.Header{margin:0 auto;width:calc(100% - 24px)}}.Meals{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:12px;overflow:auto}.Meals.card{cursor:pointer;display:flex;border:1px solid var(--border-color);overflow:hidden}.Meals .image{width:5rem;height:5rem}.Meals .image img{width:5rem;height:5rem;object-fit:cover}.Meals>.card:hover{background:var(--hover-color)}.SettingLink{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;max-width:100%;overflow-y:hidden;overflow-x:auto;scrollbar-width:none;-webkit-user-select:none;user-select:none}.Search{display:flex;flex:1;align-items:center;justify-content:flex-start;max-width:50%;background:transparent}.Search>div{display:inline-flex;align-items:center;padding:0 6px;height:2rem;max-width:300px;flex:1;border-radius:2rem;border:1px solid var(--border-color);background:var(--content-background-color);overflow:hidden}.Search input{border:0px;width:100%;background:transparent}.MealList{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:12px;overflow:auto}.MealList>.card{cursor:pointer;display:flex;border:1px solid var(--border-color);overflow:hidden}.MealList>.card .image{width:5rem;height:5rem}.MealList>.card .image img{width:5rem;height:5rem;object-fit:cover}.MealContent{display:flex;justify-content:space-between;flex:1;overflow:hidden}.MealList>.card:hover{background:var(--hover-color)}.MealContent>div{display:flex;flex-direction:column;padding:6px;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.MealContent .Name{font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.MealContent .Descript{font-size:.9rem;color:var(--font-tri-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.MealContent .Ingredient{font-size:.9rem;color:var(--font-sec-color)}.MealContent .Ingredient span:nth-of-type(n+2):before{content:"、"}.SettingContent{max-height:calc(80vh - 200px);display:flex;flex-direction:column;overflow:auto}.Buttons{margin-top:12px}.MealSetting{display:flex;flex-direction:column;gap:12px}.RecipeSetting .Button.Delete{flex:0 30px}.RecipeSettingTitle{display:flex;gap:12px;align-items:center;max-height:1rem}.RecipeSettingTitle>span{flex:1}.RecipeSettingForm>div{display:flex;gap:12px;align-items:center}.RecipeSettingForm input{flex:1}.RecipeSettingForm .inputIngredient{position:relative;display:flex;flex:1;box-sizing:border-box;gap:6px}.RecipeSettingForm .inputIngredient ul{position:absolute;top:1.1rem;left:0;width:100%;list-style-type:none;padding:6px;border-radius:0 0 6px 6px;box-sizing:border-box;border:1px solid var(--border-color);background:var(--background-color);z-index:10}.RecipeSettingForm .inputIngredient li{cursor:default;padding:3px;border-radius:0 0 6px 6px}.RecipeSettingForm .inputIngredient li:hover{background:var(--hover-color)}.RecipeSettingForm .inputUnit{position:relative;display:flex;flex:1;box-sizing:border-box;gap:6px}.RecipeSettingForm .inputUnit span{display:flex;align-items:center;justify-content:center;top:0;right:0;width:1rem;color:var(--font-tri-color)}.Function{display:flex;justify-content:space-between}.AddMeal{min-width:120px}.IngredientList{display:flex;flex-direction:column;gap:12px}.IngredientList>.card{box-shadow:0 0 2px 0 var(--hover-color)}.Ingredients{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,.5fr));gap:12px;padding:12px;overflow:auto}.Ingredients>.card{cursor:pointer;display:flex;border:1px solid var(--border-color);overflow:hidden}.IngredientType{display:flex;align-items:center;font-size:1.1rem;font-weight:700;padding:0 12px;height:2rem;border-bottom:1px solid var(--border-color);background:var(--content-background-color)}.IngredientContent{display:flex;justify-content:space-between;flex:1;overflow:hidden}.IngredientContent>div{display:flex;flex-direction:column;padding:6px;width:100%}.IngredientContent .Name{display:flex;justify-content:space-between;font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.IngredientContent .Descript{font-size:.9rem;color:var(--font-tri-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.IngredientContent .Type{white-space:nowrap;padding-right:10px}.UnitPrice{display:flex;justify-content:space-between;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.UnitPrice .Price{padding-left:3px;width:80px}.UnitPrice .Unit{color:var(--content-background-color);background:var(--adjusting-color)}.IngredientSetting{display:flex;flex-direction:column;gap:12px}.OrderList{display:flex;flex-direction:column;gap:12px;overflow:auto}.OrderList .card{cursor:pointer;display:flex;align-items:center}.OrderList .image{width:5rem;height:5rem}.OrderList .image img{width:5rem;height:5rem;object-fit:cover}.OrderDetailContent{display:flex;height:100%;width:100%}.OrderDetailContent>div{display:flex;flex-direction:column;padding:6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.OrderDetailContent .content{flex:1}.OrderDetailContent .contentQP{justify-content:space-between;align-items:flex-end;color:var(--font-sec-color)}.OrderDetailContent .Name{font-size:1rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.OrderDetailContent .Addition{font-size:.9rem;color:var(--font-sec-color)}.OrderDetail .Meal{display:flex;align-items:center;justify-content:space-between}.OrderDetail .Addition{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:6px;border:1px solid var(--border-color)}.AdditionSetting{display:flex;gap:6px;align-items:center;justify-content:space-between}.AdjustQuantity{display:inline-flex;align-items:center;gap:12px}._content_1829e_1{display:inline-flex;flex-direction:column;margin-top:20%}._Password_1829e_6{margin:0 auto;padding:2px 5px;width:60%;height:1.5rem;border:1px solid var(--border-color);border-radius:5px}._loginButton_1829e_15{width:fit-content;margin:1rem auto}