.t-header{margin:auto;height:80px;max-width:590px;font-family:Inter,sans-serif;background-color:#fff;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;align-items:center;justify-content:center;gap:11px}.t-header img{width:50px}.t-header h1{font-weight:400}.add-ingredient-form{box-sizing:border-box;padding:20px 30px 10px;font-family:Inter,sans-serif}.add-ingredient-form form{display:flex;justify-content:center;gap:12px}.add-ingredient-form form input{border-radius:6px;border:1px solid #d1d5db;padding:9px 13px;box-shadow:0 1px 2px #0000000d;flex-grow:1;min-width:150px;max-width:400px}.add-ingredient-form form button{width:150px;border-radius:6px;border:none;font-size:.875rem;background-color:#141413;color:#fafafb}.add-ingredient-form form button:before{content:"+";margin-right:5px}.ingredient-list{max-width:590px;margin:auto;padding:0 30px;font-family:Inter,sans-serif}.ingredient-list ul li{color:#6b7280;line-height:19px;padding-block:5px}.ingredient-list .recipe{border-radius:8px;background-color:#f0efeb;padding:10px 28px;display:flex;justify-content:space-between;align-items:center}.ingredient-list .recipe .description h3{font-size:1.125rem;font-weight:500;line-height:24px}.ingredient-list .recipe .description p{color:#6b7280;font-size:.825rem;line-height:20px}.ingredient-list .recipe .generate-button{border-radius:6px;border:none;background-color:coral;color:#fff;padding:10px}.chef-ai-recipe{max-width:590px;margin:auto;padding:10px 30px;font-family:Inter,sans-serif}.chef-ai-recipe div{background-color:#f0efeb;padding:10px 28px;border-radius:8px}.login-page{height:100vh;background-color:#f2f4f7;display:flex;flex-direction:row;justify-content:center;align-items:center}.login-container{border:none;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a,0 8px 16px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 20px}.login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.login-form input{border:1px solid #dddfe2;border-radius:6px;font-size:17px;padding:14px 16px}.login-form input:focus{border:1px solid #1877f2;outline:none}.login-form button{width:100%;border:none;border-radius:6px;background-color:#1877f2;color:#fff;font-size:20px;line-height:48px}.hr-text{width:100%;line-height:1em;position:relative;outline:none;border:none;text-align:center;height:1.5em;opacity:.75}.hr-text:before{content:"";background:linear-gradient(to right,transparent,#818078,transparent);position:absolute;left:0;top:50%;width:100%;height:1px}.hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#818078;background-color:#fff;padding:0 .5em;line-height:1.5em}.login-with-google-btn{transition:background-color .3s,box-shadow .3s;padding:12px 16px 12px 42px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:14px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(https://lh3.googleusercontent.com/COxitqgJr1sJnIDe8-jiKhxDx1FrYbtRHKJ9z_hELisAlapwE9LUPh6fcXIfb5vwpbMl4xl9H9TRFPc5NOO8Sb3VSgIBrfRYvW6cUA);background-size:22px 22px;background-color:#fff;background-repeat:no-repeat;background-position:12px 11px}.login-with-google-btn:hover{box-shadow:0 -1px #0000000a,0 2px 4px #00000040}.login-with-google-btn:active{background-color:#eee}.login-with-google-btn:focus{outline:none;box-shadow:0 -1px #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc}.login-with-google-btn:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;cursor:not-allowed}.waiting{background:linear-gradient(-45deg,#0080ff,#004992,#0080ff);background-size:400% 400%;animation:Gradient 2.5s ease infinite;cursor:default}@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-o-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.learning-material-list{max-width:590px;margin:auto;padding:0 30px;font-family:Inter,sans-serif}.learning-material-list .material-list input{width:0;height:0;opacity:0}.learning-material-list .material-list label{padding:0;display:flex;justify-content:center}.learning-material-list .material-list label .input-area{border:1px dashed;border-color:#6b7280;border-radius:16px;padding:1rem}.learning-material-list .material-list label .input-area .input-symbol{min-height:8rem;min-width:8rem;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.3'%20d='M21%2012C21%2016.9706%2016.9706%2021%2012%2021C7.02944%2021%203%2016.9706%203%2012C3%207.02944%207.02944%203%2012%203C16.9706%203%2021%207.02944%2021%2012Z'%20fill='%23323232'/%3e%3cpath%20d='M9%2012H15'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12%209L12%2015'%20stroke='white'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;background-size:contain;background-origin:content-box}.learning-material-list .material-list label .input-area ul{margin:8px 0}.learning-material-list .material-list label .input-area ul li{color:#6b7280;line-height:19px;padding-block:5px}.learning-material-list .prompt{margin-top:10px;padding:10px 28px;display:flex;justify-content:center;align-items:center}.learning-material-list .prompt .generate-button{border-radius:6px;border:none;background-color:coral;color:#fff;padding:10px}.fade-out-left{animation:fadeOutLeft .5s 1}.fade-in-left{animation:fadeInLeft .5s 1}.fade-out-right{animation:fadeOutRight .5s 1}.fade-in-right{animation:fadeInRight .5s 1}@-moz-keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@-webkit-keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@-o-keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@-moz-keyframes fadeInLeft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@-o-keyframes fadeInLeft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20%)}to{opacity:1;transform:translate(0)}}@-moz-keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}@-webkit-keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}@-o-keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}@keyframes fadeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20%)}}@-moz-keyframes fadeInRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}@-o-keyframes fadeInRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20%)}to{opacity:1;transform:translate(0)}}.flash-card-deck{position:relative;max-width:590px;margin:auto;padding:10px 30px;font-family:Inter,sans-serif}.flash-card-deck .control{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1001}.flash-card-deck .control:hover{opacity:1!important}.flash-card-deck .control .button{position:absolute;top:50%;width:3rem;height:3rem;transform:translateY(-50%);border-radius:50%;background-color:#0000003d}.flash-card-deck .control .button:after{content:" ";position:absolute;width:10px;height:10px;top:50%;border-right:2px solid #fff;border-bottom:2px solid #fff}.flash-card-deck .control .prev{left:0}.flash-card-deck .control .prev:after{left:54%;transform:translate(-50%,-50%) rotate(135deg)}.flash-card-deck .control .next{right:0}.flash-card-deck .control .next:after{left:47%;transform:translate(-50%,-50%) rotate(-45deg)}.flash-card-deck .control .button-export{position:absolute;padding:.4rem;cursor:pointer;border-radius:6px;color:#fff;top:0;right:0;transform:translate(-70%,60%);background-color:#0000003d}.flash-card-deck .control .button-save{position:absolute;padding:.4rem;cursor:pointer;border-radius:6px;color:#fff;top:0;right:0;transform:translate(-220%,60%);background-color:#0000003d}.flip-card.flipped{transform:rotateY(180deg)}.flip-card{perspective:1000px;width:auto;height:300px;transform-style:preserve-3d;transition:transform .5s;box-shadow:0 30px 50px #bdbdbd}.flip-card div{width:100%;height:100%;position:absolute;backface-visibility:hidden;box-sizing:border-box;padding:50px;overflow-y:auto;--can-scroll: 0;animation:detect-scroll;animation-timeline:scroll(self)}.flip-card div p{-webkit-user-select:none;user-select:none;color:#1e90ff}.flip-card .back{background-color:#1e90ff;transform:rotateY(180deg)}.flip-card .back p{color:#fff}@-moz-keyframes detect-scroll{0%,to{overflow-y:hidden;--can-scroll: 1}}@-webkit-keyframes detect-scroll{0%,to{overflow-y:hidden;--can-scroll: 1}}@-o-keyframes detect-scroll{0%,to{overflow-y:hidden;--can-scroll: 1}}@keyframes detect-scroll{0%,to{overflow-y:hidden;--can-scroll: 1}}.playground{width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}