.mobile-header{display:none}@media(max-width:768px){.mobile-header{display:block;background:linear-gradient(135deg,#180B28,#180F35);padding:16px 16px 10px}}.mobile-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:nowrap;min-height:40px}.mobile-hamburger-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:4px}.mobile-hamburger-btn .hamburger-lines{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.mobile-hamburger-btn .hamburger-lines span{height:2px;background:hsla(0,0%,100%,.8);border-radius:1px;transition:all .3s ease}.mobile-hamburger-btn .hamburger-lines .line-short{width:12px}.mobile-hamburger-btn .hamburger-lines .line-medium{width:16px}.mobile-hamburger-btn .hamburger-lines .line-long{width:20px}.discount-banner{flex:1;display:flex;justify-content:center;margin:0 16px}.discount-banner .discount-content{background:linear-gradient(135deg,#FF6B35,#FF1479);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(255,20,121,.3)}.discount-banner .discount-content .crown-icon,.discount-banner .discount-content .gift-icon{font-size:16px}.discount-banner .discount-content .discount-text{color:#fff;font-weight:700;font-size:14px;letter-spacing:.5px}.nsfw-banner{flex:1;align-items:center;margin:0 16px}.mobile-actions,.nsfw-banner,.nsfw-banner .nsfw-switch-container{display:flex;justify-content:flex-end}.mobile-actions{align-items:center;gap:8px;flex-shrink:0;min-width:90px}.mobile-search-btn{background:none;border:none;padding:8px;cursor:pointer;color:rgba(84,84,84,.8);border-radius:50%;cursor:not-allowed}.sign-in-button{display:inline-block;background:rgba(0,0,0,0);border:none;padding:4px 6px;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap;border-radius:4px}.sign-in-button .gradient-text{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#fff;background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset}.sign-in-button .gradient-text .arrow-icon{flex-shrink:0;filter:brightness(0) invert(1)}.sign-in-button:hover{transform:translateX(2px)}.sign-in-button:active{transform:translateX(1px)}.mobile-content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.characters-title{color:#ff80a0;font-size:20px;font-weight:600;margin:0}.nsfw-toggle{display:flex;align-items:center}.toggle-switch{position:relative}.toggle-switch input[type=checkbox]{display:none}.toggle-switch .toggle-slider{display:flex;align-items:center;justify-content:center;width:90px;height:36px;background:#fd769b;border-radius:18px;position:relative;cursor:pointer;transition:background .3s ease}.toggle-switch .toggle-slider .nsfw-text{color:#fff;font-size:13px;font-weight:600;z-index:2;position:relative}.toggle-switch .toggle-slider:before{content:"";position:absolute;top:3px;left:3px;width:30px;height:30px;background:#fff;border-radius:50%;transition:transform .3s ease;opacity:.9}.toggle-switch input[type=checkbox]:checked+.toggle-slider{background:#fd769b}.toggle-switch input[type=checkbox]:checked+.toggle-slider:before{transform:translateX(54px)}.toggle-switch input[type=checkbox]:not(:checked)+.toggle-slider{background:hsla(0,0%,100%,.3)}.toggle-switch input[type=checkbox]:not(:checked)+.toggle-slider .nsfw-text{color:hsla(0,0%,100%,.8)}.mobile-search-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999;display:flex;align-items:flex-start;padding-top:60px}@media(max-width:768px){.mobile-search-overlay{display:flex}}@media(min-width:769px){.mobile-search-overlay{display:none}}.mobile-search-modal{width:100%;background:linear-gradient(135deg,#180B28,#180F35);border-radius:0 0 16px 16px;padding:16px;margin:0 16px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.mobile-search-header{display:flex;align-items:center;gap:12px}.mobile-search-input{flex:1;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:12px 16px;color:#fff;font-size:16px;outline:none}.mobile-search-input::placeholder{color:hsla(0,0%,100%,.6)}.mobile-search-input:focus{border-color:#ff1479;box-shadow:0 0 0 2px rgba(255,20,121,.2)}.mobile-search-close{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-search-close:hover{background:hsla(0,0%,100%,.2)}.mobile-filter-section{display:flex;align-items:center}.mobile-filter-section .filter-left-group{display:flex;flex-wrap:nowrap;align-items:center;flex:1;overflow:visible}.mobile-filter-section .filter-right-nsfw{display:flex;align-items:center;margin-left:auto}.mobile-filter-section .filter-divider{width:1px;height:20px;background:hsla(0,0%,100%,.3);margin:0 10px;flex-shrink:0}.mobile-tags-section{display:none}@media(max-width:768px){.mobile-tags-section{display:block;margin-top:12px;padding:0}.mobile-tags-section .filter-tags-secondary{display:flex;align-items:flex-start;gap:8px;min-height:20px}.mobile-tags-section .filter-tags-secondary.collapsed{flex-wrap:nowrap}.mobile-tags-section .filter-tags-secondary.collapsed>div:first-child{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.mobile-tags-section .filter-tags-secondary.expanded{flex-wrap:wrap}.mobile-tags-section .filter-tags-secondary.expanded>div:first-child{display:flex;flex-wrap:wrap;gap:8px;width:auto}.mobile-tags-section .filter-tags-secondary.expanded>div:first-child .more-tag{margin-left:4px!important;flex-shrink:0!important;order:unset!important;background:rgba(0,0,0,0)!important;border:none!important;color:#17abcc!important;display:inline-flex!important;float:none!important}.mobile-tags-section .filter-tags-secondary.expanded>div:first-child .more-tag .more-arrow{color:#17abcc!important}.mobile-tags-section .filter-tags-secondary .more-tag{margin-left:auto!important;flex-shrink:0!important;order:999;white-space:nowrap}}.mobile-dropdown{position:relative;display:inline-block}.mobile-dropdown:first-child{width:100%;max-width:118px;margin-left:-1px}.mobile-dropdown:first-child .mobile-filter-btn{width:100%;text-align:left!important}.mobile-dropdown:first-child .mobile-filter-btn .filter-text{text-align:left!important;flex:1}.mobile-dropdown:first-child .mobile-dropdown-menu{width:100%;min-width:100%;max-width:100%;left:0;right:0}.mobile-dropdown:nth-child(3){width:100%;max-width:118px}.mobile-dropdown:nth-child(3) .mobile-filter-btn{width:100%;text-align:left!important}.mobile-dropdown:nth-child(3) .mobile-filter-btn .filter-text{text-align:left!important;flex:1}.mobile-dropdown:nth-child(3) .mobile-dropdown-menu{width:100%;min-width:100%;max-width:100%;left:0;right:0}.mobile-filter-btn{background:hsla(0,0%,100%,.1)!important;border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:8px 12px;color:hsla(0,0%,100%,.8);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:all .3s ease;white-space:nowrap;flex-shrink:1;overflow:hidden;text-overflow:ellipsis;min-height:36px}@media(max-width:768px){.mobile-filter-btn{padding:0 8px 0 10px;font-size:12px;height:24px;min-height:24px;border-radius:12px;gap:6px}}.mobile-filter-btn .filter-icon{font-size:12px}.mobile-filter-btn .filter-icon-svg{opacity:1;filter:brightness(1);margin-right:4px;width:24px!important;height:24px!important}@media(max-width:768px){.mobile-filter-btn .filter-icon-svg{width:20px!important;height:20px!important;margin-right:-5px}}.mobile-filter-btn .filter-text{font-weight:400}.mobile-filter-btn .filter-arrow{font-size:10px;color:#fff;opacity:1;transition:transform .2s ease}@media(max-width:768px){.mobile-filter-btn .filter-arrow{font-size:8px}}.mobile-filter-btn .filter-arrow.rotate{transform:rotate(180deg)}.mobile-filter-btn:hover{background:hsla(0,0%,100%,.15)!important;border-color:hsla(0,0%,100%,.3)}.mobile-filter-btn:hover .filter-icon-svg{opacity:1}.mobile-filter-btn.active{background:hsla(0,0%,100%,.1)!important;border-color:hsla(0,0%,100%,.4);color:#fff}.mobile-filter-btn.active .filter-arrow,.mobile-filter-btn.active .filter-text{color:#fff}.mobile-filter-btn.active .filter-icon-svg{opacity:1;filter:brightness(1.1)}.mobile-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#312543;border:1px solid #50455f;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:99999;overflow:hidden;min-width:140px;max-width:200px}.mobile-dropdown:first-child .mobile-dropdown-menu{min-width:108px;width:108px}.mobile-dropdown:first-child .mobile-dropdown-menu .dropdown-item-text{margin-left:-1px}.mobile-dropdown:nth-child(3) .mobile-dropdown-menu{min-width:108px;width:108px}.mobile-dropdown-menu .mobile-dropdown-item{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:6px 8px 6px 6px;background:rgba(0,0,0,0);border:none;color:#fff;font-size:12px;font-weight:400;cursor:pointer;transition:background-color .2s ease;text-align:left;gap:6px;position:relative}.mobile-dropdown-menu .mobile-dropdown-item .dropdown-item-icon{opacity:1;filter:brightness(1);flex-shrink:0;width:20px!important;height:20px!important}.mobile-dropdown-menu .mobile-dropdown-item .dropdown-item-text{flex:1;text-align:left;color:#fff;margin-left:3px}.mobile-dropdown-menu .mobile-dropdown-item .check-icon{color:#fff;font-size:20px;font-weight:700;flex-shrink:0;margin-left:8px}@media(max-width:768px){.mobile-dropdown-menu .mobile-dropdown-item .check-icon{font-size:10px;margin-left:0}}.mobile-dropdown-menu .mobile-dropdown-item:hover:not(.selected){background:rgba(0,0,0,0);color:#fff}.mobile-dropdown-menu .mobile-dropdown-item:hover:not(.selected):before{content:"";position:absolute;top:1px;left:4px;right:4px;bottom:1px;background:#453a55;border-radius:8px;z-index:-1}.mobile-dropdown-menu .mobile-dropdown-item:hover:not(.selected) .dropdown-item-text{color:#fff}.mobile-dropdown-menu .mobile-dropdown-item:hover:not(.selected) .dropdown-item-icon{opacity:1;filter:brightness(1.1)}.mobile-dropdown-menu .mobile-dropdown-item.selected{background:rgba(0,0,0,0);color:#fff;position:relative}.mobile-dropdown-menu .mobile-dropdown-item.selected:before{content:"";position:absolute;top:3px;left:4px;right:4px;bottom:3px;background:#453a55;border-radius:8px;z-index:-1}.mobile-dropdown-menu .mobile-dropdown-item.selected .dropdown-item-text{color:#fff}.mobile-dropdown-menu .mobile-dropdown-item.selected .dropdown-item-icon{opacity:1;filter:brightness(1.2)}.mobile-dropdown-menu .mobile-dropdown-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.mobile-dropdown-menu .mobile-dropdown-item:first-child:before{border-top-left-radius:8px;border-top-right-radius:8px}.mobile-dropdown-menu .mobile-dropdown-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.mobile-dropdown-menu .mobile-dropdown-item:last-child:before{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.center-spacer{flex:1;display:flex;justify-content:center}.mobile-filter-tags-secondary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding:0 4px}.mobile-filter-tags-secondary .mobile-filter-tag{padding:4px 8px;background:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);border-radius:16px;color:hsla(0,0%,100%,.8);font-size:12px;font-weight:400;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap;height:20px;display:flex;align-items:center;justify-content:center}.mobile-filter-tags-secondary .mobile-filter-tag.active{background:rgba(147,235,225,.1);border:1px solid #17bdde;color:#17bdde}.mobile-filter-tags-secondary .mobile-filter-tag.new{position:relative}.mobile-filter-tags-secondary .mobile-filter-tag.new:after{content:"";position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:#ff1479;border-radius:50%}.mobile-filter-tags-secondary .mobile-filter-tag:hover:not(.active){border-color:hsla(0,0%,100%,.5);color:#fff}.mobile-filter-tags-secondary .mobile-filter-tag.more-tag{background:rgba(0,0,0,0)!important;border:none!important;color:#17abcc!important;display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;transition:all .3s ease;flex-shrink:0;white-space:nowrap;margin-left:auto}.mobile-filter-tags-secondary .mobile-filter-tag.more-tag:hover{background:rgba(0,0,0,0)!important;border:none!important;color:#17abcc!important;opacity:1!important;transform:none!important;box-shadow:none!important}.mobile-filter-tags-secondary .mobile-filter-tag.more-tag .more-arrow{font-size:12px;line-height:1;color:#17abcc!important}