:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{width:100%;height:100%;margin:0;padding:0;display:flex;justify-content:center;align-items:center}.shared-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shared-header{display:flex;padding:17px}.shared-back{position:absolute;left:15px;width:20px;height:auto;cursor:pointer}.shared-title{color:#000;font-size:14px;font-weight:700;margin:0}.shared-wrapper{display:flex;justify-content:space-between;width:100%;min-height:20px}.error-text{margin:0;color:red;font-size:11px;visibility:visible}.error-text.show{visibility:visible}.verify-button,.resend-button{background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:8px 15px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.verify-button:hover,.resend-button:hover{background-color:#333}.verify-button:focus,.resend-button:focus{outline:none}.next-step-button{position:absolute;bottom:50px;width:70%;background-color:#000;color:#fff;font-size:1rem;font-weight:700;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.next-step-button:hover{background-color:#333}.next-step-button:disabled{background-color:#ccc;cursor:not-allowed}.next-step-button:focus{outline:none}.landing-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;background-image:linear-gradient(to bottom,#fff6,#000c),url(/images/landing-bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-login{position:absolute;top:15px;right:15px;background-color:#000;color:#fff;font-size:.8rem;font-weight:700;padding:6px 16px;border:none;border-radius:8px;cursor:pointer}.landing-login:hover{background-color:#333}.landing-content{position:relative;text-align:center}.landing-logo{width:170px;height:auto;margin-bottom:10px}.landing-text{color:#fff;font-size:1rem;margin-bottom:30px}.landing-signup{width:100%;background-color:#fff;color:#000;font-size:1.1rem;font-weight:700;padding:16px 25px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.landing-signup:hover{background-color:#000;color:#fff;font-weight:700}.landing-login:focus,.landing-signup:focus{outline:none}.login-logo{margin-top:290px;width:130px;height:auto;margin-bottom:40px}.login-content{width:70%;position:relative;display:flex;flex-direction:column;gap:10px}.input-label{margin-top:10px;color:#000;font-size:14px;font-weight:700}.input-field{background-color:#fafafa;color:#000;font-size:14px;padding:14px;border:1px solid #DBDBDB;border-radius:8px;width:90%}.input-field:focus{outline:none}.PW-content{position:relative}.PW-toggle{width:17px;height:auto;position:absolute;right:13px;top:50%;transform:translateY(-50%);cursor:pointer}.PW-forgot{text-align:right;color:#000;font-size:13px;cursor:pointer;margin-top:1px}.login-button{margin-top:15px;background-color:#000;color:#fff;font-size:1rem;font-weight:700;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.login-button:hover{background-color:#333}.login-button:focus{outline:none}.login-signup-text{position:absolute;color:#000;font-size:14px;bottom:25px}.login-signup-link{font-weight:700;cursor:pointer}.signup-logo{margin-top:250px;width:130px;height:auto;margin-bottom:5px}.signup-text{color:#6d6d6d;font-size:14px;font-weight:700;margin-bottom:25px}.valid-check{width:15px;height:auto;position:absolute;right:13px;top:50%;transform:translateY(-50%);visibility:hidden}.valid-check.show{visibility:visible}.valid-button{background-color:#000;color:#fff;font-size:12px;font-weight:700;padding:8px 15px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.valid-button:hover{background-color:#333}.valid-button:focus{outline:none}.forgot-PW-content{position:relative;width:70%;max-width:400px;display:flex;flex-direction:column;gap:10px}.term-container{position:relative;width:75%;max-width:400px;display:flex;flex-direction:column;padding:20px}.term-content{margin-top:5px;padding:10px}.term-header{display:flex;align-items:center;color:#000;font-size:14px;font-weight:700;cursor:pointer}.term-agree-all{display:flex;align-items:center;color:#000;font-size:14px;font-weight:700;cursor:pointer;border-top:1px solid #ddd;margin-top:5px;padding:10px}.term-check{width:16px;height:auto;margin-right:10px}.term-next{width:18px;height:18px;margin-left:auto;cursor:pointer}.term-text{position:relative;width:80%;max-width:400px;color:#000;font-size:13px;display:flex;flex-direction:column}.button-group{display:flex;gap:15px;flex-wrap:wrap}.button-group button{width:85px;height:30px;border-radius:20px;border:none;background-color:#e6e6e6;font-size:13px;cursor:pointer;transition:background-color .2s,color .2s;text-align:center;display:flex;align-items:center;justify-content:center}.button-group button.selected{background-color:#000;color:#fff}.button-group button:focus{outline:none}.input-wrapper{position:relative;display:flex;align-items:center}.input-text{position:absolute;right:13px;font-size:14px;color:#999;pointer-events:none}.selected-items{display:flex;gap:8px;flex-wrap:wrap}.item-chip{padding:0 10px 0 15px;height:30px;border-radius:20px;background-color:#e6e6e6;font-size:13px;cursor:pointer;text-align:center;display:flex;align-items:center;justify-content:center}.delete-icon{margin-bottom:4px;width:17px!important;height:17px!important;margin-left:6px;cursor:pointer}.search-box-container{position:relative}.search-box{width:90%;padding:13px;font-size:13px;border:1px solid #D8DADC;border-radius:8px;background-color:#fff;color:#000;cursor:text}.search-box:focus{outline:none}.search-modal{position:absolute;top:42px;width:96%;padding:4px;font-size:13px;border:1px solid #D8DADC;border-radius:8px;background-color:#fff;color:#000;z-index:1000;box-shadow:2px 4px 8px #0000001a}.search-item{padding:10px;border-bottom:1px solid #D8DADC}.add-icon{position:absolute;right:12px;width:15px;height:20px;cursor:pointer}.no-results{padding:8px;color:#6e6e6e}.signup-complete-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;background-image:linear-gradient(to bottom,#fff6,#000c),url(/images/landing-bg.png);background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clipboard-content{position:relative;display:flex;flex-direction:column;align-items:center;width:90%;max-width:400px}.clipboard-image{width:100%;height:auto;display:block;margin-bottom:30px}.clipboard-title{color:#000;text-align:center;font-size:13px;font-weight:700;position:absolute;top:12%;left:50%;transform:translate(-50%)}.info-list{position:absolute;top:22%;left:50%;transform:translate(-50%);width:70%;color:#000;text-align:left;font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:9px}.info-list p{margin:4px 0;display:flex;justify-content:space-between}.info-list strong{color:#000;min-width:140px}.user-info{color:#4f4f4f;text-align:left;flex-grow:1}.signup-complete-start{background:#fff;color:#000;font-size:1rem;font-weight:700;padding:10px 25px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease;width:65%;display:flex;align-items:center;justify-content:center;gap:5px}.signup-complete-start:hover{background-color:#ccc;color:#000;font-weight:700}.signup-complete-start:focus{outline:none}.signup-complete-logo{width:45px;height:auto}.home-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-logo{position:absolute;top:17px;left:13px;width:60px;height:auto}.home-symbol{width:14px;height:auto;margin-right:8px}.home-greeting-wrapper{width:100%;border-top:1.5px solid #ECECEC;margin-top:50px;padding-left:13px;display:flex;align-items:center}.home-greeting-text{color:#000;font-size:10px;font-weight:700}.section-divider{width:86%;height:1.5px;background-color:#ececec;margin:20px auto;flex-shrink:0}.banner-wrapper{position:relative;width:100%;overflow:hidden;flex-shrink:0}.slider-wrapper{display:flex;transition:transform .5s ease-in-out}.slider-banner{flex-shrink:0;width:100%;object-fit:cover;display:block}.banner-prev,.banner-next{all:unset;background-color:transparent!important;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.banner-prev:focus,.banner-next:focus{outline:none}.banner-prev{left:10px}.banner-next{right:10px}.banner-prev img,.banner-next img{width:22px;height:auto}.recommend-section{width:100%;box-sizing:border-box;padding:0 15px;margin-top:18px}.recommend-title{color:#000;font-size:12px;font-weight:700;padding:0 13px;margin-bottom:15px}.meal-cards{max-width:360px;box-sizing:border-box;padding:0 8px;margin:0 auto;display:flex;justify-content:space-between;gap:12px}.meal-card-wrapper{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.meal-card{max-width:100px;border-radius:10px;box-shadow:6px 6px 10px #00000026;background:#fffdf3;text-align:center;line-height:1}.meal-time{color:#000;font-size:10px;font-weight:700;margin-bottom:4px}.meal-image{width:100%;aspect-ratio:1/1;border-radius:10px 10px 0 0;object-fit:cover}.meal-name{color:#000;font-size:9px;font-weight:700;margin-bottom:10px}.nutrient-container{margin-top:13px;padding:0 15px}.calorie-wrapper{display:flex;margin-bottom:5px}.calorie-emoji{font-size:15px}.calorie-text{color:#000;font-size:12px;font-weight:700;margin-top:3px;margin-left:3px}.nutrient-text{color:#888;font-size:10px;margin-top:5px;margin-left:auto;padding-right:4px}.nutrient-bar-wrapper{display:flex;width:100%;height:30px;border-radius:6px;overflow:hidden;box-shadow:4px 4px 6px #00000021}.nutrient-segment{color:#000;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;min-width:30px}.nutrient-labels{display:flex;margin-top:5px}.nutrient-label{color:#000;font-size:10px;font-weight:700;text-align:center;min-width:30px}.suggest-section{width:100%;margin-bottom:10px}.suggest-title{color:#000;font-size:12px;font-weight:700;padding:0 30px;margin-bottom:15px}.suggest-card-wrapper{display:flex;justify-content:center;gap:10px}.suggest-card{max-width:125px;min-width:125px;padding:13px 20px;border-radius:10px;box-shadow:6px 6px 10px #00000026;display:flex;justify-content:space-between;position:relative}.suggest-card.bad{background-color:#394238;color:#fff}.suggest-card.good{background-color:#fff;color:#000}.suggest-text{font-size:11px;font-weight:700;line-height:1.5}.suggest-icon{position:absolute;bottom:8px;right:8px;width:20px;height:auto}.menu-grid-section{width:100%;box-sizing:border-box;padding:0 15px;margin-bottom:120px}.grid-title{color:#000;font-size:12px;font-weight:700;padding:0 13px;margin-bottom:15px}.menu-grid{max-width:360px;display:grid;grid-template-columns:repeat(3,100px);margin:0 auto;justify-content:center;gap:21px}.menu-card{max-width:100px;border-radius:10px;box-shadow:6px 6px 10px #00000026;background:#fffdf3;text-align:center;line-height:1;cursor:pointer}.menu-image{width:100%;aspect-ratio:1/1;border-radius:10px 10px 0 0;object-fit:cover}.menu-name{color:#000;font-size:9px;font-weight:700;margin-bottom:10px}.navbar{width:45vh;max-width:100%;height:55px;background-color:#000;position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:999}.nav-wrapper{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:999;cursor:pointer}.nav-label{color:#fff;font-size:10px;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none}.nav-home{width:25px;height:25px;margin-bottom:3px}.nav-medication{width:23px;height:23px;margin-bottom:4px}.nav-mefo{width:43px;height:43px;position:absolute;top:12%;left:50%;transform:translate(-50%);z-index:999;cursor:pointer}.nav-storage{width:25px;height:25px;margin-bottom:3px}.nav-my{width:30px;height:30px}.recipe-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.recipe-container.dimmed{filter:brightness(.6);pointer-events:none}.recipe-divider{width:90%;height:1.5px;background-color:#b5b5b5;margin:0 auto;flex-shrink:0}.recipe-header{width:100%;display:flex;padding:17px;box-sizing:border-box}.recipe-back{width:20px;height:auto;cursor:pointer}.recipe-title{color:#000;font-size:14px;font-weight:700;flex:1;margin:0 0 0 15px}.storage-icon{width:20px;height:auto;cursor:pointer}.recipe-image{width:100%;height:280px;object-fit:cover}.recipe-main-title{color:#000;font-size:14px;font-weight:700;margin:20px 25px 10px}.recipe-info{width:65%;display:flex;justify-content:space-between;margin:10px auto 15px}.recipe-info-text{color:#6d6d6d;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:4px}.recipe-info-icon{font-size:20px}.nutrition-wrapper{display:flex;align-items:center;margin:15px auto}.nutrition-info{color:#6d6d6d;font-size:12px;display:flex;flex-direction:column;margin:0 20px;gap:6px}.color-box{display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:3px}.ingredient-wrapper{width:90%;box-sizing:border-box;margin:0 auto}.ingredient-title{color:#000;font-size:14px;font-weight:700;margin:20px 25px 10px}.ingredient-divider{width:100%;height:1.5px;background-color:#b5b5b5;margin:0 auto;flex-shrink:0}.ingredient-list{padding:0;margin:0}.ingredient-row{border-bottom:1.5px solid #E7E7E7;display:grid;grid-template-columns:auto 1fr;padding:10px 0}.ingredient-row:last-child{border-bottom:none}.ingredient-name{width:200px;color:#6d6d6d;font-size:13px;margin-left:5px}.ingredient-amount{color:#6d6d6d;font-size:13px}.step-wrapper{width:90%;box-sizing:border-box;margin:0 auto}.step-title{color:#000;font-size:14px;font-weight:700;margin:20px 25px 10px}.step-divider{width:100%;height:1.5px;background-color:#b5b5b5;margin:0 auto;flex-shrink:0}.step-list{padding:5px;margin:8px 0}.step-item{display:flex;align-items:flex-start;padding:8px 0;font-size:.8rem;line-height:1.5}.step-number{width:20px;color:#5d5d5d;font-weight:700;flex-shrink:0}.step-text{color:#000;padding-left:5px}.more-title{color:#000;font-size:14px;font-weight:700;margin:20px 25px 10px}.recipe-more-container{width:100%;display:flex;position:relative}.more-cards-wrapper{width:100%;display:flex;justify-content:center;gap:10px;margin-bottom:120px}.more-next{background-color:transparent!important;border:none;position:absolute;top:20%;transform:translateY(-20%);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.more-next:focus{outline:none}.more-next.left{left:0}.more-next.right{right:0}.more-next img{width:20px;height:20px}.more-card-wrapper{display:flex;cursor:pointer}.more-card{max-width:95px;border-radius:10px;box-shadow:6px 6px 10px #00000026;background:#fffdf3;text-align:center;line-height:1}.more-name{color:#000;font-size:9px;font-weight:700;margin-bottom:10px}.more-image{width:100%;aspect-ratio:1 / 1;border-radius:10px 10px 0 0;object-fit:cover}.storage-modal-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:45vh;max-width:100%;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:flex-end}.storage-modal{width:100%;background-color:#fff;border-radius:20px 20px 0 0;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.storage-modal-header{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;margin:15px auto}.storage-modal-title{color:#000;font-size:13px;font-weight:700;margin:0}.storage-modal-close{width:16px;height:auto;position:absolute;right:18px;cursor:pointer}.storage-modal-list{display:flex;flex-direction:column;margin:0;padding:0;background:none;border:none;border-top:1.5px solid #ECECEC;max-height:52vh}.storage-modal-list-scroll{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.storage-modal-list-scroll::-webkit-scrollbar{display:none}.storage-modal-item,.storage-modal-add{all:unset;width:90%;color:#000;font-size:13px;font-weight:700;background:none;border:none;border-bottom:1.5px solid #ECECEC;border-radius:0;padding:15px 20px;text-align:left;cursor:pointer;display:flex;gap:8px}.storage-modal-item:focus,.storage-modal-add:focus{outline:none}.storage-modal-item:hover,.storage-modal-add:hover{border:none;background-color:#f5f5f5}.storage-modal-add-icon{width:18px;height:auto}.storage-create-modal-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:45vh;max-width:100%;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:flex-end;-webkit-backdrop-filter:brightness(.6);backdrop-filter:brightness(.6)}.storage-create-modal-header{width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;position:relative;margin:17px auto}.storage-create-modal-close{width:16px;height:auto;position:absolute;left:18px;cursor:pointer}.storage-create-modal-done{color:#07f;font-size:13px;position:absolute;right:18px;background:none;border:none;cursor:pointer}.storage-create-modal-done:focus{outline:none}.storage-create-divider{width:100%;height:1.5px;background-color:#ececec;margin:0 auto;flex-shrink:0}.storage-create-modal-box{padding:10px}.storage-create-modal-input{width:94%;padding:10px;color:#000;font-size:13px;border:none;outline:none;margin-bottom:200px}.medication-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.medication-divider{width:90%;height:1.5px;background-color:#b5b5b5;margin:0 auto;flex-shrink:0}.medication-header{width:100%;display:flex;padding:17px;box-sizing:border-box}.medication-back{width:20px;height:20px;cursor:pointer}.medication-title{color:#000;font-size:14px;font-weight:700;flex:1;margin:0 0 0 15px}.medication-register{color:#fff;font-size:11px;font-weight:700;background-color:#000;width:90px;height:30px;border-radius:30px;border:none;margin:-5px}.medication-register:focus{outline:none}.medication-sub-title-1{color:#000;font-size:14px;font-weight:700;margin:5px 25px 10px}.medication-sub-title-2{color:#000;font-size:14px;font-weight:700;margin:25px 25px 10px}.medication-list{width:100%;display:flex;flex-direction:column;margin:0 auto 18px}.medication-item{box-sizing:border-box;padding:8px 30px}.medication-name-wrapper{display:flex;justify-content:space-between}.medication-name{color:#000;font-size:13px;font-weight:700;margin-bottom:10px}.medication-button-group{display:flex;gap:10px}.medication-delete,.medication-edit{font-size:13px;background:none;border:none;padding:0;cursor:pointer}.medication-delete:focus,.medication-edit:focus{outline:none}.medication-detail-wrapper{display:flex;flex-wrap:wrap;gap:13px}.medication-detail{display:flex;align-items:center;justify-content:center;background-color:#e6e6e6;width:80px;height:30px;border-radius:30px;color:#4a4a4a;font-size:12px;font-weight:700;box-sizing:border-box;margin:0}.recommend-container{padding:0 23px}.recommend-list{display:flex;gap:10px}.recommend-supplementary{color:#000;font-size:12px;line-height:1.8;padding:5px 10px;margin-bottom:90px}.recommend-wrapper{display:flex;flex-direction:column;flex:1}.recommend-time{color:#000;font-size:13px;font-weight:700;text-align:center;background-color:#fffade;box-shadow:4px 4px 8px #00000040;padding:5px;margin:0}.recommend-box{flex:1;background-color:#fff;box-shadow:4px 4px 8px #00000040;padding:5px}.recommend-box ul{padding:0;margin:2px}.recommend-box li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:10px}.recommend-label{color:#000;font-size:12px;display:flex;gap:7px}.recommend-desc{color:#000;font-size:12px;white-space:pre-line;margin:0}.recommend-subDesc{color:#7c7c7c;font-size:10px;white-space:pre-line;margin:0}.medication-register-complete{color:#07f;font-size:14px;background-color:transparent;border:none;padding:0;margin:0}.medication-register-complete:focus{outline:none}.register-title{color:#000;font-size:14px;font-weight:700;margin:5px 25px 2px}.register-title-comment{color:#6d6d6d;font-size:11px;margin:0 25px 20px}.register-form-field{width:90%;margin:0 25px 15px}.register-form-label{color:#000;font-size:12px;font-weight:700}.register-input-wrapper{position:relative;width:94%;margin:5px 4px}.register-input-wrapper input{color:#000;font-size:11px;width:94%;border:none;outline:none}.register-input-wrapper input::placeholder{color:#b0b0b0}.clear-button{font-size:11px;background:none;border:none;cursor:pointer;position:absolute;right:-5%;top:55%;transform:translateY(-50%)}.clear-button:focus{outline:none}.register-underline{width:97%;height:1.5px;background-color:#b5b5b5;margin-bottom:5px}.register-button-group{display:flex;gap:10px;margin:10px 0}.register-button{background-color:#e6e6e6;width:80px;height:30px;border-radius:30px;color:#4a4a4a;font-size:12px;font-weight:700;border:none;cursor:pointer;transition:background-color .2s,color .2s}.register-button:focus{outline:none}.register-button.selected{color:#fff;font-weight:700;background-color:#000}.frequency-control{display:flex;align-items:center;gap:10px;margin:10px 5px}.circle-button{color:#3f3f3f;font-size:14px;font-weight:700;background-color:#e6e6e6;border:none;border-radius:50%;width:35px;height:35px;display:flex;justify-content:center;cursor:pointer}.circle-button:focus{outline:none}.circle-button:hover{background-color:#ccc}.drug-count{color:#3f3f3f;font-size:13px;font-weight:700}.alarm-container{display:flex;flex-direction:column;gap:10px;margin-top:10px;margin-bottom:80px}.alarm-wrapper{display:flex;gap:10px;margin:0 5px}.time-picker{color:#7c7c7c;font-size:12px;font-weight:700;background-color:#fafafa;width:320px;height:40px;border:1.5px solid #B5B5B5;border-radius:10px;box-sizing:border-box;padding:0 15px}.alarm-delete-button{background:none;border:none;padding:0;cursor:pointer}.alarm-delete-button:focus{outline:none}.delete-icon{width:20px;height:auto;margin-top:4px}.chatbot-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chatbot-header{width:100%;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative}.chatbot-title{color:#000;font-size:14px;font-weight:700;margin:0}.chat-window{flex:1;width:100%;display:flex;flex-direction:column;margin-top:10px;overflow-y:auto}.chat-window::-webkit-scrollbar{width:6px}.chat-window::-webkit-scrollbar-track{background:transparent}.chat-window::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.chat-message{margin:0 20px 13px;padding:12px 15px;border-radius:20px;max-width:75%;word-break:break-word;color:#000;font-size:12px}.chat-message.bot{background-color:#eaeaea;align-self:flex-start}.chat-message.bot p{margin:2px;padding:0;line-height:1.4}.chat-message.user{background-color:#85c088;align-self:flex-end;color:#fff}.suggestion-box{width:60%;margin:5px 0 0 20px;border-radius:12px;background:#fafafa;box-shadow:2px 2px 8px #00000026;overflow:hidden}.suggestion-item{padding:12px 16px;border-top:1px solid #efefef;font-size:13px;cursor:pointer}.suggestion-item:first-child{border-top:none}.suggestion-item:hover{background-color:#efefef}.chat-input{width:100%;display:flex;position:relative;font-size:12px;margin-bottom:75px}.chat-input input{width:90%;margin:auto;padding:18px 20px;border-radius:20px;border:1px solid #ccc;box-shadow:0 2px 8px #0000001a;box-sizing:border-box}.chat-input button{position:absolute;right:30px;top:50%;transform:translateY(-50%);background:none;background-color:#85c088;padding:7px 10px;border-radius:50%;border:none;color:#fff;cursor:pointer}.chat-input input,.chat-input button{outline:none}.storage-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storage-header{width:100%;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative;border-bottom:1px solid #ECECEC}.storage-list{width:100%;display:flex;flex-direction:column;margin:0 0 140px;padding:0;background:none;border:none}.storage-item{all:unset;width:90%;color:#000;font-size:13px;font-weight:700;background:none;border:none;border-bottom:1.5px solid #ECECEC;border-radius:0;padding:17px 20px;text-align:left;cursor:pointer;display:flex;align-items:center}.storage-item:focus{outline:none}.storage-item:hover{border:none;background-color:#f5f5f5}.storage-next-icon{position:absolute;right:18px;width:18px;height:auto}.storage-create-button{position:fixed;bottom:75px;left:50%;transform:translate(calc(22.5vh - 62px));width:45px;height:45px;border-radius:50%;box-shadow:0 4px 8px #0003;background-color:#96d59b;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:999}.storage-create-button img{width:24px;height:24px}.storage-create-button:focus{outline:none}.storage-create-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storage-create-header{width:100%;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative;border-bottom:1px solid #ECECEC}.storage-create-done{color:#07f;font-size:13px;position:absolute;right:5px;background:none;border:none;cursor:pointer}.storage-create-done:focus{outline:none}.storage-create-box{width:84%;padding:20px}.storage-create-input{width:100%;padding:10px;color:#000;font-size:13px;border:none;outline:none;border-bottom:1px solid #B5B5B5}.storage-delete-button{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);width:80%;background-color:#ddd;color:red;font-size:13px;padding:12px 25px;border:none;border-radius:8px;cursor:pointer;transition:background .3s ease}.storage-delete-button:hover{background-color:#ccc}.storage-delete-button:focus{outline:none}.storage-detail-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storage-detail-header{width:100%;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative;border-bottom:1px solid #ECECEC;margin-bottom:30px}.storage-detail-edit{position:absolute;right:15px;background:none;border:none;padding:0;cursor:pointer}.storage-detail-edit:focus{outline:none}.mypage-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mypage-header{width:100%;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative;border-bottom:1px solid #ECECEC}.mypage-title{color:#000;font-size:14px;font-weight:700;margin:0}.mypage-setting{width:20px;height:auto;position:absolute;right:20px;cursor:pointer}.mypage-health-header{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:8px}.mypage-sub-title{color:#000;font-size:14px;margin:25px 25px 2px}.mypage-edit{background:none;border:none;padding:0;cursor:pointer;position:relative;top:10px;right:25px}.mypage-edit:focus{outline:none}.mypage-health-box{width:83%;padding:10px;margin:0 auto;background-color:#fffcea;border-radius:10px;box-shadow:6px 6px 10px #00000026}.mypage-health-row{font-size:13px;display:flex;margin:7px 10px}.health-label{color:#000;font-weight:700;width:165px}.health-value{color:#4f4f4f;flex:1}.mypage-divider{width:100%;height:7px;background-color:#ececec;margin:30px auto 0;flex-shrink:0}.setting-container{width:auto;height:100vh;height:100dvh;aspect-ratio:9/20;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.setting-header{width:100%;display:flex;justify-content:center;align-items:center;padding:15px;box-sizing:border-box;position:relative}.setting-title{color:#000;font-size:14px;font-weight:700;margin:0}.setting-divider{width:100%;height:7px;background-color:#ececec;margin:0 auto;flex-shrink:0}.setting-wrapper{width:88%;display:flex;justify-content:space-between;margin:20px auto}.setting-text{color:#000;font-size:13px;margin:0}.setting-text p{color:#6d6d6d;font-size:11px;margin:2px 0}.switch{position:relative;display:inline-block;width:34px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:30px;transition:.4s;cursor:pointer}.slider:before{position:absolute;content:"";width:14px;height:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.4s}input:checked+.slider{background-color:#000}input:checked+.slider:before{transform:translate(14px)}.setting-next{width:20px;height:auto;cursor:pointer}.setting-footer{position:fixed;bottom:0;width:100%;text-align:center;margin-bottom:35px}.footer-link{color:#000;font-size:12px;cursor:pointer;margin:0 25px}.footer-divider{color:#ececec;font-size:15px}