.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fef6df;border-bottom:1px solid #e0e0e0}.header-logo{display:flex;align-items:center;gap:.5rem;cursor:pointer}.header-logo1{height:50px;cursor:pointer}.header-logo2{height:40px;cursor:pointer}.header-right{display:flex;align-items:center;gap:.5rem;font-size:1rem;cursor:pointer}.header-pro{width:60px;height:60px;border:1px solid black;border-radius:50%;cursor:pointer}.header-username{cursor:pointer}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1rem}.footer-btn{display:flex;justify-content:center;gap:2rem;margin-bottom:.5rem}.footer-btn1{background-color:#96c95f;color:#fff;padding:.8rem;font-size:1.1rem;border:none;border-radius:9999px;font-weight:600;margin-bottom:5rem;width:150px;cursor:pointer}.footer-btn1:hover{background-color:#7fb14a}.footer-btn2{background-color:#96c95f;color:#fff;padding:.8rem;font-size:1.1rem;border:none;border-radius:9999px;font-weight:600;margin-bottom:5rem;width:150px;cursor:pointer}.footer-btn2:hover{background-color:#7fb14a}.footer-text{text-Align:center;padding:1rem;font-Size:.9rem;color:#999}.intro-background{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fef6df;text-align:center;padding:1rem}.intro-header{margin-bottom:2.5rem}.intro-logo{width:300px;height:auto}.intro-explanation{font-size:1.1rem;color:#777;font-family:Noto Sans KR,sans-serif}.intro-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px}.intro-login{background-color:#96c95f;color:#fff;padding:.8rem;font-size:1.1rem;border:none;border-radius:9999px;font-weight:600;cursor:pointer}.intro-login:hover{background-color:#7fb14a}.intro-signup{background-color:transparent;color:#96c95f;padding:.8rem;font-size:1.1rem;border:2px solid #96c95f;border-radius:9999px;font-weight:600;margin-bottom:5rem;cursor:pointer}.intro-signup:hover{background-color:#f6fff0}.intro-bottom{width:100%;text-align:center;font-size:1rem;color:#777;font-family:Noto Sans KR,sans-serif}html,body,#root{height:100%;margin:0}.login-background{background-color:#fef6df;height:100vh;display:flex;justify-content:center;align-items:center}.login-container{justify-content:center;display:flex;flex-direction:column;gap:15px;align-items:center;max-width:20vw;padding:40px;max-width:400px;width:100%;border:1px solid #ccc;border-radius:15px;background-color:#fff}.login-container h2{text-align:center}.login-container input{display:block;margin-bottom:10px;width:100%;padding:10px;font-size:16px}.login-container button{padding:10px 20px;width:100%;font-size:16px;margin-top:10px;cursor:pointer;background-color:#7fb14a;color:#fff;border:none;border-radius:8px}.login-container p{margin-top:20px;text-align:center}.signup-link{color:#000;font-size:.9rem;margin-top:1rem;cursor:pointer;text-decoration:underline}.signup-link:hover{color:#444}body{margin:0;background-color:#fef6df}.family-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fef6df;padding:1rem}.family-container{background:#fff;padding:2rem;border-radius:1rem;width:100%;max-width:420px;box-shadow:0 0 10px #0000001a;text-align:center}.family-title{margin-bottom:1.5rem;font-size:1.5rem}.family-label{font-weight:500;margin:1.5rem 0 .5rem;text-align:left}.family-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:.5rem}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.family-row{display:flex;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.family-btn{padding:10px 20px;width:100%;font-size:16px;margin-top:10px;cursor:pointer;background-color:#7fb14a;color:#fff;border:none;border-radius:8px}.family-btn.selected{background-color:#628937}.family-submit{background-color:#7fb14a;color:#fff;font-size:1.1rem;font-weight:700;padding:.8rem;border:none;border-radius:.6rem;margin-top:1rem;cursor:pointer;width:100%}.family-error{margin-top:1rem;color:#c74a4a;font-weight:500}.family-code{margin-top:1rem;font-size:1.1rem;color:#333}.family-home{padding:10px 20px;width:100px;font-size:16px;margin-top:10px;cursor:pointer;background-color:#719f3f;color:#fff;border:none;border-radius:1000px}.join-wrapper{background-color:#fef6df;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.join-container{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%;text-align:center}.join-title{font-size:1.8rem;margin-bottom:2rem;font-weight:700}.join-input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem}.join-button{background-color:#86b74b;color:#fff;font-size:1rem;padding:.75rem;width:100%;border:none;border-radius:.5rem;font-weight:700;cursor:pointer;transition:background-color .3s}.join-button:hover{background-color:#6da53e}.join-error{color:#e74c3c;margin-top:1rem;font-size:.95rem}.home-container{position:relative;width:100%;max-width:800px;margin:0 auto;text-align:center}.point-display{margin-bottom:16px;font-size:18px}.plant-scene{position:relative;width:300px;height:300px;margin:0 auto}.window-bg{position:absolute;top:100%;left:50%;width:200%;height:200%;object-fit:cover;border-radius:12px;transform:translate(-50%,-50%);z-index:1}.plant-img{position:absolute;left:50%;transform:translate(-50%);z-index:2;transition:bottom .3s ease,width .3s ease}.plant-stage1,.plant-stage2{bottom:-300px;width:160px}.plant-stage3{bottom:-270px;width:180px}.plant-stage4{bottom:-270px;width:200px}.shake{animation:shake .5s}@keyframes shake{0%{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(3deg)}50%{transform:translate(-50%) rotate(-3deg)}75%{transform:translate(-50%) rotate(2deg)}to{transform:translate(-50%) rotate(0)}}.drop{position:absolute;top:250px;left:50%;font-size:32px;z-index:3;animation:dropAnim 1s ease-out}@keyframes dropAnim{0%{transform:translate(-50%,-20px);opacity:0}50%{opacity:1;transform:translate(-50%,10px)}to{transform:translate(-50%,40px);opacity:0}}.water-btn{margin-top:16px;margin-bottom:400px;padding:.8rem;font-size:1.1rem;font-weight:450;background-color:#4caf50;color:#fff;border:none;border-radius:1000px;width:150px;cursor:pointer;position:relative;z-index:3;bottom:-345px}.water-btn:hover{background-color:#3b8a3e}.profile-wrapper{min-height:100vh;background-color:#fef6df;display:flex;flex-direction:row;align-items:center;padding:2rem}.profile-container{display:flex;justify-content:space-between;width:80%;max-width:900px;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 0 10px #0000001a}.profile-left,.profile-right{flex:1}.profile-left{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-user,.profile-member{width:100px;height:100px;border:1px solid black;border-radius:50%;cursor:pointer}.profile-img{width:100px;height:100px;border-radius:50%;border:2px solid black;display:flex;align-items:center;justify-content:center;font-size:2rem;background:#ff0}.profile-info{text-align:center}.profile-name{font-weight:700;font-size:1.1rem}.profile-email{color:#444;font-size:.9rem}.profile-btn1{background-color:#96c95f;color:#fff;padding:.8rem;font-size:1.1rem;border:none;border-radius:9999px;font-weight:600;margin-bottom:2px;width:150px;cursor:pointer}.profile-btn1:hover{background-color:#7fb14a}.profile-btn2{background-color:#96c95f;color:#fff;padding:.8rem;font-size:1.1rem;border:none;border-radius:9999px;font-weight:600;margin-bottom:5rem;width:150px;cursor:pointer}.profile-btn2:hover{background-color:#7fb14a}.profile-right{padding-left:2rem;border-left:2px solid #378}.profile-code{display:flex;flex-direction:row}.profile-copy{display:flex;text-align:center;align-items:center;justify-content:center;width:110px;height:35px;background-color:#96c95f;color:#fff;padding:.8rem;font-size:.7rem;border:none;border-radius:1000px;font-weight:600;margin-left:1rem;cursor:pointer}.profile-members{display:flex;flex-direction:row;gap:1.5rem}.profile-member{display:flex;align-items:center;gap:1rem}.profile-out{width:70px;height:35px;background-color:#96c95f;color:#fff;padding:.8rem;font-size:.5rem;border:none;border-radius:1000px;font-weight:600;margin-left:1rem;cursor:pointer}