body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0}#root{min-height:100vh;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.mainpage-main-container{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;width:100vw}.mainpage-main-wrapper{background:linear-gradient(180deg,#f04e23 0,#f04e23 30%,#fff 60%);border-radius:20px;box-shadow:0 8px 20px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-height:816px;max-width:450px;overflow:hidden;width:100%}.mainpage-scrollable-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;overflow-y:scroll;scrollbar-width:none}.mainpage-scrollable-content::-webkit-scrollbar{display:none}.mainpage-header{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:700;justify-content:space-between;padding:60px 20px 20px}.mainpage-header h2{font-weight:700;margin:0}.mainpage-info-button{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.mainpage-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #ff553733;margin:0 20px 20px;padding:16px}.mainpage-profile-row{display:flex;gap:10px}.mainpage-profile-icon{align-items:center;background:#f04e23;border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;width:36px}.mainpage-profile-text{font-size:14px;line-height:1.4}.mainpage-footer-note{color:#888;font-size:12px;margin-top:auto;padding:8px;text-align:center}.mainpage-bottom-tab{bottom:0;left:0;right:0}.mainpage-tab{align-items:center;color:#888;cursor:pointer;display:flex;flex-direction:column;font-size:14px}.mainpage-tab i{font-size:20px;margin-bottom:4px}.mainpage-tab.mainpage-tab-active{color:#f04e23;font-weight:700}@media (max-width:768px){.mainpage-main-container,.mainpage-main-wrapper{height:100vh;width:100vw}.mainpage-main-wrapper{border-radius:0;max-height:100vh;max-width:100vw}}.mainpage-chat-input-area{margin:10px 20px 0!important}.bottom-tab-bar{align-items:center;background:#fff;border-top:1px solid #eee;bottom:0;box-sizing:border-box;display:flex;height:72px;justify-content:space-around;position:sticky;width:100%;z-index:100}@media (min-width:768px){.bottom-tab-bar{margin:0 auto;max-width:450px}}.tab-item{align-items:center;color:#888;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:11px;position:relative}.tab-item i{font-size:20px;margin-bottom:4px}.tab-item.active{color:#f04e23;font-weight:700}.speech-bubble{animation:float 2s ease-in-out infinite;background:#f04e23;border-radius:20px;box-shadow:0 2px 8px #f04e234d;color:#fff;font-size:12px;font-weight:700;padding:8px 12px;top:-45px;white-space:nowrap;z-index:101}.speech-bubble,.speech-bubble:after{left:50%;position:absolute;transform:translateX(-50%)}.speech-bubble:after{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #f04e23;bottom:-6px;content:"";height:0;width:0}@keyframes float{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}.pet-modal-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.pet-modal{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:32px;position:relative;width:420px}.pet-modal-close{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:20px;top:16px}.pet-modal-header{margin-bottom:24px;text-align:center}.pet-modal-icon{background:#f04e23;border-radius:50%;color:#fff;font-size:32px;height:48px;margin:0 auto 12px;width:48px}.pet-modal-icon,.pet-modal-steps{align-items:center;display:flex;justify-content:center}.pet-modal-steps{margin-top:12px}.step-circle{align-items:center;background:#e0e0e0;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.step-circle.active{background:#f04e23}.step-line{background:#ccc;height:2px;margin:0 8px;width:40px}.pet-modal-body{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.birth-inputs{display:flex;gap:12px;width:100%}.birth-inputs>div{flex:1 1}.birth-inputs input{width:100%}input,select{border:1.5px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 14px;width:100%}input:focus,select:focus{border-color:#f04e23;outline:none}label{font-size:14px;font-weight:500}.pet-modal-footer{display:flex;gap:12px}.prev-button{background:#fff;border:1.5px solid #ccc;border-radius:8px;font-weight:500}.next-button,.prev-button{cursor:pointer;font-size:16px;padding:10px 16px}.next-button{background:#f04e23;border:none;border-radius:8px;color:#fff;font-weight:700}.birth-inputs label{display:block;margin-bottom:8px}.pet-modal-action-buttons{margin-top:20px}.slide-track{background:#f2f2f2;border:1px solid #ffffff4d;border-radius:30px;cursor:grab;height:60px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.slide-text{box-sizing:border-box;color:#333;font-size:16px;font-weight:500;height:100%;line-height:60px;overflow-wrap:break-word;padding:0 10px;pointer-events:none;text-align:center;white-space:pre-wrap;width:100%;word-break:break-word}.slide-button,.slide-text{align-items:center;display:flex;justify-content:center;position:absolute}.slide-button{background:#f04e23;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;font-size:24px;height:60px;left:0;top:0;transition:all .3s ease;width:60px}.slide-attendance-container{background:#0000;box-shadow:none;padding:0}.slide-message{box-sizing:border-box;color:#333;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;max-width:100%;overflow-wrap:break-word;position:relative;text-align:center;white-space:pre-wrap;word-break:break-word;word-spacing:normal}.slide-message-label{font-size:16px;font-weight:700;margin-bottom:8px;padding-bottom:8px;position:relative}.slide-message-label:after{background-color:#ccc;bottom:0;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.blog-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:16px;transition:all .2s ease}.blog-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.blog-card-header{margin-bottom:12px}.blog-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;word-break:keep-all}.blog-card-content{margin-bottom:6px}.blog-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:14px;line-height:1.5;margin:0;overflow:hidden}.blog-card-footer{align-items:center;color:#888;display:flex;font-size:12px;justify-content:space-between}.blog-card-author{color:#555;font-weight:500}.blog-card-date{color:#999}.blog-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #8888884d;margin:20px;padding:20px}.blog-section-header{border-bottom:1px solid #e9ecef;margin-bottom:16px;padding-bottom:12px}.blog-section-title{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.blog-section-title .blog-icon{height:20px;object-fit:contain;width:20px}.blog-section-subtitle{color:#666;font-size:14px;margin:4px 0 0}.blog-list{display:flex;flex-direction:column;gap:12px}.blog-empty{color:#999;font-size:14px;padding:40px 20px;text-align:center}.blog-empty i{display:block;font-size:24px;margin-bottom:8px}.ad-banner-container{border-radius:12px;box-shadow:0 4px 20px #8888884d;margin:0 20px 20px;overflow:hidden;position:relative}.ad-banner-slide,.ad-banner-slider{position:relative;width:100%}.ad-banner-slide{cursor:pointer}.ad-banner-image{display:block;transition:opacity .5s ease-in-out;width:100%}.ad-banner-nav{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;height:40px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:10}.ad-banner-nav.prev{left:10px}.ad-banner-nav.next{right:10px}.ad-banner-indicators{bottom:10px;display:flex;gap:8px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.ad-banner-indicator{background-color:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;transition:background-color .3s ease;width:8px}.ad-banner-indicator.active{background-color:#fff}.template-selector{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:16px 0;padding:16px}.template-selector-title{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.template-selector-loading{color:#666;padding:20px;text-align:center}.template-selector-empty{color:#999;font-style:italic;padding:20px;text-align:center}.template-list{display:flex;flex-direction:column;gap:8px}.template-item{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:12px;transition:all .2s ease}.template-item:hover{background:#fff;border-color:#ff5722;box-shadow:0 4px 12px #ff572226;transform:translateY(-1px)}.template-item.selected{background:#fff3e0;border-color:#ff5722;box-shadow:0 4px 12px #ff572233}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.template-name{color:#333;font-size:14px;font-weight:600}.template-type{background:#f0f0f0;border-radius:12px;color:#666;font-size:12px;padding:2px 8px}.template-preview{margin-top:8px}.template-content{color:#555;font-size:13px;line-height:1.4;margin-bottom:8px}.template-buttons{display:flex;flex-wrap:wrap;gap:6px}.preview-button{background:#ff5722;border:none;border-radius:16px;color:#fff;cursor:default;font-size:11px;opacity:.8;padding:4px 12px}.preview-button:hover{opacity:1}.chatroom-container{align-items:stretch;background:#fff;border-radius:20px;box-shadow:0 0 10px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:816px;justify-content:flex-start;margin:0 auto;max-height:816px;max-width:450px;overflow:hidden;position:relative;width:100%}.chatroom-outer-container{align-items:center;background:url(/static/media/meogsiljang_background.6906fd8c34a5fe1e9f32.jpg) no-repeat 50%;background-size:cover;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;width:100vw}@media (min-width:768px) and (max-height:816px){.chatroom-container{height:100vh;max-height:100vh}}@media (max-width:767px){.chatroom-outer-container{align-items:flex-start;height:100vh;justify-content:flex-start;min-height:100vh;padding:0;width:100vw}.chatroom-container{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100vw;width:100vw}}.chatroom-header{background-color:#f44336;border-top-left-radius:20px;border-top-right-radius:20px;gap:0;padding:18px 20px 14px;position:relative}.chatroom-header,.chatroom-header-back{align-items:center;color:#fff;display:flex}.chatroom-header-back{background:none;border:none;cursor:pointer;font-size:22px;margin-right:6px}.chatroom-header-profile{align-items:center;background:#ffb6b6;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:38px;justify-content:center;margin-right:5px;width:38px}.chatroom-header-info{display:flex;flex-direction:column;justify-content:center}.chatroom-header-title{align-items:center;display:flex;font-size:17px;font-weight:700;gap:6px}.chatroom-header-online{background:#4caf50;border:2px solid #fff;border-radius:50%;display:inline-block;height:9px;margin-left:3px;width:9px}.chatroom-header-sub{color:#fff;font-size:13px;margin-top:2px;opacity:.9}.chatroom-body{-ms-overflow-style:none;flex:1 1;min-height:0;overflow-y:auto;padding:12px 12px 10px;scrollbar-width:none}.chatroom-body::-webkit-scrollbar{display:none;height:0;width:0}.chatroom-body:active::-webkit-scrollbar,.chatroom-body:focus::-webkit-scrollbar,.chatroom-body:hover::-webkit-scrollbar{background:#eee;display:block;width:6px}@media (max-width:767px){.chatroom-body{padding-bottom:10px}}.chatroom-date{color:#999;font-size:12px;margin:12px 0;text-align:center}.chatroom-message{display:flex;flex-direction:column;margin-bottom:10px;max-width:70%}.chatroom-message-left{align-items:flex-start}.chatroom-message-right{align-items:flex-end;margin-left:auto}.chatroom-bubble{background-color:#f2f2f2;border-radius:16px;font-size:14px;line-height:1.5;padding:12px 16px;white-space:pre-wrap;word-break:break-word}.chatroom-bubble div{line-height:1.5;margin:0;padding:0}.chatroom-bubble strong{color:#333;font-weight:600}.chatroom-bubble br{content:"";display:block;margin:0;padding:0}.chatroom-bubble{max-width:320px}.chatroom-message-right .chatroom-bubble{background-color:#fff3e0;border:1px solid #ffe0b2}.chatroom-time{color:#aaa;display:block;font-size:11px;margin-top:4px}.chatroom-message-left .chatroom-time{text-align:left}.chatroom-message-right .chatroom-time{text-align:right}.chatroom-input-area{align-items:center;background:#fff;border-top:1px solid #ddd;display:flex;margin:0 10px;padding:8px 0;position:relative}.chatroom-input{background:#f0f0f0;border:none;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 44px}.chatroom-input-plus{background:none;color:#ff5722;left:10px;padding:0}.chatroom-input-plus,.chatroom-send-button{border:none;cursor:pointer;font-size:18px;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.chatroom-send-button{align-items:center;background:#ff5722;border-radius:50%;color:#fff;display:flex;justify-content:center;padding:8px;right:0}.chatroom-input-wrapper{align-items:stretch;background:#0000;display:flex;flex-direction:column-reverse;flex-shrink:0;position:relative;width:100%;z-index:20}.chatroom-attach-menu{grid-gap:16px 0;align-items:center;animation:slideDown .25s;background:#fff;border-bottom:1px solid #eee;display:grid;gap:16px 0;grid-template-columns:repeat(4,1fr);justify-items:center;padding:24px 0 8px;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.attach-menu-item{align-items:center;display:flex;flex-direction:column}.attach-menu-icon{align-items:center;background:#eee;border-radius:50%;color:#222;display:flex;font-size:24px;height:48px;justify-content:center;margin-bottom:6px;width:48px}.attach-menu-icon.phone{background:#4caf50;color:#fff}.attach-menu-icon.album{background:#42a5f5;color:#fff}.attach-menu-icon.camera{background:#ff8a80;color:#fff}.attach-menu-label{color:#333;font-size:15px;margin-top:2px}.mainpage-menu-description{color:#555;font-size:12px;margin-top:4px;white-space:pre-line}@media (max-width:767px){.chatroom-header{border-top-left-radius:0;border-top-right-radius:0;width:100%}}.chatroom-header-template-btn{background:none;border:none;border-radius:50%;color:#ff5722;cursor:pointer;font-size:18px;padding:8px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .2s ease}.chatroom-header-template-btn:hover{background:#ff57221a;transform:translateY(-50%) scale(1.1)}.selected-template{background:#fff3e0;border:2px solid #ff5722;border-radius:8px;margin:8px 16px;padding:12px}.selected-template-content{align-items:center;display:flex;gap:8px;justify-content:space-between}.send-template-btn{background:#ff5722;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.send-template-btn:hover{background:#e64a19;transform:translateY(-1px)}.cancel-template-btn{background:#ccc;border:none;border-radius:16px;color:#333;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.cancel-template-btn:hover{background:#bbb;transform:translateY(-1px)}.chatroom-buttons{display:flex;flex-direction:column;gap:8px;margin-top:12px}.chatroom-button{align-self:flex-start;background:#ff5722;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;padding:10px 16px;text-align:center;transition:all .2s ease}.chatroom-button:hover{background:#e64a19;box-shadow:0 2px 8px #ff57224d;transform:translateY(-1px)}.chatroom-button:active{box-shadow:0 1px 4px #ff57224d;transform:translateY(0)}.chatroom-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.chatroom-buttons.horizontal{flex-direction:row;flex-wrap:wrap}.chatroom-buttons.horizontal .chatroom-button{flex:1 1;max-width:200px;min-width:100px}.chatroom-image-carousel{border-radius:12px 12px 0 0;margin:-10px -14px 10px;overflow:hidden;width:calc(100% + 28px)}.chatroom-bubble .chatroom-image-carousel,.chatroom-bubble:has(.chatroom-image-carousel){max-width:320px;min-width:280px}.chatroom-bubble-with-image{max-width:320px!important;min-width:280px!important}.chatroom-image-item{border-radius:8px 8px 0 0;overflow:hidden;position:relative;width:100%}.chatroom-image{aspect-ratio:3/1;border-radius:8px 8px 0 0;display:block;object-fit:cover;width:100%}.chatroom-bubble-with-image{align-items:stretch;display:flex;flex-direction:column}.chatroom-bubble-with-image>:not(.chatroom-image-carousel){word-wrap:break-word;width:100%}.gpt-typing-indicator{align-items:center;display:flex;gap:8px;padding:8px 0}.typing-dot{animation:typing-animation 1.4s ease-in-out infinite;background-color:#ccc;border-radius:50%;height:8px;width:8px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typing-animation{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:#666;font-size:14px;font-style:italic}.chatlist-wrapper{background:linear-gradient(180deg,#f04e23 0,#f04e23 30%,#fff 60%);border-radius:20px;box-shadow:0 8px 20px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-height:816px;max-width:450px;overflow:hidden;width:100%}@media (max-width:768px){.chatlist-container,.chatlist-wrapper{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}}.chatlist-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh}.chatlist-header{align-items:center;background-color:#f04e23;color:#fff;display:flex;font-size:20px;justify-content:space-between;padding:60px 20px 20px}.chatlist-header h2{font-weight:700;margin:0}.chatlist-actions{align-items:center;display:flex;gap:12px}.chatlist-newchat,.chatlist-settings{background:none;border:none;color:#fff;cursor:pointer;font-size:14px}.chatlist-content{-ms-overflow-style:none;align-items:stretch;display:flex;flex:1 1;flex-direction:column;overflow-y:scroll;overflow:hidden;scrollbar-width:none;text-align:center}.chatlist-content::-webkit-scrollbar{display:none;height:0;width:0}.chatlist-empty-icon{font-size:48px;margin-bottom:12px}.chatlist-empty-text{color:#666;font-size:14px;margin-bottom:20px}.chatlist-start-button{background-color:#f04e23;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.chatlist-room-list{-ms-overflow-style:none;box-sizing:border-box;list-style:none;margin:0;overflow-x:hidden;overflow-y:scroll;padding:0 16px;scrollbar-width:none;width:100%}.chatlist-room-list::-webkit-scrollbar{display:none}.chatlist-room-item{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;margin-bottom:12px;padding:12px 16px;text-align:left;transition:background-color .2s}.chatlist-room-left{margin-right:12px}.chatlist-room-avatar{align-items:center;background-color:#ff6d6d;border-radius:20px;color:#fff;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.chatlist-room-right{display:flex;flex:1 1;flex-direction:column;min-width:0}.chatlist-room-tag{color:#222;font-size:14px;margin-bottom:6px}.chatlist-room-item:hover{background-color:#f9f9f9}.chatlist-room-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;width:100%}.chatlist-room-title{color:#333;font-size:16px;font-weight:700}.chatlist-room-time{color:#aaa;font-size:12px;margin-left:8px;margin-top:0;min-width:60px;text-align:right}.chatlist-room-last-message{color:#555;display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.commerce-container{align-items:center;background:#0000;box-sizing:border-box;display:flex;height:100vh;justify-content:center;min-height:100vh;width:100vw}.commerce-wrapper{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin:0 auto;max-height:816px;max-width:450px;overflow:hidden;position:relative;width:100%}.commerce-content-scroll{box-sizing:border-box;flex:1 1;min-height:0;overflow-y:auto}.mainpage-bottom-tab{align-items:center;background:#fff;border-top:1px solid #eee;box-sizing:border-box;display:flex;flex-shrink:0;height:72px;justify-content:space-around;min-height:72px;padding:6px 0;position:relative;width:100%;z-index:50}.commerce-search-row{align-items:center;display:flex;flex-direction:row;gap:5px;margin-top:20px}.pet-select{appearance:none;border:1px solid #eee;color:#444;flex:0 0 30%;font-size:13px;height:44px;margin:0;max-width:90px;min-width:0;outline:none;padding:6px 8px}.commerce-search-bar,.pet-select{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex}.commerce-search-bar{flex:1 1 70%;gap:8px;padding:6px 12px}.commerce-search-bar input{border:none;flex:1 1 70%;font-size:14px;outline:none;padding:8px}.commerce-search-bar button{background:none;border:none;color:#f04e23;font-size:16px}.commerce-special-section{margin-top:12px;padding:0 16px}.commerce-section-header{align-items:center;display:flex;font-size:16px;font-weight:700;justify-content:space-between;margin:12px 0;padding:0 20px}.commerce-special-items{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.commerce-item{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;min-width:160px;padding:12px}.commerce-category-section{margin-top:24px;padding:0 20px}.commerce-category-section h3{font-size:16px}.commerce-category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.category-card{background:#f9f9fb;border-radius:12px;box-shadow:0 2px 4px #00000008;font-size:13px;padding:16px;text-align:center}.commerce-popular-section{margin-top:32px;padding:0}.commerce-popular-items{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px}.commerce-popular-items::-webkit-scrollbar{display:none}.commerce-popular-items{-ms-overflow-style:none;scrollbar-width:none}.popular-item-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;min-width:180px;padding:12px;text-align:center}.popular-item-price{color:#f04e23;font-size:15px;font-weight:700;margin:4px 0}.popular-item-button{background:#fff2ec;border:none;border-radius:8px;color:#f04e23;cursor:pointer;font-size:14px;padding:6px 12px}.commerce-content-scroll::-webkit-scrollbar{display:none}.commerce-content-scroll{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.commerce-container{height:100vh;min-height:100vh;padding:0;width:100vw}.commerce-wrapper{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}}.category-card i{color:#999;transition:transform .2s ease,color .2s ease}.category-card:hover{box-shadow:0 4px 10px #0000001a;transform:scale(1.05)}.category-card:hover i{transform:scale(1.2)}.category-card:first-child i{color:#ff7043}.category-card:nth-child(2) i{color:#66bb6a}.category-card:nth-child(3) i{color:#ffca28}.category-card:nth-child(4) i{color:#42a5f5}.category-card:nth-child(5) i{color:#ab47bc}.category-card:nth-child(6) i{color:#ffa726}.commerce-list-grid{padding:0!important}.commerce-search-box{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000d;margin:20px auto auto;max-width:480px;padding:16px}.pet-selector{align-self:flex-start}.agent-button{background:#eee;padding:8px 14px}.agent-button.active{background:#f04e23}.search-results-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-left:auto;margin-right:auto;margin-top:16px;max-width:480px;padding:16px}.search-suggestions{margin-bottom:20px}.search-suggestions h4{color:#666;font-size:14px;font-weight:600;margin-bottom:12px}.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px}.suggestion-tag{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:16px;color:#333;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.suggestion-tag:hover{background:#f04e23;border-color:#f04e23;color:#fff}.search-results h4{color:#333;font-size:14px;font-weight:600;margin-bottom:16px}.no-search-results{color:#666;padding:40px 20px;text-align:center}.no-search-results p{font-size:14px;margin:8px 0}.no-search-results p:first-child{color:#333;font-weight:600}.mainpage-menu-grid{grid-gap:16px;box-sizing:border-box;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px 20px 40px}.mainpage-menu-item{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0000000d;padding:16px;text-align:center;transition:transform .2s ease-in-out}.mainpage-menu-item:hover{transform:scale(1.05);transition:transform .2s ease-in-out}.mainpage-menu-item:hover .mainpage-menu-icon{transform:scale(1.2)}.mainpage-menu-icon{font-size:24px;margin-bottom:8px;transition:transform .2s ease-in-out}.mainpage-menu-title{font-weight:700;margin-bottom:4px}.mainpage-menu-desc{color:#555;font-size:12px;line-height:1.4}.mainpage-chat-input-area{align-items:center;display:flex;gap:8px;margin:20px;position:relative}.mainpage-chat-input{border:1px solid #ccc;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 40px 10px 14px;width:100%}.mainpage-chat-send-button{align-items:center;background-color:#f04e23;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:10px;width:28px}.mainpage-main-container.commerce-bg-white{background:url(/static/media/meogsiljang_background.6906fd8c34a5fe1e9f32.jpg) no-repeat 50%!important;background-size:cover!important}.commerce-search{background:#fff2ec;border-radius:16px;padding:60px 20px 20px}.commerce-search-label{color:#f04e23;font-size:30px;font-weight:700;margin:0 0 20px;text-align:center}.commerce-search-box{display:flex;flex-direction:column;gap:6px;margin:0 0 15px}.pet-selector{flex:0 0 auto}.search-input{flex:1 1;position:relative}.search-input textarea{border:none;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.4;outline:none;padding:12px;width:100%}.agent-toggle{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.agent-button{background-color:#f0f0f0;border:none;border-radius:20px;color:#666;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s ease}.agent-button.active,.search-icon-button{background-color:#f04e23;color:#fff}.search-icon-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;margin-left:10px;transition:background-color .2s ease;width:36px}.search-icon-button:hover{background-color:#555}.search-icon-button:disabled{background-color:#ccc;cursor:not-allowed}.commerce-search-box{max-height:300px;overflow:hidden;transition:all .3s ease}.commerce-search-box.search-box-hidden{margin:0;max-height:0;opacity:0;padding:0}.mainpage-main-wrapper.commerce-bg-white{background:#fff!important}.commerce-list-header{align-items:center;background:#fff;border-bottom:1px solid #e9eef3;display:flex;justify-content:space-between;margin-bottom:0;min-height:48px;padding:40px 20px 20px;position:sticky;top:0;z-index:10}.commerce-list-header-left{align-items:center;display:flex;flex:1 1}.commerce-list-header-right{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.commerce-list-back-btn,.commerce-list-cart-icon{color:#222f3e;cursor:pointer;font-size:20px}.commerce-list-back-btn{align-items:center;background:none;border:none;border-radius:50%;display:flex;justify-content:center;line-height:1;margin-right:12px;padding:8px;transition:background-color .2s ease}.commerce-list-back-btn:hover{background-color:#f5f5f5}.commerce-list-header-title{color:#222f3e;font-size:24px;font-weight:800;margin-left:4px}.commerce-list-topbar{background:#f8fafc;padding:20px;position:sticky;top:72px;z-index:9}.commerce-list-searchbox{align-items:center;background:#fff;border:1px solid #e3e7ed;border-radius:12px;box-sizing:border-box;display:flex;height:44px;margin-bottom:16px;margin-right:8px;padding:0 16px;width:100%}.commerce-list-search-icon{color:#b0b8c1;font-size:18px;margin-right:8px}.commerce-list-search-input{background:#0000;border:none;color:#222;flex:1 1;font-size:16px;outline:none}.commerce-list-count-filter-row{align-items:center;display:flex;justify-content:space-between;width:100%}.commerce-list-count-row{color:#444;font-size:15px;margin:0}.commerce-list-sort-dropdown{position:relative}.commerce-list-sort-btn{align-items:center;background:#fff;border:1px solid #e3e7ed;border-radius:10px;color:#222;cursor:pointer;display:flex;font-size:15px;gap:4px;height:38px;justify-content:center;min-width:90px;padding:0 16px}.commerce-list-sort-arrow{color:#b0b8c1;font-size:13px}.commerce-list-sort-menu{background:#fff;border:1px solid #e3e7ed;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:8px 0;position:absolute;right:0;top:44px;width:160px;z-index:1000}.commerce-list-sort-option{cursor:pointer;font-size:14px;padding:8px 16px;white-space:nowrap}.commerce-list-sort-option:hover{background-color:#f8f9fa}.commerce-list-sort-option.selected{color:#f04e23;font-weight:700}.commerce-list-sort-option .checkmark{color:#f04e23;margin-right:4px}.commerce-list-title{display:none}.commerce-list-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:20px;padding:20px}.commerce-list-card{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000000f;font-size:14px;padding:16px 12px 12px;position:relative;text-align:left}.commerce-list-badge{height:40px;left:12px;position:absolute;top:12px;width:40px;z-index:2}.commerce-list-image-wrapper{align-items:center;display:flex;justify-content:center;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1)}.commerce-list-card:hover .commerce-list-image-wrapper{transform:scale(1.08)}.commerce-list-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#222;display:-webkit-box;font-size:13px;font-weight:500;line-height:1.4;margin-top:6px;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.commerce-list-price{align-items:center;color:#222;display:flex;font-size:15px;font-weight:700;gap:6px}.commerce-list-price .highlight{color:#f04e23;font-weight:700}.commerce-list-price-row .line-through{color:#999;font-size:11px;text-decoration:line-through}.commerce-list-unit-price{color:#f04e23;font-size:12px;margin-top:2px}.commerce-list-discount{color:#f04e23;font-size:14px;font-weight:700}.commerce-list-rating{color:#999;font-size:12px;margin-top:2px}.commerce-list-icons-row{align-items:center;display:flex;justify-content:space-between;margin-top:6px}.commerce-list-heart-icon{color:#888;cursor:pointer;font-size:16px}.commerce-list-heart-icon.fas.active{color:#f04e23}.commerce-list-cart-btn{color:#555;cursor:pointer;font-size:18px}.commerce-list-divider{border-top:1px solid #e9eef3;margin:10px 0 6px}.commerce-list-price-row{align-items:center;color:#222;display:flex;font-size:14px;font-weight:700;gap:6px}.commerce-list-emoji{align-items:center;aspect-ratio:1/1;display:flex;font-size:32px;font-size:40px;height:auto;justify-content:center;margin-bottom:10px;max-height:170px;max-width:170px;width:100%}.commerce-list-original-price{color:#999;font-size:11px;margin-bottom:2px;text-decoration:line-through}@media (max-width:768px){.commerce-list-grid{grid-template-columns:repeat(2,1fr)}}.commerce-list-star-icon{color:#f5c542;font-size:12px;margin-right:2px}.commerce-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.commerce-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:400px;padding:24px;text-align:center;width:90%}.commerce-modal-logo{margin-bottom:12px;width:160px}.commerce-modal-price,.commerce-modal-shipping{font-size:16px;margin:6px 0}.commerce-modal-loading{color:#555;font-size:14px;margin:12px 0}.commerce-modal-info-title{color:#333;font-size:15px;font-weight:700;margin-top:16px}.commerce-modal-info{color:#666;font-size:12px;margin-top:8px;padding-left:16px;text-align:left}.commerce-modal-progress-bar{background:#f1f3f6;border-radius:4px;height:8px;margin-bottom:18px;overflow:hidden;position:relative;width:100%}.commerce-modal-progress-bar-inner{background:linear-gradient(90deg,#f04e23,#ffb199);border-radius:4px;display:block;height:100%;left:0;position:absolute;top:0;transition:width .2s linear;z-index:2}.commerce-list-scrollable{height:calc(100vh - 152px);overflow-y:auto}.mypage-header{border-top-left-radius:20px;border-top-right-radius:20px;color:#fff;font-size:20px;font-weight:700;padding:60px 20px 20px}.mypage-header h2{margin:0}.mypage-section{border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:0 20px}.mypage-card{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:16px}.mypage-card-header{font-weight:700}.mypage-card-row{align-items:center;display:flex;justify-content:space-between;margin:16px 0 8px}.mypage-clickable{cursor:pointer;transition:background-color .2s ease}.mypage-clickable:hover{background-color:#f8f9fa}.mypage-arrow{color:#6c757d;font-size:14px}.mypage-switch{display:inline-block;height:24px;position:relative;width:42px}.mypage-switch input{height:0;opacity:0;width:0}.mypage-slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.mypage-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.mypage-switch input:checked+.mypage-slider{background-color:#f04e23}.mypage-switch input:checked+.mypage-slider:before{transform:translateX(18px)}.mypage-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;overflow:hidden}.mypage-wrapper{background:linear-gradient(180deg,#f04e23 0,#f04e23 30%,#fff 60%);border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 8px 20px #0000001a;display:flex;flex:1 1;flex-direction:column;height:100vh;max-height:816px;max-width:450px;overflow-y:auto;width:100%}@media (max-width:768px){.mypage-wrapper{border-radius:0;height:100vh;max-height:none;max-width:100%;width:100%}}.mypage-content{-ms-overflow-style:none;flex:1 1;overflow-y:auto;scrollbar-width:none}.mypage-content::-webkit-scrollbar,.mypage-wrapper::-webkit-scrollbar{display:none}.language-main-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.language-main-wrapper{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;height:100%;max-height:816px;max-width:450px;overflow:hidden;width:100%}@media (max-width:768px){.language-main-wrapper{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}}.language-header{align-items:center;background-color:#ef4f22;color:#fff;display:flex;font-size:20px;font-weight:700;padding:30px 20px}.language-header i{margin-right:8px}.language-list{flex:1 1;overflow-y:auto;padding:20px}.language-option{align-items:center;background:#fff;border:1px solid #eee;border-radius:12px;display:flex;font-size:16px;justify-content:space-between;margin-bottom:12px;padding:14px 16px}.language-option-active{border:2px solid #f04e23;color:#000;font-weight:700}.language-option-disabled{background:#f8f8f8;color:#bbb!important}.language-check-icon{color:#f04e23;font-size:16px}.login-page-container{background:#0000;height:100vh;width:100vw}.login-page-container,.login-page-wrapper{align-items:center;display:flex;justify-content:center}.login-page-wrapper{background:linear-gradient(180deg,#f04e23 0,#f04e23 30%,#fff 60%);border-radius:20px;box-shadow:0 8px 20px #0000001a;flex-direction:column;height:100%;max-height:816px;max-width:450px;position:relative;width:100%}.login-page-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;box-sizing:border-box;margin:0 20px;max-width:410px;padding:32px 24px;width:100%}@media (max-width:768px){.login-page-wrapper{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}}.login-page-header{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;margin-bottom:20px;padding:16px;position:relative}.login-page-header i{cursor:pointer;margin-right:8px}.login-page-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.login-page-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px 24px;width:100%}.login-page-title{font-size:18px;font-weight:700;margin-bottom:24px;text-align:center}.login-page-input-group{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.login-page-input-label{font-size:14px;font-weight:700}.login-page-input-row{display:flex;gap:8px}.login-page-input,.login-page-select{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:12px}.login-page-button{background:#f04e23;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin:10px 0;padding:14px;width:100%}.login-page-footer{color:#555;font-size:13px;text-align:center}.login-page-form{display:flex;flex-direction:column;gap:8px}.login-page-label-wrapper{display:flex;flex-direction:column;gap:4px;margin:10px 0}.login-page-phone-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.login-page-phone-select{appearance:none;background-color:#fff;flex:1 1}.login-page-phone-input,.login-page-phone-select{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px}.login-page-phone-input{flex:2 1}.signup-page-container{background:#0000;height:100vh;width:100vw}.signup-page-container,.signup-page-wrapper{align-items:center;display:flex;justify-content:center}.signup-page-wrapper{background:linear-gradient(180deg,#f04e23 0,#f04e23 30%,#fff 60%);border-radius:20px;flex-direction:column;height:100%;max-height:816px;max-width:450px;overflow-y:auto;position:relative;width:100%}.signup-page-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;box-sizing:border-box;margin:0 20px;max-width:410px;padding:32px 24px;width:100%}.signup-page-header{align-items:center;display:flex;font-size:20px;font-weight:700;justify-content:center;margin-bottom:20px;padding:16px;position:relative}.signup-page-header i{cursor:pointer;left:16px;position:absolute}.signup-page-form{display:flex;flex-direction:column;gap:16px}.signup-page-label{font-size:14px;font-weight:700;margin-bottom:4px}.signup-page-input,.signup-page-select{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;width:100%}.signup-page-phone-wrapper{display:flex;gap:8px}.signup-page-phone-select{appearance:none;background-color:#fff;flex:1 1}.signup-page-phone-input,.signup-page-phone-select{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px}.signup-page-phone-input{flex:2 1}.signup-page-button{background:#f04e23;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:14px;width:100%}@media (max-width:768px){.signup-page-wrapper{border-radius:0;max-height:none}}.signup-page-label-wrapper{display:flex;flex-direction:column;gap:8px}.signup-message{font-size:16px;margin:0 auto;max-width:350px;padding:12px 0;text-align:center;width:100%}.signup-success{background:#e6f9ed;border-radius:8px;color:#1a7f37}.signup-error{background:#fdeaea;border-radius:8px;color:#b91c1c}.pets-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;overflow:hidden}.pets-wrapper{background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 8px 20px #0000001a;display:flex;flex:1 1;flex-direction:column;height:100vh;max-height:816px;max-width:450px;overflow-y:auto;width:100%}@media (max-width:768px){.pets-wrapper{border-radius:0;height:100vh;max-height:none;max-width:100%;width:100%}}.pets-header{background:#f04e23;border-top-left-radius:20px;border-top-right-radius:20px;font-weight:700;height:auto;padding:30px 20px}.pets-header,.pets-header-back{align-items:center;color:#fff;display:flex;font-size:20px}.pets-header-back{background:none;border:none;cursor:pointer;margin-right:8px;padding:0}.pets-content{align-items:center;background:#0000;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 20px}.pets-paw-icon{color:#444;font-size:40px;margin-bottom:18px}.pets-empty-text{color:#444;font-size:16px;margin-bottom:24px;text-align:center}.pets-add-btn{background:#f04e23;border:none;border-radius:8px;box-shadow:0 2px 8px #f04e2314;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background .2s}.pets-add-btn:hover{background:#d93c1a}.pets-list{margin-bottom:20px;max-width:400px;width:100%}.pet-item{align-items:center;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.pet-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.pet-primary-badge{background:#d3f9d8;border:1.5px solid #b2f2bb;border-radius:10px;color:#388e3c;display:inline-block;font-size:12px;font-weight:700;letter-spacing:1px;margin-left:8px;padding:2px 10px;vertical-align:middle}.pet-info{flex:1 1}.pet-icon,.pet-info{align-items:center;display:flex}.pet-icon{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;font-size:24px;height:40px;justify-content:center;margin-right:12px;width:40px}.pet-details{flex:1 1}.pet-name{color:#333;font-size:18px;font-weight:600;margin-bottom:4px}.pet-breed{color:#666;font-size:14px;margin-bottom:6px}.pet-details-row{align-items:center;color:#888;display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.pet-details-row span{display:inline-block}.pet-delete-btn{align-items:center;background:#ff4757;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:background .2s;width:32px}.pet-delete-btn:hover{background:#e63946}.pets-content:has(.pets-list){justify-content:flex-start;padding-bottom:20px;padding-top:20px}.addpet-container{align-items:center;background:#0000;display:flex;justify-content:center;min-height:100vh;overflow:hidden}.addpet-wrapper{background:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 8px 20px #0000001a;display:flex;flex:1 1;flex-direction:column;height:100vh;max-height:816px;max-width:450px;overflow-y:auto;width:100%}@media (max-width:768px){.addpet-wrapper{border-radius:0;height:100vh;max-height:none;max-width:100%;width:100%}}.addpet-header{background:#f04e23;border-top-left-radius:20px;border-top-right-radius:20px;font-weight:700;height:auto;padding:30px 20px}.addpet-header,.addpet-header-back{align-items:center;color:#fff;display:flex;font-size:20px}.addpet-header-back{background:none;border:none;cursor:pointer;margin-right:8px;padding:0}.addpet-content{align-items:center;background:#0000;flex:1 1;justify-content:flex-start;padding:32px 20px 0}.addpet-content,.addpet-form{display:flex;flex-direction:column}.addpet-form{gap:18px;max-width:400px;width:100%}.addpet-label{color:#222;font-size:15px;font-weight:500;margin-bottom:6px}.addpet-input,.addpet-select{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:#222;font-size:15px;outline:none;padding:12px 14px;width:100%}.addpet-input:focus,.addpet-select:focus{background:#fff;border-color:#f04e23}.addpet-birth-row{display:flex;gap:12px}.addpet-birth-row select{flex:1 1}.addpet-save-btn{background:#f04e23;border:none;border-radius:8px;box-shadow:0 2px 8px #f04e2314;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:14px 0;transition:background .2s;width:100%}.addpet-save-btn:hover{background:#d93c1a}.wallet-main-container{align-items:center;background:#0000;display:flex;height:100vh;justify-content:center;min-height:0;width:100vw}.wallet-main-wrapper{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;display:flex;flex-direction:column;height:100%;max-height:816px;max-width:450px;min-height:0;overflow:hidden;width:100%}@media (max-width:768px){.wallet-main-wrapper{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}}.wallet-header{align-items:center;background-color:#ef4f22;color:#fff;display:flex;padding:30px 20px}.wallet-header,.wallet-title{font-size:20px;font-weight:700}.wallet-balance-card{align-items:flex-start;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;margin:20px 20px 0;padding:20px 20px 16px}.wallet-balance-label{color:#888;font-size:15px;margin-bottom:4px}.wallet-balance-value{color:#ef4f22;font-size:32px;font-weight:700;margin-bottom:8px}.wallet-balance-unit{color:#888;font-size:18px;margin-left:2px}.wallet-convert-btn{align-self:flex-end;background:#fff4f0;border:1px solid #ef4f22;border-radius:8px;color:#ef4f22;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:8px;padding:6px 16px}.wallet-balance-expire{color:#888;font-size:13px;margin-top:2px}.wallet-balance-expire span{color:#ef4f22;font-weight:700}.wallet-history-section{display:flex;flex:1 1;flex-direction:column;margin:24px 20px 0;min-height:0}.wallet-tabs{border-bottom:1.5px solid #f3f3f3;display:flex;margin-bottom:8px}.wallet-tab{border-bottom:2px solid #0000;color:#888;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px 0 10px;text-align:center}.wallet-tab-active{border-bottom:2px solid #ef4f22;color:#ef4f22;font-weight:700}.wallet-history-list{flex:1 1;height:auto;margin-top:8px;max-height:400px;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.wallet-history-list::-webkit-scrollbar{display:none}.wallet-history-item{background:#fafafa;border-radius:12px;display:flex;flex-direction:column;margin-bottom:12px;padding:16px 14px 12px;position:relative}.wallet-history-desc{color:#222;font-size:15px;font-weight:500;margin-bottom:6px}.wallet-history-meta{color:#888;display:flex;font-size:13px;gap:8px;margin-bottom:2px}.wallet-history-date{font-size:13px}.wallet-history-extra{color:#bbb;font-size:13px}.wallet-history-amount{font-size:17px;font-weight:700;position:absolute;right:16px;top:18px}.wallet-history-amount.plus{color:#1a9c36}.wallet-history-amount.minus{color:#ef4f22}
/*# sourceMappingURL=main.ac9596a2.css.map*/