:root{color:#213547;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;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}}.login-bg{background:#cbe6ff;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:auto}.login-card{box-sizing:border-box;background:#7da6d9;border-radius:32px;flex-direction:column;align-items:center;width:360px;padding:40px 32px;display:flex;box-shadow:0 4px 24px #00000014}.login-icon{margin-bottom:16px}.login-icon-image{width:80px;height:80px}.login-title{color:#fff;margin-bottom:24px;font-size:2rem;font-weight:700}.login-google{box-sizing:border-box;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:flex-start;align-items:center;width:100%;height:48px;margin-bottom:12px;padding:12px;font-size:1rem;font-weight:400;display:flex;box-shadow:0 2px 8px #0000000a}.login-google-icon{width:24px;height:24px;margin-right:12px}.login-google-text{color:#444;font-size:1rem;font-weight:500}.login-hr{border:none;border-top:1px solid #b3cbe6;width:100%;margin:16px 0}.login-input{box-sizing:border-box;border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font-size:1rem}.login-remember-row{text-align:left;align-items:center;width:100%;margin-bottom:4px;display:flex}.login-checkbox{vertical-align:middle;margin-right:8px}.login-remember-label{color:#fff;vertical-align:middle;font-size:1rem;font-weight:700}.login-forgot-row{text-align:left;width:100%;margin-bottom:8px}.login-forgot-link{color:#204f56;font-size:1rem;font-weight:700;text-decoration:underline}.login-register-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.login-register-row>div{color:#fff;text-align:left;font-size:1rem;font-weight:700}.login-register-link{color:#204f56;font-weight:700;text-decoration:underline}.login-btn{cursor:pointer;background:0 0;border:2px solid #222;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;margin-left:16px;padding:0;display:flex}.register-bg{background:#cbe6ff;flex-direction:row;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}.register-back-btn{cursor:pointer;z-index:100;background:0 0;border:none;outline:none;padding:0;transition:box-shadow .15s,background .15s;position:fixed;top:32px;left:32px}.register-card{box-sizing:border-box;background:#7da6d9;border-radius:32px;flex-direction:column;align-items:center;width:360px;padding:40px 32px;display:flex;box-shadow:0 4px 24px #00000014}.register-card h2{color:#fff;margin-bottom:24px;font-size:2rem;font-weight:700}.register-card input{border:none;border-radius:10px;width:100%;margin-bottom:12px;padding:12px;font-size:1rem}.register-card select{background:#fff;border:none;border-radius:10px;width:108%;padding:12px;font-size:1rem;font-weight:500}.register-card hr{border:none;border-top:1px solid #b3cbe6;width:100%;margin:16px 0}.register-card .arrow-btn{cursor:pointer;background:0 0;border:2px solid #222;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;margin-left:16px;padding:0;display:flex}.register-icon-image{width:80px;height:80px}.log-modal-bg{z-index:1000;background:#0003;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.log-modal{background:#7da6d9;border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:center;width:240px;height:200px;padding:32px 0 0;display:flex;position:relative;box-shadow:0 4px 24px #00000014}.log-modal-title{color:#fff;text-align:center;margin-bottom:8px;font-size:1.3rem;font-weight:700}.log-modal-hr{border:none;border-top:2px solid #fff;width:80%;margin:8px 0 0}.log-modal-icon-image{width:60px;height:60px}.log-modal-arrow-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;bottom:16px;right:16px}.log-modal-arrow-btn svg{width:59px;height:54px}.log-bg{background:#cbe6ff;width:auto;min-width:100vw;min-height:100vh;display:flex}.log-sidebar{background:#e3ecf7;flex-direction:column;align-items:center;width:100px;padding-top:24px;display:flex}.log-sidebar-icon{margin-bottom:12px}.log-sidebar-icon-image{width:60px;height:60px}.log-sidebar-user{color:#222;margin-bottom:24px;font-size:1.2rem;font-weight:700}.log-sidebar-menu{flex-direction:column;gap:16px;margin-top:16px;display:flex}.log-sidebar-menu-item{color:#222;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.log-sidebar-menu-item:hover{background:#ffffff80}.log-sidebar-menu-item.active{background:#fff;border-left:4px solid #e74c3c}.log-main{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;padding:24px 48px;display:flex;position:relative}.log-main-center{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.log-greeting{color:#222;align-self:flex-start;margin-bottom:20px;font-size:1.5rem;font-weight:700;position:relative;left:20px}.log-card{background:#fff;border-radius:24px;flex-direction:column;align-self:center;gap:24px;width:800px;min-height:350px;padding:32px 24px;display:flex;box-shadow:0 4px 24px #00000014}.log-card-header{margin-bottom:0}.log-card-header h2{font-size:1.6rem;font-weight:700}.log-card-body{flex-direction:row;gap:24px;width:100%;display:flex}.log-form-section{flex-direction:column;flex:1;justify-content:center;padding-left:40px;display:flex}.log-form-section h2{margin-bottom:24px;font-size:1.3rem;font-weight:700}.log-form-row{align-items:center;margin-bottom:16px;display:flex}.log-form-row label{min-width:120px;margin-right:16px;font-size:1.1rem;font-weight:700}.log-form-row input{background:#e3ecf7;border:none;border-radius:12px;width:215px;padding:8px 16px;font-size:1rem}.log-result-section{flex:1;padding-left:32px}.log-result-section h2{margin-bottom:24px;font-size:1.6rem;font-weight:700}.log-result-row{align-items:center;margin-bottom:16px;display:flex}.log-result-row label{margin-right:16px;font-size:1.1rem;font-weight:700}.log-result-row span{color:#222;font-size:1.1rem;font-weight:700}.log-btn-row{gap:32px;margin-left:auto;display:flex;position:static;bottom:32px}.log-calc-btn,.log-save-btn{cursor:pointer;background:#fff;border:2px solid #222;border-radius:12px;margin-top:24px;padding:12px 32px;font-size:1.1rem;font-weight:700}.log-calc-btn:hover,.log-save-btn:hover{background:#e3ecf7}.setting-modal-bg{z-index:1000;background:#0003;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.setting-modal{background:#7da6d9;border-radius:24px;flex-direction:column;justify-content:flex-start;align-items:center;width:240px;height:200px;padding:32px 0 0;display:flex;position:relative;box-shadow:0 4px 24px #00000014}.setting-modal-title{color:#fff;text-align:center;margin-bottom:8px;font-size:1.3rem;font-weight:700}.setting-modal-hr{border:none;border-top:2px solid #fff;width:80%;margin:8px 0 0}.setting-modal-arrow-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;bottom:16px;right:16px}.setting-modal-arrow-btn svg{width:59px;height:54px}.setting-modal-icon-image{width:60px;height:60px}.setting-bg{background:#cbe6ff;width:auto;min-width:100vw;min-height:100vh;display:flex}.setting-sidebar{background:#e3ecf7;flex-direction:column;align-items:center;width:100px;padding-top:24px;display:flex}.setting-sidebar-icon{margin-bottom:12px}.setting-sidebar-icon-image{width:60px;height:60px}.setting-sidebar-menu{flex-direction:column;gap:16px;margin-top:16px;display:flex}.setting-sidebar-menu-item{color:#222;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.setting-sidebar-menu-item:hover{background:#ffffff80}.setting-sidebar-menu-item.active{background:#fff;border-left:4px solid #e74c3c}.setting-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 48px;display:flex;position:relative}.setting-main-center{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.setting-greeting{color:#222;align-self:flex-start;margin-bottom:20px;font-size:1.5rem;font-weight:700;position:relative;left:20px}.setting-card{background:#fff;border-radius:24px;flex-direction:column;gap:24px;width:700px;min-height:350px;padding:32px 24px;display:flex;box-shadow:0 4px 24px #00000014}.setting-card-header{margin-bottom:0}.setting-card-header h2{font-size:1.6rem;font-weight:700}.setting-card-body{flex-direction:row;gap:24px;width:100%;display:flex}.setting-form-section{flex-direction:column;flex:1;justify-content:center;padding-left:40px;display:flex}.setting-form-title{margin-bottom:24px;font-size:1.6rem;font-weight:700}.setting-form-row{align-items:center;margin-bottom:16px;display:flex}.setting-form-row label{min-width:60px;margin-right:16px;font-size:1.1rem;font-weight:700}.setting-form-row input{background:#e3ecf7;border:none;border-radius:12px;width:180px;padding:8px 16px;font-size:1rem}.setting-info-section{flex:1}.setting-info-row{align-items:center;margin-bottom:16px;display:flex}.setting-info-row label{min-width:100px;margin-right:16px;font-size:1.1rem;font-weight:700}.setting-info-row input{background:#e3ecf7;border:none;border-radius:12px;width:180px;min-width:100px;padding:8px 16px;font-size:1rem}.setting-info-row select{background:0 0;border:none;border-radius:12px;width:210px;padding:8px 16px;font-size:1rem;font-weight:500}.setting-btn-row{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.setting-btn-group{gap:16px;display:flex}.setting-logout-btn,.setting-reset-btn,.setting-confirm-btn{cursor:pointer;background:#fff;border:2px solid #222;border-radius:12px;padding:12px 32px;font-size:1.1rem;font-weight:700}.setting-logout-btn:hover,.setting-reset-btn:hover,.setting-confirm-btn:hover{background:#e3ecf7}.history-bg{background:#cbe6ff;width:auto;min-width:100vw;min-height:100vh;display:flex}.history-sidebar{background:#e3ecf7;flex-direction:column;align-items:center;width:100px;padding-top:24px;display:flex}.history-sidebar-icon{margin-bottom:12px}.history-sidebar-icon-image{width:60px;height:60px}.history-sidebar-menu{flex-direction:column;gap:16px;margin-top:16px;display:flex}.history-sidebar-menu-item{color:#222;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.history-sidebar-menu-item:hover{background:#ffffff80}.history-sidebar-menu-item.active{background:#fff;border-left:4px solid #e74c3c}.history-main{flex-direction:column;flex:1;align-items:flex-start;padding:24px 48px;display:flex;position:relative}.history-main-center{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.history-greeting{color:#222;align-self:flex-start;margin-bottom:20px;font-size:1.5rem;font-weight:700;position:relative;left:20px}.history-card{background:#fff;border-radius:24px;flex-direction:column;gap:48px;width:900px;min-height:420px;padding:48px;display:flex;box-shadow:0 4px 24px #00000014}.history-card-header{margin-bottom:0}.history-card-header h2{font-size:1.6rem;font-weight:700}.history-card-body{flex-direction:row;gap:24px;width:100%;display:flex}.history-left{flex:1}.history-month-select{background:#fff;border-radius:12px;margin-bottom:24px;padding:12px;display:inline-block}.history-month-select-label,.history-month-select select{background:0 0;border:none;font-size:1rem;font-weight:700}.history-summary{margin-top:12px}.history-summary-row{margin-bottom:16px;font-weight:700}.history-right{flex:1;max-height:280px;overflow:auto}.history-list{flex-direction:column;gap:20px;padding-right:8px;display:flex}.history-item{color:#fff;background:#7da6d9;border-radius:16px;padding:20px}.history-item-title{margin-bottom:12px;font-weight:700}.history-item-row{justify-content:space-between;margin-bottom:8px;display:flex}.history-item-row .val{font-weight:700}.trash-icon{cursor:pointer;opacity:.6;background:0 0;border:none;padding:5px;position:absolute;top:8px;right:10px}.log-modal-cancel-btn{color:#555;cursor:pointer;background:#f5f5f5;border:none;border-radius:20px;padding:8px 24px;font-size:.95rem;font-weight:600;transition:all .2s;position:absolute;bottom:20px;left:30px;box-shadow:0 2px 5px #0000000d}.log-modal-cancel-btn:active{background:#d5d5d5;transform:translateY(0)}.home-bg{background:#cbe6ff;gap:24px;width:auto;min-width:100vw;min-height:100vh;display:flex}.home-sidebar{background:#e3ecf7;flex-direction:column;align-items:center;width:100px;padding-top:24px;display:flex}.home-sidebar-icon{margin-bottom:12px}.home-sidebar-icon-image{width:60px;height:60px}.home-sidebar-menu{flex-direction:column;gap:16px;margin-top:16px;display:flex}.home-sidebar-menu-item{color:#222;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.home-sidebar-menu-item:hover{background:#ffffff80}.home-sidebar-menu-item.active{background:#fff;border-left:4px solid #e74c3c}.home-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 48px;display:flex;position:relative}.home-greeting{color:#222;align-self:flex-start;font-size:1.5rem;font-weight:700;position:relative}.home-card{box-sizing:border-box;flex:auto;gap:24px;width:100%;max-width:980px;padding:32px;display:flex}.home-left{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.home-left h2{align-self:flex-start;margin-left:24px}.home-center-img{justify-content:center;align-items:center;width:300px;height:400px;margin:24px;display:flex;position:relative}.home-pet-body-image{object-fit:cover;z-index:1;border-radius:8px;width:100%;height:100%;position:relative}.home-pet-face-image{object-fit:cover;z-index:2;pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.home-stats{gap:80px;margin-top:24px;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat .num{font-weight:700}.home-right{background:#fff;border-radius:8px;flex-direction:column;flex:0 0 380px;justify-content:flex-start;align-items:stretch;width:32%;min-width:280px;max-width:480px;padding:16px;display:flex;box-shadow:0 8px 32px #0000001f}.home-tabs{gap:8px;margin-bottom:12px;display:flex}.home-tabs button{background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px}.home-tabs button.active{border-bottom-color:#2ecc71}.home-search input{border:1px solid #eee;border-radius:8px;width:95%;margin-bottom:12px;padding:8px}.home-items{flex-direction:column;gap:12px;min-height:80px;max-height:500px;margin-bottom:12px;display:flex;overflow-y:auto}.home-item{border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.home-item-price{color:#2ecc71}.home-item-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.home-item-equipstate{border-radius:8px;padding:6px 8px;font-size:.9rem;font-weight:700;display:inline-block}.home-item-equipstate-equipped{color:#0b6b3a;background:#d4f5e0;border:1px solid #9fe0b4;border-radius:8px;padding:6px 8px;font-size:.9rem;font-weight:700;display:inline-block}.home-item-equipstate-pending{color:#8a6a00;background:#fff6d9;border:1px solid #f0d88a;border-radius:8px;padding:6px 8px;font-size:.9rem;font-weight:700;display:inline-block}.home-coin{margin-top:auto;font-size:200%;font-weight:700}.shop-bg{background:#cbe6ff;gap:24px;width:auto;min-width:100vw;min-height:100vh;display:flex}.shop-sidebar{background:#e3ecf7;flex-direction:column;align-items:center;width:100px;padding-top:24px;display:flex}.shop-sidebar-icon{margin-bottom:12px}.shop-sidebar-icon-image{width:60px;height:60px}.shop-sidebar-menu{flex-direction:column;gap:16px;margin-top:16px;display:flex}.shop-sidebar-menu-item{color:#222;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex}.shop-sidebar-menu-item:hover{background:#ffffff80}.shop-sidebar-menu-item.active{background:#fff;border-left:4px solid #e74c3c}.shop-main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 48px;display:flex;position:relative}.shop-greeting{color:#222;align-self:flex-start;font-size:1.5rem;font-weight:700;position:relative}.shop-card{box-sizing:border-box;flex:auto;gap:24px;width:100%;max-width:980px;padding:32px;display:flex}.shop-left{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.shop-center-img{justify-content:center;align-items:center;width:300px;height:400px;margin:24px;display:flex;position:relative}.shop-pet-body-image{object-fit:cover;z-index:1;border-radius:8px;width:100%;height:100%;position:relative}.shop-pet-face-image{object-fit:cover;z-index:2;pointer-events:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}.pet-layer{width:100%;height:100%;position:absolute;top:0;left:0}.stat{font-size:200%;font-weight:700}.shop-right{background:#fff;border-radius:8px;flex-direction:column;flex:0 0 380px;justify-content:flex-start;align-items:stretch;width:32%;min-width:280px;max-width:480px;padding:16px;display:flex;box-shadow:0 8px 32px #0000001f}.shop-tabs{gap:8px;margin-bottom:12px;display:flex}.shop-tabs button{background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 12px}.shop-tabs button.active{border-bottom-color:#2ecc71}.shop-search input{border:1px solid #eee;border-radius:8px;width:95%;margin-bottom:12px;padding:8px}.shop-items{flex-direction:column;gap:12px;min-height:80px;max-height:500px;margin-bottom:12px;display:flex;overflow-y:auto}.shop-item{border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.shop-item-left{flex-direction:column;display:flex}.shop-item-price{color:#2ecc71}.shop-item-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.shop-item-equipstate{border-radius:8px;padding:6px 8px;font-size:.9rem;font-weight:700;display:inline-block}.shop-item-equipstate-equipped{color:#0b6b3a;background:#d4f5e0;border:1px solid #9fe0b4}.shop-item-equipstate-owned{color:#8a6a00;background:#fff6d9;border:1px solid #f0d88a}.shop-item-equipstate-notowned{color:#666;background:#f8f8f8;border:1px solid #eee}.buy{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:700}.equip{color:#222;cursor:pointer;background:#fff;border:1px solid #eee;border-radius:8px;padding:8px 12px;font-size:.9rem;font-weight:700}.equip[disabled]{opacity:.6}.shop-coin{margin-top:auto;font-size:200%;font-weight:700}.sidebar-menu-icon{object-fit:contain;width:24px;height:24px}.choose-bg{background:#cbe6ff;flex-direction:row;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;overflow:auto}.choose-select{flex-direction:column;align-items:flex-start;display:flex}.choose-select h1{color:#222;margin:auto auto 32px;font-size:2.2rem;font-weight:700}.choose-cards{gap:32px;display:flex}.choose-card{cursor:pointer;background:#7da6d9;border-radius:16px;justify-content:center;align-items:center;width:180px;height:220px;transition:background .2s,box-shadow .2s;display:flex;position:relative}.choose-card-active{z-index:3;box-shadow:0 0 0 3px #7da6d9,0 4px 16px #0000001a;background:#fff!important}.choose-dog-body-image{object-fit:cover;z-index:1;border-radius:8px;width:150px;height:200px;position:relative}.choose-dog-face-image{object-fit:cover;z-index:2;pointer-events:none;border-radius:8px;width:150px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.choose-cat-body-image{object-fit:cover;z-index:1;border-radius:8px;width:150px;height:200px;position:relative}.choose-cat-face-image{object-fit:cover;z-index:2;pointer-events:none;border-radius:8px;width:150px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.choose-check-btn{color:#fff;cursor:pointer;background:#83a3c3;border:2px solid #507395;border-radius:12px;align-self:center;min-width:160px;min-height:48px;margin:32px auto 0;padding:16px 40px;font-size:1.3rem;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:block;box-shadow:0 2px 8px #0000000f}.choose-check-btn:hover{color:#fff;background:#6085a9;border-color:#476685}