@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}.mobile-profile-page{color:var(--mobile-text);position:relative}.profile-content input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;border:2px solid #6b7280;transition:all .2s;position:relative;border-radius:50%!important;background-color:rgba(255,255,255,.2)}.profile-content input[type=checkbox]:checked{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.profile-content input[type=checkbox]:checked::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-55%) rotate(45deg);width:3px;height:6px;border:solid var(--color-dark-gray);border-width:0 2px 2px 0}.profile-content label input[type=checkbox]{border-radius:4px!important}.profile-content label input[type=checkbox]:checked::after{border-color:var(--color-light)!important}.comicRwdList figure.relative{position:relative}.comicRwdList figure .pointer-events-none{cursor:default}.mobile-profile-page .comicRwdList__item_wrap,.profile-content .comicRwdList__item_wrap{display:flex;align-items:center;justify-content:center;background-color:var(--color-image-placeholder)}.mobile-profile-page .comicRwdList__item__img,.profile-content .comicRwdList__item__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mobile-profile-page .comicRwdList__item__img[src*='loading.png'],.profile-content .comicRwdList__item__img[src*='loading.png']{width:50%;height:auto;-o-object-fit:contain;object-fit:contain;margin:auto}.comicRwdList__item_wrap.relative{position:relative}.comicRwdList__item_wrap .absolute.inset-0{border-radius:inherit}.comicRwdList__item.pointer-events-none{pointer-events:none}.comicRwdList__item.pointer-events-none .comicRwdList__item_wrap{pointer-events:auto}.mobile-edit-toolbar{position:fixed;bottom:0;left:0;right:0;background-color:var(--color-page);border-top:1px solid var(--color-border);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.mobile-edit-toolbar-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.mobile-edit-toolbar-btn{display:flex;align-items:center;gap:8px;color:var(--color-light);background:0 0;border:0;cursor:pointer;font-size:16px;padding:0}.mobile-edit-toolbar-btn svg{width:20px;height:20px}.mobile-bottom-toolbar{position:fixed;bottom:0;left:0;right:0;background:rgba(11,19,46,.28);box-shadow:0 0 4px 0 rgba(0,0,0,.03);backdrop-filter:blur(5px);z-index:50;padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}@media (min-width:768px){.mobile-bottom-toolbar{display:none}}.mobile-bottom-toolbar-content,.mobile-toolbar-btn{display:flex;align-items:center;justify-content:center;gap:24px}.mobile-toolbar-btn{min-width:150px;gap:10px;color:var(--color-light);background:0 0;border:0;cursor:pointer;font-size:16px;font-weight:500;padding:0;transition:all .2s ease}.mobile-toolbar-btn:active{opacity:.7}.mobile-toolbar-btn svg{width:16px;height:16px;flex-shrink:0;color:currentColor}.mobile-toolbar-btn.text-primary{color:var(--color-primary)}.mobile-toolbar-btn.is-disabled{opacity:.6;cursor:not-allowed}.mobile-view-container.is-edit-mode{padding-bottom:65px}@media (max-width:767px){.appFooter.hide-on-edit-mode{display:none!important}}.comic-card-selector,.mobile-status-bar{display:flex;align-items:center;height:24px}.comic-card-selector{position:absolute;top:8px;right:8px;width:24px;border-radius:50%;border:2px solid;transition:all .2s;justify-content:center;z-index:10}.comic-card-selector.unselected{background-color:rgba(255,255,255,.2);border-color:#9ca3af}.comic-card-selector.selected{background-color:var(--color-primary);border-color:var(--color-primary)}.comic-card-selector svg{width:100%;height:100%;color:#fff}.mobile-status-bar{justify-content:space-between;padding:4px 16px;color:#fff;font-size:12px}.mobile-status-bar-time{font-weight:500}.mobile-status-bar-icons{display:flex;align-items:center;gap:4px}.mobile-page-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;height:40px;position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-page)}.mobile-view-container{padding-top:44px}.mobile-back-button{display:flex;align-items:center;width:40px}.mobile-page-title{flex:1;line-height:1.2;font-weight:700}.mobile-form-group{margin-bottom:16px}.mobile-form-label{display:block;font-size:14px;color:var(--mobile-text);margin-bottom:8px}.mobile-input-container{background-color:rgba(30,34,61,.6);border-radius:50px;padding:12px 16px;display:flex;align-items:center;height:48px}.mobile-input-container input{background-color:transparent;color:var(--mobile-text);width:100%;outline:0;border:0;font-size:16px}.mobile-input-container input::-moz-placeholder{color:var(--mobile-text-secondary)}.mobile-input-container input::placeholder{color:var(--mobile-text-secondary)}.mobile-input-icon{color:var(--mobile-text-secondary);margin-right:12px;flex-shrink:0}.mobile-account-item{display:flex;align-items:center;padding:16px 0}.mobile-account-label{color:var(--mobile-text);font-size:16px;margin-right:8px}.mobile-account-value{color:#fff;font-size:16px;margin-left:auto}.mobile-menu-item{justify-content:space-between;padding:8px 0}.mobile-menu-item,.mobile-menu-item-content{display:flex;align-items:center}.mobile-menu-item-icon{width:24px;height:24px;margin-right:12px;color:var(--mobile-text)}.mobile-menu-item-text{color:var(--mobile-text);font-size:16px}.mobile-menu-item-arrow{width:24px;height:24px;color:#fff;transform:rotateZ(-90deg);transition:transform .3s ease}.mobile-menu-item-arrow.rotate-0{transform:rotateZ(0deg)}.mobile-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:hidden}.mobile-submenu.is-open,.pc-submenu.is-open{grid-template-rows:1fr}.mobile-submenu-inner{min-height:0}.pc-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out;overflow:hidden}.pc-submenu-inner{min-height:0}.mobile-btn-primary{background-color:var(--color-primary);color:#fff;width:100%;height:48px;border-radius:9999px;font-weight:500;text-align:center;display:flex;align-items:center;justify-content:center;font-size:16px}.mobile-btn-container{margin-top:16px}.mobile-avatar{width:var(--mobile-avatar-size);height:var(--mobile-avatar-size);border-radius:50%;background-color:var(--mobile-card);display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-id-tag{background-color:var(--mobile-border);color:#fff;border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}@media (min-width:768px){.mobile-id-tag{padding:3.5px 12px}}.mobile-tabbar{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;height:var(--mobile-tabbar-height);background-color:var(--mobile-bg);border-top:1px solid var(--mobile-border);z-index:10}.mobile-tabbar-item{display:flex;flex-direction:column;align-items:center;color:var(--mobile-inactive);padding:8px 0}.mobile-tabbar-item.active{color:var(--mobile-active)}.mobile-tabbar-item svg{width:24px;height:24px}.mobile-tabbar-item span{font-size:12px;margin-top:4px}.btn-nav-login{height:28px;padding-top:0;padding-bottom:0;opacity:1}.pc-input-container{background-color:rgba(30,34,61,.6);border-radius:50px;height:48px}.pc-input-container .input-control-icon-left{top:50%;display:flex;width:38px;align-items:center;justify-content:center;transform:translateY(-50%);left:10px}.pc-input-container input{height:100%;border-radius:50px;padding-left:44px!important}:root{--size-input-file:110px}.menu-item.is-active{background-color:var(--color-hover-bg)}.input-upload,.preview-item img{width:var(--size-input-file);height:var(--size-input-file)}.input-upload{background-color:rgba(19,134,255,.05);border:1px dashed #4c88e6;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:13px;color:#4c88e6;cursor:pointer;position:relative}.input-upload .icon-upload{width:40px;height:40px}.input-upload .input-file{opacity:0;cursor:pointer;z-index:11}.input-upload .input-file,.upload-progress,.upload-progress::before{position:absolute;top:0;left:0;right:0;bottom:0}.upload-progress{display:flex;justify-content:center;align-items:center;z-index:1;color:#fff}.upload-progress::before{content:'';display:block;background-color:rgba(0,0,0,.7)}.upload-progress .percent{position:relative;z-index:2}.preview-item{position:relative;display:inline-block}.preview-item img{-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid var(--color-border)}.delete-btn{position:absolute;top:0;right:0;background:var(--color-dark);border:0;width:20px;height:20px;font-size:14px;cursor:pointer}.delete-btn svg{color:var(--color-light)}.progress-bar{height:5px;background-color:var(--color-success);width:0%;transition:width .2s}.file-list{display:flex;flex-wrap:wrap;gap:8px}.file-list+.input-upload{margin-left:8px}.file-item{width:var(--size-input-file);height:var(--size-input-file);position:relative}.main .app-aside{height:calc(100vh - var(--dx-header-height) - 240px)}.main .dx-tabs{height:100%}.profile-container{margin-top:30px;padding:0}.profile-content,.profile-sidebar{min-height:100vh}.profile-header-card{background-color:var(--color-image-placeholder);box-shadow:var(--dx-box-shadow)}.profile-menu-list{display:flex;flex-direction:column}.profile-menu-item{display:flex;align-items:center;transition:all .3s ease;border:0;background:0 0;padding-left:0;padding-right:0}.profile-menu-item.is-active,.profile-menu-item:hover{color:var(--color-primary)!important}.profile-menu-item.is-active{position:relative}.profile-menu-item.is-active::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background-color:var(--color-primary);border-radius:2px}.profile-menu-item svg{flex-shrink:0}.profile-menu-item span{flex:1}.profile-tab-content{display:none;height:100%}.profile-tab-content.is-active{display:block;animation:fadeIn .3s ease}.profile-content-inner{padding:2rem}.profile-logo{filter:grayscale(100%)}.comic-item-tag{text-shadow:0 0 1px rgba(0,0,0,.4);background-color:#64d600c7;letter-spacing:.2px;padding:2px 8px;border-radius:50px;line-height:1.2;position:absolute;top:8px;left:8px;z-index:2;font-size:12px;font-weight:500;pointer-events:none}.comic-item-tag.is-serial{background-color:#f91f8cb8}.comic-item-tag.is-article{background-color:#00d0ff9c}.comic-item-tag.is-feature{background-color:#7210ff69}.comic-item-tag.is-anime-feature{background-color:#ff4b4ea8}.comic-item-tag.is-anime-article{background-color:#ffcc009c}.toggle-password{background:0 0;border:0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:10}.success-message{z-index:var(--dx-overlay-index)}.profile-arrow{transition:transform .3s ease;transform:rotate(-90deg)}.profile-arrow.rotate-0,.profile-arrow.rotate-90{transform:rotate(0deg)}.profile-menu-toggle{transition:all .3s ease}.dx-tab--active,.profile-menu-toggle.is-expanded{background-color:var(--color-gray)!important}.dx-tab--active{color:var(--color-primary)!important}@media (max-width:768px){.file-item{flex:1}.comic-item-tag{font-size:8px}.user-menu{border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border)}.menu-item{border-right:1px solid var(--color-border);justify-content:center;font-size:12px}.menu-item:last-child{border-right:0}.app-aside--left.user-left{display:block;transform:translateX(0);position:sticky;height:initial;width:100%;top:var(--dx-header-height);z-index:1}.user-main .app-main{overflow:auto}.profile-container{flex-direction:column}.profile-sidebar{width:100%!important;min-height:auto}.profile-menu-item{padding:1rem 1.5rem;font-size:14px}.profile-content-inner{padding:1rem}.password-input{height:3rem;font-size:1rem}}