body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e8dcc6,#b8e6c1 50%,#d4c4a8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,.homepage{min-height:100vh}.homepage{animation:gradient-shift 15s ease infinite;background:linear-gradient(135deg,#e8dcc6,#b8e6c1 30%,#d4c4a8 60%,#e8dcc6);background-size:400% 400%;overflow-x:hidden;padding:2rem;position:relative}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.homepage-header{margin-bottom:3rem;padding-top:2rem;text-align:center}.main-title{color:#5a7a4a;font-size:3rem;font-weight:600;margin-bottom:1.5rem;text-shadow:2px 2px 4px #ffffff80}@keyframes title-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.decorative-elements{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.decorative-image{animation:float-rotate 4s ease-in-out infinite;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2));height:120px;object-fit:contain;width:120px}.decorative-image.turtle-image{animation-delay:0s;cursor:pointer;position:relative;transition:transform .1s;z-index:10}.decorative-image.turtle-image:hover{transform:scale(1.1)}.homepage:has(.turtle-image:hover){animation:crazy-flash .15s infinite;background-size:400% 400%!important}@keyframes crazy-flash{0%{background:linear-gradient(135deg,red,#0f0 50%,#00f)}2%{background:linear-gradient(135deg,#ff0,#f0f 50%,#0ff)}4%{background:linear-gradient(135deg,#ff0080,#80ff00 50%,#0080ff)}6%{background:linear-gradient(135deg,#ff8000,#00ff80 50%,#8000ff)}8%{background:linear-gradient(135deg,#0f0,red 50%,#00f)}10%{background:linear-gradient(135deg,#f0f,#0ff 50%,#ff0)}12%{background:linear-gradient(135deg,#8000ff,#ff8000 50%,#00ff80)}14%{background:linear-gradient(135deg,#ff0080,#80ff00 50%,#0080ff)}16%{background:linear-gradient(135deg,#0ff,#f0f 50%,#ff0)}18%{background:linear-gradient(135deg,red,#0f0 50%,#00f)}20%{background:linear-gradient(135deg,#ff0,#f0f 50%,#0ff)}22%{background:linear-gradient(135deg,#ff8000,#00ff80 50%,#8000ff)}24%{background:linear-gradient(135deg,#0080ff,#ff0080 50%,#80ff00)}26%{background:linear-gradient(135deg,#0f0,red 50%,#00f)}28%{background:linear-gradient(135deg,#f0f,#0ff 50%,#ff0)}30%{background:linear-gradient(135deg,#8000ff,#ff8000 50%,#00ff80)}32%{background:linear-gradient(135deg,#ff0080,#80ff00 50%,#0080ff)}34%{background:linear-gradient(135deg,#0ff,#f0f 50%,#ff0)}36%{background:linear-gradient(135deg,red,#0f0 50%,#00f)}38%{background:linear-gradient(135deg,#ff0,#f0f 50%,#0ff)}40%{background:linear-gradient(135deg,#ff8000,#00ff80 50%,#8000ff)}42%{background:linear-gradient(135deg,#0080ff,#ff0080 50%,#80ff00)}44%{background:linear-gradient(135deg,#0f0,red 50%,#00f)}46%{background:linear-gradient(135deg,#f0f,#0ff 50%,#ff0)}48%{background:linear-gradient(135deg,#8000ff,#ff8000 50%,#00ff80)}50%{background:linear-gradient(135deg,#ff0080,#80ff00 50%,#0080ff)}52%{background:linear-gradient(135deg,#0ff,#f0f 50%,#ff0)}54%{background:linear-gradient(135deg,red,#0f0 50%,#00f)}56%{background:linear-gradient(135deg,#ff0,#f0f 50%,#0ff)}58%{background:linear-gradient(135deg,#ff8000,#00ff80 50%,#8000ff)}60%{background:linear-gradient(135deg,#0080ff,#ff0080 50%,#80ff00)}62%{background:linear-gradient(135deg,#0f0,red 50%,#00f)}64%{background:linear-gradient(135deg,#f0f,#0ff 50%,#ff0)}66%{background:linear-gradient(135deg,#8000ff,#ff8000 50%,#00ff80)}68%{background:linear-gradient(135deg,#ff0080,#80ff00 50%,#0080ff)}70%{background:linear-gradient(135deg,#0ff,#f0f 50%,#ff0)}72%{background:linear-gradient(135deg,red,#0f0 50%,#00f)}74%{background:linear-gradient(135deg,#ff0,#f0f 50%,#0ff)}76%{background:linear-gradient(135deg,#ff8000,#00ff80 50%,#8000ff)}78%{background:linear-gradient(135deg,#0080ff,#ff0080 50%,#80ff00)}80%{background:linear-gradient(135deg,#0f0,red 50%,#00f)}82%{background:linear-gradient(135deg,#f0f,#0ff 50%,#ff0)}84%{background:linear-gradient(135deg,#8000ff,#ff8000 50%,#00ff80)}86%{background:linear-gradient(135deg,#ff0080,#80ff00 50%,#0080ff)}88%{background:linear-gradient(135deg,#0ff,#f0f 50%,#ff0)}90%{background:linear-gradient(135deg,red,#0f0 50%,#00f)}92%{background:linear-gradient(135deg,#ff0,#f0f 50%,#0ff)}94%{background:linear-gradient(135deg,#ff8000,#00ff80 50%,#8000ff)}96%{background:linear-gradient(135deg,#0080ff,#ff0080 50%,#80ff00)}98%{background:linear-gradient(135deg,#0f0,red 50%,#00f)}to{background:linear-gradient(135deg,#e8dcc6,#b8e6c1 30%,#d4c4a8 60%,#e8dcc6)}}.decorative-image.smiski-image{animation-delay:1.3s}.decorative-image.stardew-image{animation-delay:2.6s}@keyframes float-rotate{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(-5deg)}50%{transform:translateY(-10px) rotate(0deg)}75%{transform:translateY(-20px) rotate(5deg)}}.content-section{margin:0 auto;max-width:1200px}.welcome-card{animation:card-enter .6s ease-out;background:#fffffff2;border:5px solid #d4c4a8;border-radius:25px;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem;padding:2.5rem;text-align:center}@keyframes card-enter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.welcome-card h2{color:#7fb069;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.welcome-card p{color:#a68b5b;font-size:1.3rem;font-weight:400}.feature-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.feature-card{animation:card-enter .8s ease-out;animation-fill-mode:both;background:#fffffff2;border:4px solid;border-radius:20px;box-shadow:0 8px 25px #0000004d;padding:2rem;text-align:center;transition:transform .3s,box-shadow .3s}.feature-card:first-child{animation-delay:.1s;border-color:#a8d5ba}.feature-card:nth-child(2){animation-delay:.2s;border-color:#d4c4a8}.feature-card:nth-child(3){animation-delay:.3s;border-color:#b8e6c1}.feature-card:hover{box-shadow:0 12px 35px #0006;transform:translateY(-10px) scale(1.05)}.card-emoji{animation:wiggle 3s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.feature-card h3{color:#7fb069;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#a68b5b;font-size:1.1rem;font-weight:400;line-height:1.6}.action-section{margin-bottom:3rem;text-align:center}.shopping-button{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#a8d5ba,#b8e6c1);border:4px solid #d4c4a8;border-radius:20px;box-shadow:0 8px 25px #0000001a;color:#5a7a4a;cursor:pointer;font-size:1.5rem;font-weight:600;padding:1.5rem 3rem;transition:transform .2s,box-shadow .2s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.shopping-button:hover{box-shadow:0 12px 35px #0006;transform:scale(1.1)}.shopping-button:active{transform:scale(1.05)}.fun-footer{background:#ffffffe6;border:4px solid #d4c4a8;border-radius:20px;box-shadow:0 5px 20px #0000001a;padding:2rem;text-align:center}.fun-footer p{color:#7fb069;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.floating-emojis{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.footer-image{animation:float 3s ease-in-out infinite;height:60px;object-fit:contain;width:60px}.footer-image:first-of-type{animation-delay:0s}.footer-image:nth-of-type(2){animation-delay:.6s}.footer-image:nth-of-type(3){animation-delay:1.2s}.floating-emojis span{animation:float 3s ease-in-out infinite;font-size:2rem}.floating-emojis span:first-of-type{animation-delay:1.8s}.floating-emojis span:nth-of-type(2){animation-delay:2.4s}.back-button{background:linear-gradient(135deg,#d4c4a8,#b8e6c1);border:3px solid #a8d5ba;border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#5a7a4a;cursor:pointer;font-size:1.1rem;font-weight:600;left:1rem;padding:1rem 1.5rem;position:fixed;top:1rem;transition:transform .2s;z-index:1000}.back-button:hover{transform:scale(1.1)}@media (max-width:768px){.main-title{font-size:2rem}.decorative-image{height:80px;width:80px}.feature-cards{grid-template-columns:1fr}.shopping-button{font-size:1.2rem;padding:1.2rem 2rem}}.shopping-list-container{align-items:center;background:linear-gradient(135deg,#e8dcc6,#b8e6c1 50%,#d4c4a8);display:flex;flex-direction:column;min-height:100vh;padding:2rem}.login-box{animation:bounce-in .6s ease-out;background:#fffffff2;border:5px solid #d4c4a8;border-radius:30px;box-shadow:0 10px 40px #0000001a;margin-top:5rem;max-width:400px;padding:3rem;text-align:center}@keyframes bounce-in{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.turtle-image-login{animation:float 3s ease-in-out infinite;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.2));height:120px;margin:0 auto 1rem;object-fit:contain;width:120px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-box h2{color:#7fb069;font-size:2rem;font-weight:600;margin-bottom:.5rem}.login-subtitle{color:#a68b5b;font-size:1.1rem;margin-bottom:1.5rem}.password-input{border:3px solid #d4c4a8;border-radius:15px;box-sizing:border-box;font-size:1.2rem;margin-bottom:1rem;padding:1rem;width:100%}.password-input:focus{border-color:#a8d5ba;box-shadow:0 0 10px #a8d5ba80;outline:none}.login-button{background:linear-gradient(135deg,#a8d5ba,#b8e6c1);border:none;border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#5a7a4a;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.login-button:hover{box-shadow:0 7px 20px #0000004d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.error-message{color:#d32f2f;font-size:1rem;font-weight:700;margin-top:1rem}.shopping-list-header{align-items:center;background:#ffffffe6;border:4px solid #d4c4a8;border-radius:20px;box-shadow:0 5px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;max-width:800px;padding:1.5rem;width:100%}.shopping-list-header h1{color:#7fb069;font-size:2rem;font-weight:600;margin:0}.logout-button{background:linear-gradient(135deg,#d4c4a8,#b8e6c1);border:none;border-radius:12px;color:#5a7a4a;cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:transform .2s}.logout-button:hover{transform:scale(1.05)}.add-item-form{display:flex;gap:1rem;margin-bottom:2rem;max-width:800px;width:100%}.item-input{border:3px solid #d4c4a8;border-radius:15px;flex:1 1;font-size:1.1rem;padding:1rem}.item-input:focus{border-color:#a8d5ba;box-shadow:0 0 10px #a8d5ba80;outline:none}.add-button{background:linear-gradient(135deg,#a8d5ba,#b8e6c1);border:none;border-radius:15px;color:#5a7a4a;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:transform .2s;white-space:nowrap}.add-button:hover{transform:scale(1.05)}.items-list{display:flex;flex-direction:column;gap:1rem;max-width:800px;width:100%}.item-card{align-items:center;animation:slide-in .3s ease-out;background:#fffffff2;border:3px solid #d4c4a8;border-radius:15px;box-shadow:0 3px 10px #0000001a;display:flex;justify-content:space-between;padding:1.5rem;transition:transform .2s,box-shadow .2s}@keyframes slide-in{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.item-card:hover{box-shadow:0 5px 15px #0000004d;transform:translateX(5px)}.item-card.completed{background:#c8c8c880;opacity:.6}.item-card.completed .item-text{color:#666;text-decoration:line-through}.item-content{align-items:center;display:flex;flex:1 1;gap:1rem}.item-checkbox{accent-color:#a8d5ba;cursor:pointer;height:25px;width:25px}.item-text{color:#7fb069;font-size:1.2rem;font-weight:500}.delete-button{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:transform .2s}.delete-button:hover{transform:scale(1.2) rotate(10deg)}.empty-state{background:#ffffffe6;border:4px dashed #d4c4a8;border-radius:20px;padding:3rem;text-align:center}.smiski-image-empty{animation:wiggle 2s ease-in-out infinite;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.15));height:150px;margin:0 auto 1rem;object-fit:contain;width:150px}@keyframes wiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.empty-state p{color:#7fb069;font-size:1.3rem;font-weight:600}
/*# sourceMappingURL=main.01543f0d.css.map*/