:root{--app-background:#f4efe6;--app-text:#555;--app-secondary-text:#777;--app-progress:#aaa;--app-background-image:none}html,body,#root{background:var(--app-background);width:100%;min-height:100%;color:var(--app-text);margin:0;padding:0;transition:background-color .3s,color .3s}body{min-height:100vh}.login-page{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA+tJREFUeAG1VktIVGEUPjP5GJycuUUWlOWVauG0aDalEOVtYUQFTVhQbRzbBAXZxqggrK0ucoSiNqmLCrJI6SE4QaMRZLbQhboJuxNqoOKMM2qmqH3nv/fabXyNj/ngcO//uv+553zn+38LLQ8Zdhrm1o3bkj6mwsK61cMa9L51g2WJMQVW5kizKgUH08mVZaPcfWnksG+gzIxkMaF3cIoiY9PUh2dTW5RaO8e5L4ChGlgtJchBGVYNJ5SKq9spJyuVLt77SW/LsykevAqMkK9ukB1V0SyGBSh+cGY8sP2wZlj9hpgJnMLG4pOb3TW3d4lIpaZY6c3niBh0ybZld+A5WI+1KVK3OuGNjM8o6A7S4qlnp87D7iNbj4647Z4MKSkPWZlAX4M5gl5MqH58YyflutL++8KXzjGqqhuiZ3ezaKUwRbQdzUpYB2mcVWBFTrvVnSPbpOITm0EhO8EHulzeS/5vUS/Gaw0HFUTrIztg8MsM5tnhq9/p08O94gOrgR8cZZ4iqoSoiiDkgdMFBxzzvsl7IYLMKTWJdM49Ks0UzkXGZuhlIERRfKQwX6LMrcmiMDh1rYhkwYF0Wg14XTxrOVt9WrRVbrPrZYWKUzb4dfJGD3UH/4gKvXAvKP6W4ZJTRV8i0fVjgkof/uLXSqOPI6iUnMsQjaavEXJl26jiynbRvlwBLqCvUJFEFDnViQBnrfLFANU0hpibXPn1Zgdlg3fsRHT0nxO9A5OiL9Hw1QnnAng9Q1oBzYFTrBqpy0MV5SCVTNIjsMytKXO84eglylnmugPVjFdv7BjvyDqk5Ls3ig5+cnWdOuSgS9AzA+VPB+jsUWnBKl8rMjYlYT+nDZV+HJyXSRNp1kERQV/1++EwH1MGuGDMoszkjerSsFZ0QWbMexngH295sAfRdHrRfG30z+ngDujg87IsISuxKH3QL9KPaqfVguXDB7Fv7RpnCZFAHflO0bYF92N6gXZH8RowSKUiQkEIqYcdwVEzN5kr+/mHMPG5vBr0DkwJNah6OdQOfeMj7RbM19M/ycKtgHvzjtBZWEvHmIxHrZn17XCy45k/lEezFol5yB+/5uun65CheM7hWDx5N0wlVX1hOHOTNPkImoabsV+tv23Ug30kC3KZmmwVhbh7Rwo99YfkyalZ32K3mTKk3Mu84IiWnNtCK4EpnQHdMXWZJV5YEcydnmaVnHASKWa5yV7qPpgPu44FnmOQmmO4E+a67CwH8yay0Hapv3HejuKYDHNBqaSdBj5aOVhVmOwjsLAljgUyaTcPvlUrSLWkOTVNI7CodhTy3zL5A6RdVoO0TojHwVi49WeI9L+kBOIv9FuOkJws7hEAAAAASUVORK5CYII=),auto}.login-page button,.login-page input,.login-page a{cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUCAYAAAD/Rn+7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAAA+tJREFUeAG1VktIVGEUPjP5GJycuUUWlOWVauG0aDalEOVtYUQFTVhQbRzbBAXZxqggrK0ucoSiNqmLCrJI6SE4QaMRZLbQhboJuxNqoOKMM2qmqH3nv/fabXyNj/ngcO//uv+553zn+38LLQ8Zdhrm1o3bkj6mwsK61cMa9L51g2WJMQVW5kizKgUH08mVZaPcfWnksG+gzIxkMaF3cIoiY9PUh2dTW5RaO8e5L4ChGlgtJchBGVYNJ5SKq9spJyuVLt77SW/LsykevAqMkK9ukB1V0SyGBSh+cGY8sP2wZlj9hpgJnMLG4pOb3TW3d4lIpaZY6c3niBh0ybZld+A5WI+1KVK3OuGNjM8o6A7S4qlnp87D7iNbj4647Z4MKSkPWZlAX4M5gl5MqH58YyflutL++8KXzjGqqhuiZ3ezaKUwRbQdzUpYB2mcVWBFTrvVnSPbpOITm0EhO8EHulzeS/5vUS/Gaw0HFUTrIztg8MsM5tnhq9/p08O94gOrgR8cZZ4iqoSoiiDkgdMFBxzzvsl7IYLMKTWJdM49Ks0UzkXGZuhlIERRfKQwX6LMrcmiMDh1rYhkwYF0Wg14XTxrOVt9WrRVbrPrZYWKUzb4dfJGD3UH/4gKvXAvKP6W4ZJTRV8i0fVjgkof/uLXSqOPI6iUnMsQjaavEXJl26jiynbRvlwBLqCvUJFEFDnViQBnrfLFANU0hpibXPn1Zgdlg3fsRHT0nxO9A5OiL9Hw1QnnAng9Q1oBzYFTrBqpy0MV5SCVTNIjsMytKXO84eglylnmugPVjFdv7BjvyDqk5Ls3ig5+cnWdOuSgS9AzA+VPB+jsUWnBKl8rMjYlYT+nDZV+HJyXSRNp1kERQV/1++EwH1MGuGDMoszkjerSsFZ0QWbMexngH295sAfRdHrRfG30z+ngDujg87IsISuxKH3QL9KPaqfVguXDB7Fv7RpnCZFAHflO0bYF92N6gXZH8RowSKUiQkEIqYcdwVEzN5kr+/mHMPG5vBr0DkwJNah6OdQOfeMj7RbM19M/ycKtgHvzjtBZWEvHmIxHrZn17XCy45k/lEezFol5yB+/5uun65CheM7hWDx5N0wlVX1hOHOTNPkImoabsV+tv23Ug30kC3KZmmwVhbh7Rwo99YfkyalZ32K3mTKk3Mu84IiWnNtCK4EpnQHdMXWZJV5YEcydnmaVnHASKWa5yV7qPpgPu44FnmOQmmO4E+a67CwH8yay0Hapv3HejuKYDHNBqaSdBj5aOVhVmOwjsLAljgUyaTcPvlUrSLWkOTVNI7CodhTy3zL5A6RdVoO0TojHwVi49WeI9L+kBOIv9FuOkJws7hEAAAAASUVORK5CYII=) 16 16,auto}.cat-login{width:400px;height:350px;margin:0 auto;position:relative}.cat-body{width:500px;height:auto;position:absolute;top:0;left:-40px}.cat-eye{height:auto;position:absolute}.cat-eye-left{width:20px;height:20px;position:absolute;top:90px;left:180px}.cat-eye-right{width:20px;height:20px;position:absolute;top:110px;left:240px}.login-page{background:#f4efe6;justify-content:center;align-items:center;width:100%;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.login-container{text-align:center;width:420px;max-width:calc(100vw - 32px);margin:0 auto}.login-form{flex-direction:column;align-items:center;gap:10px;width:100%;padding:5px 0;display:flex}.login-form>input{box-sizing:border-box;text-align:center;color:#333;background:#ffffffb3;border:1px solid #fff6;border-radius:3px;outline:none;width:250px;padding:10px 15px;font-size:18px;transition:width .25s,background-color .25s}.login-form input:hover{background:#ffffffe6}.login-form input:focus{background:#fff;width:300px}.login-form input::placeholder{color:#888}.login-form button{box-sizing:border-box;color:#555;cursor:pointer;background:#fff;border:none;border-radius:3px;width:250px;padding:10px 15px;font-size:18px;transition:width .25s,background-color .25s}.login-form button:hover{background:#f5f5f5;width:300px}.remember-me{color:#777;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:7px;font-size:14px;display:flex}.remember-me input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.remember-box{color:#0000;background:#ffffffb3;border:1px solid #b4aaa099;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:700;transition:background-color .2s,border-color .2s,transform .15s;display:flex}.remember-text{transition:color .2s}.remember-me:hover .remember-box{background:#fffffff2;transform:scale(1.05)}.remember-me:hover .remember-text{color:#555}.remember-me input[type=checkbox]:checked+.remember-box{color:#777;background:#fff;border-color:#aaa}.remember-me:active .remember-box{transform:scale(.92)}.home-page{background-color:var(--app-background);background-image:var(--app-background-image);min-height:100vh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .3s,color .3s}.home-header{max-width:800px;color:var(--app-text);justify-content:space-between;align-items:center;margin:0 auto;transition:background-color .3s,color .3s;display:flex}.lifeos-title{color:var(--app-text);font-size:24px;font-weight:700;transition:color .3s}.player-status{text-align:right;color:var(--app-text)}.level{color:var(--app-text);font-size:18px;font-weight:700;transition:color .3s}.exp-text{color:var(--app-secondary-text);margin-top:3px;font-size:13px;transition:color .3s}.cat-area{text-align:center;max-width:800px;color:var(--app-text);margin:50px auto 35px}.cat{margin-bottom:10px;font-size:90px}.cat-area h2{color:var(--app-secondary-text);margin:0;font-size:20px;font-weight:500;transition:color .3s}.exp-bar{background:#ffffffb3;border-radius:10px;width:300px;height:10px;margin:20px auto 0;overflow:hidden}.exp-progress{background:var(--app-progress);border-radius:10px;width:0%;height:100%;transition:background-color .3s}.main-menu{grid-template-columns:repeat(2,1fr);gap:14px;max-width:600px;margin:0 auto;display:grid}.menu-card{box-sizing:border-box;color:#555;cursor:pointer;background:#ffffffd9;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:90px;transition:transform .2s cubic-bezier(.7,-.35,.27,1.55),box-shadow .2s,background-color .2s,color .2s;display:flex;position:relative;box-shadow:5px 5px #786e6459}.menu-icon{font-size:30px;transition:transform .2s cubic-bezier(.7,-.35,.27,1.55);display:block}.menu-title{color:#555;font-size:16px;font-weight:500}.menu-card:hover .menu-icon{transform:scale(1.18)}.menu-card:hover{background:#fffffffa;animation:.12s ease-out forwards menu-squish;box-shadow:5px 5px #786e6459,inset 0 0 0 3px #fffc}.dark-menu-card{color:#fff!important;background:#454545!important;border:1px solid #5a5a5a!important;box-shadow:5px 5px #00000073!important}.dark-menu-card .menu-title{font-weight:600;color:#fff!important}.dark-menu-card:hover{animation:.12s ease-out forwards menu-squish;color:#fff!important;background:#505050!important;border-color:#6a6a6a!important;box-shadow:5px 5px #00000080,inset 0 0 0 2px #ffffff14!important}.dark-menu-card:hover .menu-title{color:#fff!important}.dark-menu-card:active{color:#fff!important;background:#3f3f3f!important;box-shadow:2px 2px #00000080!important}.achievement-area{justify-content:flex-start;max-width:600px;margin:25px auto 0;display:flex}.achievement-area .menu-card{width:calc(50% - 7px)}.home-footer{text-align:right;max-width:600px;margin:25px auto 0}.logout-button{color:var(--app-secondary-text);cursor:pointer;background:#fff9;border:none;border-radius:8px;padding:8px 18px;font-weight:500;transition:background-color .2s,color .2s,transform .2s}.logout-button:hover{color:#444;background:#ffffffe6;transform:translateY(-2px)}@keyframes menu-squish{0%{transform:scale(1.08,.85)rotate(-2deg)}to{transform:scale(1)rotate(-1deg)}}.menu-card:active{transform:translate(3px,3px)scale(.98);box-shadow:2px 2px #786e6459}.home-page.dark-theme .menu-card:active{color:#fff;background:#3f3f3f;box-shadow:2px 2px #00000080}@media (width<=600px){.home-page{width:100%;min-height:100dvh;padding-left:16px;padding-right:16px;overflow-x:hidden}.home-header{width:100%;max-width:none}.lifeos-title{font-size:21px}.level{font-size:16px}.exp-text{font-size:12px}.cat-area{width:100%;max-width:none;margin:35px auto 25px}.cat{font-size:75px}.cat-area h2{font-size:18px}.exp-bar{width:min(300px,80%)}.main-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:none}.menu-card{border-radius:16px;min-width:0;min-height:90px}.menu-icon{font-size:28px}.menu-title{font-size:15px}.achievement-area{width:100%;max-width:none;margin-top:12px}.achievement-area .menu-card{width:calc(50% - 6px)}.home-footer{text-align:right;width:100%;max-width:none;margin-top:22px}.logout-button{padding:9px 18px}.settings-area{width:100%;max-width:none;margin-top:12px}.settings-area .menu-card{width:calc(50% - 6px)}}.home-header-right{align-items:center;gap:15px;display:flex}.settings-button{color:#555;cursor:pointer;background:#ffffffbf;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background-color .2s,color .2s,transform .2s;display:flex}.settings-button:hover{color:#333;background:#fff;transform:rotate(15deg)}.home-page.dark-theme .settings-button{color:#fff;background:#454545;border:1px solid #5a5a5a;box-shadow:3px 3px #00000059}.home-page.dark-theme .settings-button:hover{color:#fff;background:#505050;border-color:#6a6a6a;transform:rotate(15deg)}.cat-page{background-color:var(--app-background);background-image:var(--app-background-image);min-height:100vh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .3s,color .3s}.cat-page-header{align-items:center;max-width:800px;margin:0 auto 40px;display:flex}.cat-page-header h1{color:var(--app-text);margin:0 auto;font-size:26px;transition:color .3s}.back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:3px 3px #50463c2e}.back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}.cat-page.dark-theme .back-button{color:#fff;background:#454545;border:1px solid #5f5f5f}.cat-page.dark-theme .back-button:hover{color:#fff;background:#505050;border-color:#777}.cat-list{grid-template-columns:repeat(2,1fr);gap:18px;max-width:800px;margin:0 auto;display:grid}.cat-card{box-sizing:border-box;min-height:260px;color:var(--app-text);background:#fffc;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:25px;transition:background-color .3s,color .3s,box-shadow .3s;display:flex;box-shadow:5px 5px #786e6440}.cat-avatar{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:10px;font-size:70px;display:flex}.cat-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cat-card h2{color:var(--app-text);margin:5px 0 10px;font-size:22px;transition:color .3s}.cat-card p{color:var(--app-secondary-text);margin:3px 0;font-size:14px;transition:color .3s}.cat-page.dark-theme .cat-card{color:#fff;background:#454545;border:1px solid #5a5a5a;box-shadow:5px 5px #00000073}.cat-page.dark-theme .cat-card h2{color:#fff}.cat-page.dark-theme .cat-card p{color:#d0d0d0}.cat-actions{justify-content:center;gap:8px;margin-top:12px;display:flex}.cat-edit-button,.cat-delete-button{cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-size:12px;transition:background-color .2s,color .2s,transform .2s}.cat-edit-button{color:#777;background:#eee8df}.cat-edit-button:hover{background:#e5ddd2;transform:translateY(-1px)}.cat-delete-button{color:#a66;background:#f1dddd}.cat-delete-button:hover{background:#ead0d0;transform:translateY(-1px)}.cat-page.dark-theme .cat-edit-button{color:#fff;background:#5a5a5a}.cat-page.dark-theme .cat-edit-button:hover{background:#666}.cat-page.dark-theme .cat-delete-button{color:#fff;background:#704c4c}.cat-page.dark-theme .cat-delete-button:hover{background:#7d5555}.cat-page.dark-theme .add-cat-button{color:#fff;background:#6f945f}.modal-overlay{z-index:1000;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3c373259;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-cat-modal{box-sizing:border-box;background:var(--app-modal-background);width:100%;max-width:460px;color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);border-radius:20px;padding:30px;transition:background-color .3s,color .3s;animation:.2s ease-out modal-pop}.add-cat-modal h2,.add-cat-form h2{text-align:center;color:var(--app-text);margin:0 0 25px;font-size:22px;font-weight:400}.add-cat-modal>label,.add-cat-form>label{color:var(--app-text);flex-direction:column;gap:7px;margin-bottom:18px;font-size:15px;display:flex}.add-cat-modal input[type=text],.add-cat-modal input[type=date],.add-cat-form input[type=text],.add-cat-form input[type=date]{box-sizing:border-box;color:#555;background:#fffc;border:1px solid #968c8240;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:16px;transition:background-color .2s,color .2s,border-color .2s}.add-cat-modal input[type=text]:focus,.add-cat-modal input[type=date]:focus,.add-cat-form input[type=text]:focus,.add-cat-form input[type=date]:focus{background:#fff;border-color:#786e6466}.cat-page.dark-theme .add-cat-modal{color:#fff;background:#3f3f3f;box-shadow:8px 8px #00000073}.cat-page.dark-theme .add-cat-modal h2,.cat-page.dark-theme .add-cat-form h2{color:#fff}.cat-page.dark-theme .add-cat-modal>label,.cat-page.dark-theme .add-cat-form>label{color:#eee}.cat-page.dark-theme .add-cat-modal input[type=text],.cat-page.dark-theme .add-cat-modal input[type=date],.cat-page.dark-theme .add-cat-form input[type=text],.cat-page.dark-theme .add-cat-form input[type=date]{color:#fff;background:#505050;border-color:#6a6a6a}.cat-page.dark-theme .add-cat-modal input[type=text]:focus,.cat-page.dark-theme .add-cat-modal input[type=date]:focus,.cat-page.dark-theme .add-cat-form input[type=text]:focus,.cat-page.dark-theme .add-cat-form input[type=date]:focus{color:#fff;background:#575757;border-color:#8a8a8a}.gender-group{color:var(--app-text);align-items:center;gap:18px;margin-bottom:25px;display:flex}.gender-group>span{margin-right:5px}.gender-group label{cursor:pointer;align-items:center;gap:5px;display:flex}.add-cat-actions{justify-content:center;gap:12px;display:flex}.cancel-cat-button,.confirm-cat-button{cursor:pointer;border:none;border-radius:10px;min-width:120px;padding:10px 18px;font-size:15px;transition:transform .15s,background-color .15s,color .15s}.cancel-cat-button{color:#666;background:#dcd7d2b3}.confirm-cat-button{color:#555;background:#fffffff2;box-shadow:3px 3px #786e6440}.cancel-cat-button:hover,.confirm-cat-button:hover{transform:translateY(-2px)}.confirm-cat-button:active{transform:translate(2px,2px)}.cancel-cat-button:disabled,.confirm-cat-button:disabled{opacity:.6;cursor:default}.cat-page.dark-theme .cancel-cat-button{color:#eee;background:#505050;border:1px solid #6a6a6a}.cat-page.dark-theme .confirm-cat-button{color:#fff;background:#5a5a5a;border:1px solid #777;box-shadow:3px 3px #00000059}.cat-page.dark-theme .cancel-cat-button:hover{background:#5b5b5b}.cat-page.dark-theme .confirm-cat-button:hover{background:#666}.cat-camera-entry{max-width:600px;margin:20px auto 0}.cat-camera-button{box-sizing:border-box;width:100%;min-height:90px;color:var(--app-text);cursor:pointer;background:#ffffffd9;border:none;border-radius:18px;align-items:center;gap:15px;padding:15px 20px;transition:transform .2s cubic-bezier(.7,-.35,.27,1.55),box-shadow .2s,background-color .2s,color .2s;display:flex;box-shadow:5px 5px #786e6459}.cat-camera-icon{font-size:32px}.cat-camera-title{color:var(--app-text);font-size:17px;font-weight:700}.cat-camera-description{color:var(--app-secondary-text);margin-left:auto;font-size:13px}.cat-camera-button:hover{background:#fffffffa;animation:.12s ease-out forwards camera-squish;box-shadow:5px 5px #786e6459,inset 0 0 0 3px #fffc}.cat-camera-button:active{transform:translate(3px,3px)scale(.98);box-shadow:2px 2px #786e6459}.cat-page.dark-theme .cat-camera-button{color:#fff;background:#454545;border:1px solid #5a5a5a;box-shadow:5px 5px #00000073}.cat-page.dark-theme .cat-camera-title{color:#fff}.cat-page.dark-theme .cat-camera-description{color:#d0d0d0}.cat-page.dark-theme .cat-camera-button:hover{background:#505050;box-shadow:5px 5px #00000080,inset 0 0 0 2px #ffffff14}.cat-page.dark-theme .cat-camera-button:active{background:#3f3f3f}@keyframes camera-squish{0%{transform:scale(1.04,.9)rotate(-1deg)}to{transform:scale(1)rotate(0)}}.delete-cat-modal{box-sizing:border-box;background:var(--app-modal-background);width:380px;max-width:calc(100vw - 40px);color:var(--app-modal-text);text-align:center;border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);border-radius:22px;padding:30px;transition:background-color .3s,color .3s}.delete-cat-modal h2{color:var(--app-text);margin:0 0 20px;font-size:21px;transition:color .3s}.delete-cat-modal p{color:var(--app-secondary-text);margin:8px 0;font-size:15px;transition:color .3s}.delete-cat-warning{color:#a77;font-size:13px!important}.delete-cat-modal .add-cat-actions{justify-content:center;margin-top:25px}.delete-cat-confirm-button{color:#8d6262;cursor:pointer;background:#e6cccc;border:none;border-radius:10px;padding:10px 18px;font-size:14px;transition:background-color .2s,color .2s,transform .2s}.delete-cat-confirm-button:hover{background:#dfbdbd;transform:translateY(-1px)}.delete-cat-confirm-button:disabled{opacity:.5;cursor:not-allowed}.cat-page.dark-theme .delete-cat-modal{color:#fff;background:#3f3f3f;box-shadow:8px 8px #00000073}.cat-page.dark-theme .delete-cat-modal h2{color:#fff}.cat-page.dark-theme .delete-cat-modal p{color:#eee}.cat-page.dark-theme .delete-cat-warning{color:#e3aaaa}.cat-page.dark-theme .delete-cat-confirm-button{color:#fff;background:#704c4c}.cat-page.dark-theme .delete-cat-confirm-button:hover{background:#7d5555}.cat-page:not(.dark-theme),.cat-page:not(.dark-theme) .cat-page-header h1,.cat-page:not(.dark-theme) .cat-card h2,.cat-page:not(.dark-theme) .cat-camera-title,.cat-page:not(.dark-theme) .add-cat-modal h2,.cat-page:not(.dark-theme) .add-cat-form h2,.cat-page:not(.dark-theme) .add-cat-modal>label,.cat-page:not(.dark-theme) .add-cat-form>label,.cat-page:not(.dark-theme) .gender-group{color:var(--app-text)}.cat-page:not(.dark-theme) .cat-card p,.cat-page:not(.dark-theme) .cat-camera-description,.cat-page:not(.dark-theme) .delete-cat-modal p{color:var(--app-secondary-text)}@keyframes modal-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.cat-page{width:100%;min-height:100dvh;padding-left:16px;padding-right:16px;overflow-x:hidden}.cat-page-header{width:100%;max-width:none;margin-bottom:30px}.cat-page-header h1{font-size:22px}.cat-list{grid-template-columns:1fr;gap:14px;width:100%;max-width:none}.cat-card{min-height:230px;padding:20px}.cat-camera-entry{width:100%;max-width:none;margin-top:16px}.cat-camera-button{min-height:82px;padding:14px 16px}.cat-camera-icon{font-size:28px}.cat-camera-title{font-size:15px}.cat-camera-description{font-size:12px}.add-cat-modal,.delete-cat-modal{max-width:calc(100vw - 32px);padding:24px 20px}.add-cat-actions{flex-direction:column;width:100%}.cancel-cat-button,.confirm-cat-button{width:100%}}.cat-header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.camera-button,.add-cat-button{box-sizing:border-box;white-space:nowrap;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;height:40px;min-height:40px;padding:0 18px;font-size:14px;font-weight:600;line-height:1;transition:background-color .2s,transform .2s,box-shadow .2s;display:inline-flex}.camera-button{color:#fff;background:#6fa8dc;box-shadow:3px 3px #50647840}.camera-button:hover{background:#5d97cc;transform:translateY(-2px);box-shadow:3px 5px #50647840}.camera-button:active{background:#5289b9;transform:translate(1px,1px);box-shadow:2px 2px #50647840}.cat-add-button{color:#fff;background:#8fbd72;box-shadow:3px 3px #5a6e5040}.cat-add-button:hover{background:#7eae62;transform:translateY(-2px);box-shadow:3px 5px #5a6e5040}.cat-add-button:active{background:#719d57;transform:translate(1px,1px);box-shadow:2px 2px #5a6e5040}.cat-page.dark-theme .camera-button{color:#fff;background:#4f7fa8;border:1px solid #ffffff26;box-shadow:3px 3px #0006}.cat-page.dark-theme .camera-button:hover{background:#5d91bb;box-shadow:3px 5px #00000073}.cat-page.dark-theme .cat-add-button{color:#fff;background:#67904f;border:1px solid #ffffff26;box-shadow:3px 3px #0006}.cat-page.dark-theme .cat-add-button:hover{background:#759f5b;box-shadow:3px 5px #00000073}.cat-detail-page{background-color:var(--app-background);min-height:100vh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .3s,color .3s}.cat-detail-header{align-items:center;max-width:800px;margin:0 auto 30px;display:flex}.cat-detail-header h1{color:var(--app-text);margin:0 auto;font-size:26px}.cat-detail-page .back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:3px 3px #50463c2e}.cat-detail-page .back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.cat-detail-page .back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}.cat-detail-page.dark-theme .back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}.cat-detail-page.dark-theme .back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.cat-detail-page.dark-theme .back-button:active{color:#fff;background:#323232e6;box-shadow:2px 2px #0000004d}.cat-profile{text-align:center;max-width:800px;margin:0 auto 25px}.cat-detail-avatar{justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 10px;font-size:85px;display:flex}.cat-detail-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cat-profile h2{color:var(--app-text);margin:5px 0;font-size:24px}.cat-age{color:var(--app-secondary-text);margin-top:5px;font-size:16px}.cat-info-card{box-sizing:border-box;color:#666;-webkit-backdrop-filter:blur(3px);background:#fffc;border-radius:18px;max-width:600px;margin:0 auto 25px;padding:20px 25px;box-shadow:5px 5px #786e6440}.cat-info-card h2{color:inherit;margin:0 0 15px;font-size:18px;font-weight:400}.cat-info-row{color:inherit;border-bottom:1px solid #786e641a;justify-content:space-between;padding:8px 0;display:flex}.cat-info-row:last-child{border-bottom:none}.cat-detail-page.dark-theme .cat-info-card{color:#fff;background:#373737e6;border:1px solid #ffffff1f;box-shadow:5px 5px #0006}.cat-detail-page.dark-theme .cat-info-row{border-bottom-color:#ffffff1f}.cat-feature-grid{grid-template-columns:repeat(2,1fr);gap:14px;max-width:600px;margin:0 auto;display:grid}.cat-feature-card{box-sizing:border-box;color:#666;cursor:default;-webkit-backdrop-filter:blur(3px);background:#ffffffd9;border:none;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:90px;transition:transform .2s cubic-bezier(.7,-.35,.27,1.55),box-shadow .2s,background-color .2s,color .2s;display:flex;box-shadow:5px 5px #786e6459}.feature-icon{font-size:30px;transition:transform .2s cubic-bezier(.7,-.35,.27,1.55)}.cat-feature-card:hover{background:#fffffffa;animation:.12s ease-out forwards feature-squish;box-shadow:5px 5px #786e6459,inset 0 0 0 3px #fffc}.cat-feature-card:hover .feature-icon{transform:scale(1.18)}.cat-feature-card:active{transform:translate(3px,3px)scale(.98);box-shadow:2px 2px #786e6459}.cat-detail-page.dark-theme .cat-feature-card{color:#fff;background:#373737e6;border:1px solid #ffffff1f;box-shadow:5px 5px #0006}.cat-detail-page.dark-theme .cat-feature-card:hover{background:#464646f2;box-shadow:5px 5px #0006,inset 0 0 0 3px #ffffff1f}.cat-detail-page.dark-theme .cat-feature-card:active{box-shadow:2px 2px #00000059}@keyframes feature-squish{0%{transform:scale(1.08,.85)rotate(-2deg)}to{transform:scale(1)rotate(-1deg)}}.camera-page{box-sizing:border-box;background-color:var(--app-background);min-height:100vh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .3s,color .3s;position:relative}.camera-page-header{align-items:center;max-width:800px;margin:0 auto 30px;display:flex}.camera-page-header h1{color:var(--app-text);margin:0 auto;font-size:26px}.camera-page .back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:3px 3px #50463c2e}.camera-page .back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.camera-page .back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}.camera-page.dark-theme .back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}.camera-page.dark-theme .back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.camera-list{flex-direction:column;gap:14px;max-width:600px;margin:0 auto;display:flex}.camera-message{text-align:center;color:var(--app-secondary-text)}.camera-card{box-sizing:border-box;color:#555;-webkit-backdrop-filter:blur(3px);background:#ffffffd9;border-radius:18px;align-items:center;gap:18px;min-height:120px;padding:20px;display:flex;box-shadow:5px 5px #786e6459}.camera-icon{background:#f4efe6cc;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:38px;display:flex}.camera-info{flex:1}.camera-info h2{color:inherit;margin:0 0 5px;font-size:18px}.camera-info p{color:#888;margin:3px 0;font-size:13px}.camera-status{white-space:nowrap;color:inherit;font-size:13px}.camera-page.dark-theme .camera-card{color:#fff;background:#373737e6;border:1px solid #ffffff1f;box-shadow:5px 5px #0006}.camera-page.dark-theme .camera-info p{color:#ffffffb3}.camera-page.dark-theme .camera-icon{background:#505050d9}.add-camera-button{color:#777;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffbf;border:none;border-radius:18px;width:600px;max-width:100%;min-height:55px;margin:20px auto 0;font-size:16px;transition:transform .2s,background-color .2s,box-shadow .2s;display:block;box-shadow:4px 4px #786e6440}.add-camera-button:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:5px 5px #786e644d}.camera-page.dark-theme .add-camera-button{color:#fff;background:#373737e6;border:1px solid #ffffff26;box-shadow:4px 4px #0006}.camera-page.dark-theme .add-camera-button:hover{background:#464646f2;box-shadow:5px 5px #00000073}.camera-modal-overlay{z-index:1000;box-sizing:border-box;background:#46413c59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-camera-modal{box-sizing:border-box;background:var(--app-modal-background);width:420px;max-width:100%;max-height:90vh;color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);border-radius:22px;padding:30px;overflow-y:auto}.add-camera-modal h2{text-align:center;margin:0 0 25px;font-size:22px}.add-camera-modal>label{flex-direction:column;gap:7px;margin-bottom:16px;font-size:14px;display:flex}.add-camera-modal input,.add-camera-modal select{box-sizing:border-box;background:--app-modal-input-background;width:100%;color:--app-modal-input-text;border:2px solid #e8e1d7;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.add-camera-modal input:focus,.add-camera-modal select:focus{border-color:#cfc3b5;box-shadow:0 0 0 3px #cfc3b533}.add-camera-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.cancel-camera-button,.confirm-camera-button{cursor:pointer;border:none;border-radius:10px;padding:10px 18px;font-size:14px}.cancel-camera-button{color:#777;background:#eee8df}.confirm-camera-button{color:#666;background:#e5ddd2}.cancel-camera-button:hover,.confirm-camera-button:hover{transform:translateY(-1px)}.cancel-camera-button:disabled,.confirm-camera-button:disabled{opacity:.5;cursor:not-allowed}.camera-actions{gap:8px;margin-top:10px;display:flex}.edit-camera-button,.delete-camera-button{cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-size:12px;transition:background-color .2s,transform .2s}.edit-camera-button{color:#777;background:#eee8df}.delete-camera-button{background:var(--app-modal-background);color:var(--app-modal-text)}.edit-camera-button:hover,.delete-camera-button:hover{transform:translateY(-1px)}.edit-camera-button:hover{background:#e5ddd2}.delete-camera-button:hover{background:#ead0d0}.delete-camera-modal{box-sizing:border-box;background:var(--app-modal-background);width:380px;max-width:100%;color:var(--app-modal-text);text-align:center;border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);border-radius:22px;padding:30px}.delete-camera-modal h2{margin:0 0 20px;font-size:21px}.delete-camera-modal p{margin:8px 0;font-size:15px}.delete-warning{color:#a77;font-size:13px!important}.delete-camera-modal .add-camera-actions{justify-content:center;margin-top:25px}.delete-confirm-button{color:#8d6262;cursor:pointer;background:#e6cccc;border:none;border-radius:10px;padding:10px 18px;font-size:14px}.delete-confirm-button:hover{background:#dfbdbd;transform:translateY(-1px)}.delete-confirm-button:disabled{opacity:.5;cursor:not-allowed}.settings-page{background-color:var(--app-background);min-height:100vh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .3s,color .3s}.settings-header{align-items:center;gap:15px;max-width:600px;margin:0 auto;display:flex}.settings-header h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700}.settings-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:3px 3px #50463c2e}.settings-back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.settings-back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}.settings-page.dark-theme .settings-back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}.settings-page.dark-theme .settings-back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.settings-content{max-width:600px;margin:35px auto 0}.settings-section{width:100%}.settings-section h2{color:var(--app-secondary-text);margin:0 0 12px;font-size:16px;font-weight:400}.settings-item{box-sizing:border-box;color:#666;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(3px);background:#ffffffd9;border:none;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:70px;margin-bottom:12px;padding:14px 20px;transition:transform .2s,background-color .2s,box-shadow .2s,color .2s;display:flex;box-shadow:4px 4px #786e6440}.settings-item:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:4px 6px #786e6440}.settings-page.dark-theme .settings-item{color:#fff;background:#373737e6;border:1px solid #ffffff1a;box-shadow:4px 4px #00000059}.settings-page.dark-theme .settings-item:hover{background:#464646f2;box-shadow:4px 6px #0006}.settings-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:24px;display:flex}.settings-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.settings-item-title{color:inherit;font-size:16px;font-weight:500}.settings-item-description{color:var(--app-secondary-text);font-size:13px;font-weight:400;line-height:1.4}.settings-page.dark-theme .settings-item-title{color:#fff}.settings-page.dark-theme .settings-item-description{color:#ffffffad}.settings-page.dark-theme .settings-section h2{color:#ffffffb3}.settings-arrow{color:#aaa;flex-shrink:0;font-size:26px;line-height:1;transition:transform .2s,color .2s}.settings-item:hover .settings-arrow{color:#777;transform:translate(3px)}.settings-page.dark-theme .settings-arrow{color:#ffffff8c}.settings-page.dark-theme .settings-item:hover .settings-arrow{color:#fff}@media (width<=600px){.settings-page{width:100%;min-height:100dvh;padding:20px 16px;overflow-x:hidden}.settings-header{width:100%;max-width:none}.settings-content{width:100%;max-width:none;margin-top:30px}.settings-item{min-height:68px;padding:13px 16px}.settings-item-title{font-size:15px}.settings-item-description{font-size:12px}}.background-settings-page{background-color:var(--app-background);background-image:var(--app-background-image);min-height:100vh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background-color .3s,color .3s;position:relative;overflow-x:hidden}.background-settings-page:before{content:"";z-index:0;pointer-events:none;background:#ffffff59;position:fixed;inset:0}.background-settings-page.dark-theme:before{background:#00000059}.background-settings-page>*{z-index:1;position:relative}.background-settings-header{align-items:center;gap:15px;width:100%;max-width:600px;margin:0 auto;display:flex}.background-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;box-shadow:3px 3px #50463c2e}.background-back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.background-back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}.background-settings-header h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700}.background-settings-content{z-index:1;width:100%;max-width:600px;margin:35px auto 0;position:relative}.background-section{margin-bottom:32px}.background-section h2{color:var(--app-text);margin:0 0 14px;font-size:17px;font-weight:400}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card{box-sizing:border-box;background:var(--app-card-background);min-height:110px;color:var(--app-text);cursor:pointer;border:2px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:14px 10px;font-family:inherit;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s,color .2s;display:flex;position:relative;box-shadow:4px 4px #786e642e}.theme-card:hover{background:#fffffff2;transform:translateY(-3px);box-shadow:5px 7px #786e6433}.theme-card:active{transform:translateY(0);box-shadow:3px 3px #786e642e}.theme-card.active{color:var(--app-text);background:#ffffffeb;border:2px solid #888;box-shadow:4px 4px #786e6440}.theme-card.active:hover{transform:translateY(-2px)}.background-settings-page.dark-theme .theme-card{color:#fff;background:#373737e6;border:1px solid #ffffff59;box-shadow:4px 4px #00000059}.background-settings-page.dark-theme .theme-card:hover{background:#464646f2;border-color:#ffffff8c;transform:translateY(-2px)}.background-settings-page.dark-theme .theme-card.active{color:#fff;background:#454545;border:2px solid #fff;box-shadow:0 0 0 2px #ffffff26,5px 5px #00000073}.background-settings-page.dark-theme .theme-card.active .theme-name{color:#fff;font-weight:700}.background-settings-page.dark-theme .theme-card.active .theme-check{color:#333;background:#fff}.theme-preview{box-sizing:border-box;border:1px solid #0000001a;border-radius:9px;width:62px;height:42px;display:block;box-shadow:inset 0 0 0 1px #ffffff73}.theme-name{color:var(--app-text);font-size:14px;line-height:1.2}.background-settings-page.dark-theme .theme-name{color:#fff}.theme-check{box-sizing:border-box;color:#fff;background:#777;border-radius:50%;justify-content:center;align-items:center;width:21px;height:21px;font-size:12px;font-weight:700;display:flex;position:absolute;top:8px;right:9px;box-shadow:1px 1px #0000001f}.custom-background{box-sizing:border-box;background:#ffffffad;border-radius:16px;width:100%;padding:18px;box-shadow:4px 4px #786e6429}.custom-active{color:var(--app-text);margin:-4px 0 12px;font-size:14px;font-weight:600;display:block}.custom-preview{background:#eee;border-radius:12px;width:100%;height:180px;margin-bottom:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.custom-preview img{object-fit:cover;width:100%;height:100%;display:block}.custom-empty{box-sizing:border-box;width:100%;min-height:100px;color:var(--app-text);background:#fff6;border:2px dashed #786e6440;border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;font-size:14px;display:flex}.upload-button{color:#666;cursor:pointer;background:#ffffffe6;border:none;border-radius:11px;min-width:130px;min-height:44px;padding:9px 18px;font-family:inherit;font-size:14px;transition:transform .2s,background-color .2s,box-shadow .2s,color .2s;box-shadow:3px 3px #786e642e}.upload-button:hover{color:#444;background:#fff;transform:translateY(-2px);box-shadow:4px 5px #786e6433}.upload-button:active{transform:translateY(1px);box-shadow:2px 2px #786e6426}.remove-button{color:#a07070;cursor:pointer;background:#f5e6e6e6;border:none;border-radius:11px;min-width:100px;min-height:44px;margin-left:10px;padding:9px 18px;font-family:inherit;font-size:14px;transition:transform .2s,background-color .2s,box-shadow .2s;box-shadow:3px 3px #786e6424}.remove-button:hover{background:#faebebfa;transform:translateY(-2px);box-shadow:4px 5px #786e642b}.remove-button:active{transform:translateY(1px);box-shadow:2px 2px #786e641f}.text-mode-options{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:12px;display:grid}.text-mode-card{min-height:90px;color:var(--app-text);cursor:pointer;box-sizing:border-box;background:#ffffffd1;border:2px solid #0000;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;font-family:inherit;transition:transform .2s,border-color .2s,background-color .2s,color .2s,box-shadow .2s;display:flex;position:relative;box-shadow:4px 4px #786e6433}.text-mode-card:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:4px 6px #786e6433}.text-mode-card:active{transform:translateY(1px);box-shadow:2px 2px #786e6426}.text-mode-card.active{border:2px solid #555;box-shadow:0 0 0 2px #50505026,4px 4px #786e6433}.background-settings-page.dark-theme .text-mode-card{color:#fff;background:#373737e6;border:1px solid #ffffff59;box-shadow:4px 4px #00000059}.background-settings-page.dark-theme .text-mode-card:hover{background:#464646f2;border-color:#ffffff8c}.background-settings-page.dark-theme .text-mode-card.active{color:#fff;background:#454545;border:2px solid #fff;box-shadow:0 0 0 2px #ffffff26,4px 4px #0006}.text-mode-preview{box-sizing:border-box;border:1px solid #00000026;border-radius:8px;justify-content:center;align-items:center;width:55px;height:35px;font-size:20px;font-weight:700;display:flex}.text-mode-preview.light{color:#222;background:#fff}.text-mode-preview.dark{color:#fff;background:#333}.text-mode-preview.auto{color:#222;background:linear-gradient(135deg,#fff 0% 50%,#333 50% 100%)}.text-mode-name{color:inherit;font-size:14px}.text-mode-check{color:inherit;font-size:14px;font-weight:700;position:absolute;top:6px;right:8px}.custom-text-color-section{margin-top:25px}.custom-text-color-section h3{color:var(--app-text);margin:0 0 12px;font-size:16px;font-weight:600}.text-color-grid{flex-wrap:wrap;gap:12px;display:flex}.text-color-card{min-width:110px;min-height:65px;color:var(--app-text);cursor:pointer;box-sizing:border-box;background:#ffffffc7;border:2px solid #786e6440;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s,color .2s;display:flex;position:relative}.text-color-card:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:3px 4px #786e6433}.text-color-card.active{border-color:#555;box-shadow:0 0 0 2px #50505026}.text-color-preview{box-sizing:border-box;border:1px solid #00000040;border-radius:50%;flex-shrink:0;width:24px;height:24px}.text-color-name{color:inherit;font-size:14px}.text-color-check{color:inherit;font-size:14px;font-weight:700;position:absolute;top:5px;right:7px}.text-color-description{color:var(--app-text);margin:10px 0 0;font-size:13px;line-height:1.5}.background-settings-page.dark-theme .text-color-card{color:#fff;background:#373737e6;border-color:#ffffff59}.background-settings-page.dark-theme .text-color-card:hover{background:#464646f2;border-color:#ffffff8c}.background-settings-page.dark-theme .text-color-card.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff26}@media (width<=600px){.background-settings-page{width:100%;min-height:100dvh;padding:20px 16px;overflow-x:hidden}.background-settings-header{gap:12px;width:100%;max-width:none}.background-settings-header h1{font-size:22px}.background-settings-content{width:100%;max-width:none;margin-top:30px}.background-section{margin-bottom:28px}.background-section h2{margin-bottom:12px;font-size:16px}.background-back-button{width:40px;height:40px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:10px}.theme-card{border-radius:15px;min-height:100px}.theme-preview{width:58px;height:40px}.theme-name{font-size:14px}.custom-background{border-radius:15px;padding:14px}.custom-preview{height:150px}.custom-empty{min-height:90px}.upload-button,.remove-button{min-height:44px}.text-mode-options{grid-template-columns:1fr}.text-mode-card{flex-direction:row;justify-content:flex-start;min-height:70px;padding:12px 16px}.text-color-grid{width:100%}.text-color-card{flex:1;min-width:90px}}@media (width<=380px){.background-settings-page{padding:18px 12px}.theme-grid{gap:8px}.theme-card{min-height:95px;padding:10px 8px}.theme-preview{width:52px;height:36px}.theme-check{width:19px;height:19px;top:6px;right:7px}.remove-button{margin-left:6px}}.pmx-test-page{box-sizing:border-box;background-color:var(--app-background);width:100%;min-height:100dvh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:24px;transition:background-color .3s,color .3s}.pmx-test-header{align-items:center;gap:15px;width:100%;max-width:1400px;margin:0 auto 20px;display:flex}.pmx-test-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:3px 3px #50463c2e}.pmx-test-back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.pmx-test-back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}html[data-theme=dark] .pmx-test-back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}html[data-theme=dark] .pmx-test-back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.pmx-test-title-area{flex:1;min-width:0}.pmx-test-title-area h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700}.pmx-test-title-area p{color:var(--app-secondary-text);margin:7px 0 0;font-size:14px}.pmx-test-main{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:18px;width:100%;max-width:1400px;margin:0 auto;display:grid}.pmx-test-info{flex-direction:column;gap:14px;display:flex}.pmx-test-card{background:var(--app-modal-background);color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:16px}.pmx-test-card-title{margin-bottom:13px;font-size:16px;font-weight:700}.pmx-test-info-row{border-bottom:1px solid #786e641a;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.pmx-test-info-row:last-child{border-bottom:none}.pmx-test-info-row span{opacity:.72}.pmx-test-info-row strong{text-align:right}.pmx-test-list{margin:0;padding-left:19px;font-size:13px;line-height:1.9}.pmx-test-note p{margin:0;font-size:13px;line-height:1.7}.pmx-test-viewer-card{background:var(--app-modal-background);min-width:0;color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);-webkit-backdrop-filter:blur(6px);border-radius:14px;overflow:hidden}.pmx-test-viewer-header{box-sizing:border-box;border-bottom:1px solid #786e641f;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 16px;display:flex}.pmx-test-viewer-header>div:first-child{min-width:0}.pmx-test-viewer-header strong{font-size:15px;display:block}.pmx-test-viewer-header span{opacity:.65;margin-top:2px;font-size:12px;display:block}.pmx-test-viewer-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pmx-test-background-control{-webkit-backdrop-filter:blur(4px);background:#fff9;border:1px solid #786e6429;border-radius:9px;align-items:center;gap:0;padding:2px;display:inline-flex;box-shadow:0 1px 2px #50463c14}.pmx-test-background-label{color:#666;white-space:nowrap;justify-content:center;align-items:center;padding:4px 7px;line-height:1.2;opacity:1!important;margin:0!important;font-size:11px!important;display:flex!important}.pmx-test-background-button{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:34px;height:24px;padding:2px 7px;font-size:11px;line-height:1;transition:background-color .2s,color .2s,box-shadow .2s}.pmx-test-background-button:hover{color:#333;background:#ffffffb8}.pmx-test-background-button.active{color:#333;background:#fffffff5;box-shadow:0 1px 3px #50463c2e}html[data-theme=dark] .pmx-test-background-control{background:#2d2d2db8;border-color:#ffffff24;box-shadow:0 1px 2px #00000040}html[data-theme=dark] .pmx-test-background-label{color:#ffffffb8}html[data-theme=dark] .pmx-test-background-button{color:#ffffffad}html[data-theme=dark] .pmx-test-background-button:hover{color:#fff;background:#ffffff1a}html[data-theme=dark] .pmx-test-background-button.active{color:#fff;background:#ffffff2e;box-shadow:0 1px 3px #0000004d}.pmx-test-bone-status{box-sizing:border-box;white-space:nowrap;background:#ffffff8c;border:1px solid #786e641f;border-radius:8px;justify-content:center;align-items:center;min-height:26px;padding:5px 10px;font-size:12px;display:flex}html[data-theme=dark] .pmx-test-bone-status{color:#ffffffdb;background:#373737cc;border-color:#ffffff1f}.pmx-test-viewer{height:calc(100vh - 150px);min-height:680px;transition:background-color .25s;position:relative;overflow:hidden}.pmx-test-viewer.scene-background-dark{background:#333}.pmx-test-viewer.scene-background-light{background:#eee}.pmx-test-viewer>div{width:100%;height:100%;position:absolute;inset:0}@media (width<=900px){.pmx-test-page{padding:14px}.pmx-test-main{grid-template-columns:1fr}.pmx-test-info{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pmx-test-viewer{height:70vh;min-height:520px}}@media (width<=700px){.pmx-test-viewer-header{flex-direction:column;align-items:flex-start}.pmx-test-viewer-actions{justify-content:space-between;width:100%}}@media (width<=600px){.pmx-test-header{gap:10px}.pmx-test-title-area h1{font-size:22px}.pmx-test-info{grid-template-columns:1fr}.pmx-test-viewer-actions{flex-direction:column;align-items:stretch}.pmx-test-background-control,.pmx-test-bone-status{align-self:flex-start}}.dae-test-page{box-sizing:border-box;background-color:var(--app-background);width:100%;min-height:100dvh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:24px;transition:background-color .3s,color .3s}.dae-test-header{align-items:center;gap:15px;width:100%;max-width:1400px;margin:0 auto 20px;display:flex}.dae-test-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:3px 3px #50463c2e}.dae-test-back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.dae-test-back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}html[data-theme=dark] .dae-test-back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}html[data-theme=dark] .dae-test-back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.dae-test-title-area{flex:1}.dae-test-title-area h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700}.dae-test-title-area p{color:var(--app-secondary-text);margin:7px 0 0;font-size:14px}.dae-test-main{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:18px;width:100%;max-width:1400px;margin:0 auto;display:grid}.dae-test-info{flex-direction:column;gap:14px;display:flex}.dae-test-card{background:var(--app-modal-background);color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);-webkit-backdrop-filter:blur(6px);border-radius:14px;padding:16px}.dae-test-card-title{margin-bottom:13px;font-size:16px;font-weight:700}.dae-test-info-row{border-bottom:1px solid #786e641a;justify-content:space-between;gap:10px;padding:8px 0;font-size:13px;display:flex}.dae-test-info-row:last-child{border-bottom:none}.dae-test-info-row span{opacity:.72}.dae-test-info-row strong{text-align:right}.dae-test-list{margin:0;padding-left:19px;font-size:13px;line-height:1.9}.dae-test-note p{margin:0;font-size:13px;line-height:1.7}.dae-test-viewer-card{background:var(--app-modal-background);min-width:0;color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);-webkit-backdrop-filter:blur(6px);border-radius:14px;overflow:hidden}.dae-test-viewer-header{box-sizing:border-box;border-bottom:1px solid #786e641f;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:9px 16px;display:flex}.dae-test-viewer-header strong{font-size:15px;display:block}.dae-test-viewer-header span{opacity:.65;margin-top:2px;font-size:12px;display:block}.dae-test-viewer-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dae-test-background-control{-webkit-backdrop-filter:blur(4px);background:#ffffff57;border:1px solid #786e6424;border-radius:9px;align-items:center;gap:4px;padding:3px;display:flex}.dae-test-background-label{opacity:.68;margin:0 4px 0 7px;font-size:12px}.dae-test-background-button{min-height:30px;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:4px 9px;font-size:12px;transition:background-color .2s,color .2s,box-shadow .2s}.dae-test-background-button:hover{background:#ffffff8c}.dae-test-background-button.active{color:#444;background:#ffffffd9;box-shadow:1px 1px #50463c1f}html[data-theme=dark] .dae-test-background-control{background:#373737a6;border-color:#ffffff1f}html[data-theme=dark] .dae-test-background-button:hover{background:#ffffff1f}html[data-theme=dark] .dae-test-background-button.active{color:#fff;background:#ffffff38;box-shadow:1px 1px #0003}.dae-test-status{background:#ffffff8c;border-radius:8px;padding:6px 10px;font-size:12px}.dae-test-viewer{height:calc(100vh - 150px);min-height:680px;transition:background-color .25s;position:relative;overflow:hidden}.dae-test-viewer.scene-background-light{background-color:#eee}.dae-test-viewer.scene-background-dark{background-color:#333}.dae-test-viewer>div{position:absolute;inset:0}@media (width<=900px){.dae-test-page{padding:14px}.dae-test-main{grid-template-columns:1fr}.dae-test-info{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.dae-test-viewer{height:70vh;min-height:520px}}@media (width<=700px){.dae-test-viewer-header{flex-direction:column;align-items:flex-start}.dae-test-viewer-actions{justify-content:space-between;width:100%}}@media (width<=600px){.dae-test-header{gap:10px}.dae-test-title-area h1{font-size:22px}.dae-test-info{grid-template-columns:1fr}.dae-test-viewer-actions{align-items:stretch}.dae-test-background-control,.dae-test-background-button{flex:1}}.fbx-test-page{box-sizing:border-box;width:100%;min-height:100dvh;color:var(--app-text);background-color:var(--app-background);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:24px}.fbx-test-header{align-items:center;gap:15px;width:100%;max-width:1400px;margin:0 auto 20px;display:flex}.fbx-test-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#ffffffd1;border:1px solid #786e6433;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:22px;line-height:1;transition:background .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:3px 3px #50463c2e}.fbx-test-back-button:hover{background:#fffffff2;transform:translate(-2px);box-shadow:4px 4px #50463c38}.fbx-test-back-button:active{transform:translateY(1px);box-shadow:2px 2px #50463c26}html[data-theme=dark] .fbx-test-back-button{color:#fff;background:#373737e6;border-color:#ffffff40;box-shadow:3px 3px #00000059}html[data-theme=dark] .fbx-test-back-button:hover{background:#4b4b4bf2}.fbx-test-title-area{flex:1;min-width:0}.fbx-test-title-area h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700;line-height:1.3}.fbx-test-title-area p{color:var(--app-secondary-text);margin:5px 0 0;font-size:13px;line-height:1.5}.fbx-test-main{grid-template-columns:280px minmax(0,1fr);align-items:stretch;gap:18px;width:100%;max-width:1400px;margin:0 auto;display:grid}.fbx-test-info{flex-direction:column;gap:14px;min-width:0;display:flex}.fbx-test-card{box-sizing:border-box;background:var(--app-modal-background);color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:16px}.fbx-test-card-title{color:var(--app-modal-text);margin-bottom:12px;font-size:16px;font-weight:700;line-height:1.4}.fbx-test-info-row{border-bottom:1px solid #786e641f;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;font-size:13px;line-height:1.4;display:flex}.fbx-test-info-row:last-child{border-bottom:none}.fbx-test-info-row span{color:var(--app-secondary-text);opacity:.85;flex-shrink:0}.fbx-test-info-row strong{min-width:0;color:var(--app-modal-text);text-align:right;overflow-wrap:anywhere}.fbx-test-list{color:var(--app-modal-text);margin:0;padding-left:20px;font-size:13px;line-height:1.85}.fbx-test-list li{padding-left:2px}.fbx-test-animation-row{align-items:center;gap:8px;display:flex}.fbx-test-animation-row label{color:var(--app-secondary-text);flex-shrink:0;font-size:13px}.fbx-test-animation-row select{box-sizing:border-box;color:#555;background:#ffffffc7;border:1px solid #786e6433;border-radius:8px;outline:none;flex:1;min-width:0;height:32px;padding:0 8px;font-size:12px}.fbx-test-animation-row select:focus{border-color:#64646466}.fbx-test-animation-name{box-sizing:border-box;color:var(--app-modal-text);overflow-wrap:anywhere;background:#fff6;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px;line-height:1.4}.fbx-test-animation-controls{gap:8px;margin-top:10px;display:flex}.fbx-test-animation-controls button,.fbx-test-animation-controls select{box-sizing:border-box;color:#555;cursor:pointer;background:#ffffffc7;border:1px solid #786e6433;border-radius:8px;flex:1;min-width:0;height:32px;padding:0 9px;font-size:12px}.fbx-test-animation-controls button:hover,.fbx-test-animation-controls select:hover{background:#fffffff2}.fbx-test-no-animation{color:var(--app-secondary-text);margin:0;font-size:13px;line-height:1.6}.fbx-test-note p{color:var(--app-secondary-text);margin:0;font-size:13px;line-height:1.7}.fbx-test-viewer-card{background:var(--app-modal-background);min-width:0;color:var(--app-modal-text);border:1px solid var(--app-modal-border);box-shadow:var(--app-modal-shadow);-webkit-backdrop-filter:blur(8px);border-radius:14px;overflow:hidden}.fbx-test-viewer-header{box-sizing:border-box;border-bottom:1px solid #786e641f;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:8px 16px;display:flex}.fbx-test-viewer-header strong{color:var(--app-modal-text);font-size:15px;line-height:1.4;display:block}.fbx-test-viewer-header span{color:var(--app-secondary-text);opacity:.75;margin-top:2px;font-size:12px;line-height:1.4;display:block}.fbx-test-viewer-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.fbx-test-background-control{background:#ffffff73;border:1px solid #786e6433;border-radius:8px;align-items:center;display:flex;overflow:hidden}.fbx-test-background-label{color:var(--app-secondary-text);white-space:nowrap;padding:6px 8px;font-size:12px}.fbx-test-background-button{color:var(--app-modal-text);cursor:pointer;background:0 0;border:none;border-left:1px solid #786e641f;padding:6px 10px;font-size:12px;transition:background .2s}.fbx-test-background-button:hover{background:#ffffff8c}.fbx-test-background-button.active{background:#ffffffe6;font-weight:600}.fbx-test-status{color:var(--app-modal-text);white-space:nowrap;background:#ffffff8c;border-radius:8px;padding:6px 10px;font-size:12px}.fbx-test-viewer{width:100%;height:calc(100vh - 150px);min-height:680px;position:relative;overflow:hidden}.fbx-test-viewer .fbx-model-container{z-index:1;width:100%;height:100%;position:absolute;inset:0}.fbx-test-viewer .fbx-model-container canvas{display:block;width:100%!important;height:100%!important}.fbx-test-viewer .bone-tester{z-index:20}.scene-background-dark{background:#333}.scene-background-light{background:#eee}html[data-theme=dark] .fbx-test-card,html[data-theme=dark] .fbx-test-viewer-card{background:var(--app-modal-background);color:var(--app-modal-text)}html[data-theme=dark] .fbx-test-animation-row select,html[data-theme=dark] .fbx-test-animation-controls button,html[data-theme=dark] .fbx-test-animation-controls select{color:#fff;background:#1e1e1ecc;border-color:#ffffff2e}html[data-theme=dark] .fbx-test-animation-name{color:#fff;background:#ffffff14}html[data-theme=dark] .fbx-test-background-control{background:#1e1e1eb3;border-color:#ffffff2e}html[data-theme=dark] .fbx-test-background-button{color:#fff;border-left-color:#ffffff1f}html[data-theme=dark] .fbx-test-background-button:hover{background:#ffffff1a}html[data-theme=dark] .fbx-test-background-button.active{background:#ffffff2e}html[data-theme=dark] .fbx-test-status{color:#fff;background:#ffffff1a}@media (width<=1000px){.fbx-test-main{grid-template-columns:250px minmax(0,1fr);gap:14px}}@media (width<=850px){.fbx-test-page{padding:16px}.fbx-test-main{grid-template-columns:1fr}.fbx-test-info{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fbx-test-viewer{height:70vh;min-height:520px}}@media (width<=700px){.fbx-test-info{grid-template-columns:1fr}.fbx-test-viewer-header{flex-direction:column;align-items:flex-start}.fbx-test-viewer-actions{justify-content:space-between;width:100%}}@media (width<=500px){.fbx-test-page{padding:12px}.fbx-test-header{gap:10px}.fbx-test-title-area h1{font-size:22px}.fbx-test-title-area p{font-size:12px}.fbx-test-viewer-actions{flex-direction:column;align-items:stretch;gap:8px}.fbx-test-background-control{width:100%}.fbx-test-background-button{flex:1}.fbx-test-status{text-align:center}}.system-test-page{box-sizing:border-box;background-color:var(--app-background);width:100%;min-height:100dvh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:20px 16px;transition:background-color .3s,color .3s}.system-test-header{align-items:center;gap:15px;width:100%;max-width:600px;margin:0 auto;display:flex}.system-test-title-area{flex:1;min-width:0}.system-test-title-area h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700}.system-test-title-area p{color:var(--app-secondary-text);margin:7px 0 0;font-size:14px}.system-test-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:3px 3px #50463c2e}.system-test-back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.system-test-back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}html[data-theme=dark] .system-test-back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}html[data-theme=dark] .system-test-back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.system-test-content{width:100%;max-width:600px;margin:35px auto 0}.system-test-section{width:100%}.system-test-section h2{color:var(--app-secondary-text);margin:0 0 12px;font-size:16px;font-weight:400}.system-test-item{box-sizing:border-box;color:#666;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(3px);background:#ffffffd9;border:none;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:70px;margin-bottom:12px;padding:14px 20px;transition:transform .2s,background-color .2s,box-shadow .2s,color .2s;display:flex;box-shadow:4px 4px #786e6440}.system-test-item:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:4px 6px #786e6440}html[data-theme=dark] .system-test-item{color:#fff;background:#373737e6;border:1px solid #ffffff1a;box-shadow:4px 4px #00000059}html[data-theme=dark] .system-test-item:hover{background:#464646f2;box-shadow:4px 6px #0006}.system-test-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:24px;display:flex}.system-test-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.system-test-item-title{color:inherit;font-size:16px;font-weight:500}.system-test-item-description{color:var(--app-secondary-text);font-size:13px;font-weight:400;line-height:1.4}html[data-theme=dark] .system-test-item-title{color:#fff}html[data-theme=dark] .system-test-item-description{color:#ffffffad}.system-test-item-arrow{color:#aaa;flex-shrink:0;font-size:26px;line-height:1;transition:transform .2s,color .2s}.system-test-item:hover .system-test-item-arrow{color:#777;transform:translate(3px)}html[data-theme=dark] .system-test-item-arrow{color:#ffffff8c}html[data-theme=dark] .system-test-item:hover .system-test-item-arrow{color:#fff}@media (width<=600px){.system-test-page{padding:20px 16px}.system-test-header{gap:10px}.system-test-content{margin-top:30px}.system-test-item{min-height:68px;padding:13px 16px}.system-test-item-title{font-size:15px}.system-test-item-description{font-size:12px}}.three-d-model-test-menu-page{box-sizing:border-box;background-color:var(--app-background);width:100%;min-height:100dvh;color:var(--app-text);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;padding:20px 16px;transition:background-color .3s,color .3s}.three-d-model-test-menu-header{align-items:center;gap:15px;width:100%;max-width:600px;margin:0 auto;display:flex}.three-d-model-test-menu-title-area{flex:1;min-width:0}.three-d-model-test-menu-title-area h1{color:var(--app-text);margin:0;font-size:24px;font-weight:700}.three-d-model-test-menu-title-area p{color:var(--app-secondary-text);margin:7px 0 0;font-size:14px}.three-d-model-test-menu-back-button{color:#555;cursor:pointer;-webkit-backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #ffffff8c;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;transition:background-color .2s,color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex;box-shadow:3px 3px #50463c2e}.three-d-model-test-menu-back-button:hover{color:#333;background:#ffffffeb;transform:translate(-2px);box-shadow:4px 4px #50463c38}.three-d-model-test-menu-back-button:active{transform:translate(0)translateY(1px);box-shadow:2px 2px #50463c26}html[data-theme=dark] .three-d-model-test-menu-back-button{color:#fff;background:#373737e0;border-color:#ffffff4d;box-shadow:3px 3px #00000059}html[data-theme=dark] .three-d-model-test-menu-back-button:hover{color:#fff;background:#464646f2;border-color:#ffffff73;box-shadow:4px 4px #0006}.three-d-model-test-menu-content{width:100%;max-width:600px;margin:35px auto 0}.three-d-model-test-menu-section{width:100%}.three-d-model-test-menu-section h2{color:var(--app-secondary-text);margin:0 0 12px;font-size:16px;font-weight:400}.three-d-model-test-menu-item{box-sizing:border-box;color:#666;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(3px);background:#ffffffd9;border:none;border-radius:15px;align-items:center;gap:12px;width:100%;min-height:70px;margin-bottom:12px;padding:14px 20px;transition:transform .2s,background-color .2s,box-shadow .2s,color .2s;display:flex;box-shadow:4px 4px #786e6440}.three-d-model-test-menu-item:hover{background:#fffffffa;transform:translateY(-2px);box-shadow:4px 6px #786e6440}html[data-theme=dark] .three-d-model-test-menu-item{color:#fff;background:#373737e6;border:1px solid #ffffff1a;box-shadow:4px 4px #00000059}html[data-theme=dark] .three-d-model-test-menu-item:hover{background:#464646f2;box-shadow:4px 6px #0006}.three-d-model-test-menu-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;font-size:24px;display:flex}.three-d-model-test-menu-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.three-d-model-test-menu-item-title{color:inherit;font-size:16px;font-weight:500}.three-d-model-test-menu-item-description{color:var(--app-secondary-text);font-size:13px;font-weight:400;line-height:1.4}html[data-theme=dark] .three-d-model-test-menu-item-title{color:#fff}html[data-theme=dark] .three-d-model-test-menu-item-description{color:#ffffffad}.three-d-model-test-menu-item-arrow{color:#aaa;flex-shrink:0;font-size:26px;line-height:1;transition:transform .2s,color .2s}.three-d-model-test-menu-item:hover .three-d-model-test-menu-item-arrow{color:#777;transform:translate(3px)}html[data-theme=dark] .three-d-model-test-menu-item-arrow{color:#ffffff8c}html[data-theme=dark] .three-d-model-test-menu-item:hover .three-d-model-test-menu-item-arrow{color:#fff}@media (width<=600px){.three-d-model-test-menu-page{padding:20px 16px}.three-d-model-test-menu-header{gap:10px}.three-d-model-test-menu-content{margin-top:30px}.three-d-model-test-menu-item{min-height:68px;padding:13px 16px}.three-d-model-test-menu-item-title{font-size:15px}.three-d-model-test-menu-item-description{font-size:12px}}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{background:var(--app-background);color:var(--app-text);font-family:Arial,Microsoft JhengHei,sans-serif;transition:background-color .3s,color .3s}button,input,textarea,select{font:inherit}:root{--app-background:#f4efe6;--app-text:#555;--app-secondary-text:#666;--app-progress:#aaa;--app-background-image:none;--app-modal-background:#ebe4d9;--app-modal-text:#555;--app-modal-border:#786e641f;--app-modal-shadow:8px 8px 0 #645a504d}.app-page{box-sizing:border-box;padding-top:20px}
