*{box-sizing:border-box;color:var(--color-text);text-decoration:none;font-family:Poppins;}body{background-color:var(--color-bg);padding:0;margin:0;}.container{margin:0 auto;padding:0 10px;max-width:1320px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;}.content{min-height:calc(100vh - 102px);display:flex;flex-direction:column;gap:15px;width:100%;justify-content:space-between;}button{border:1px solid var(--color-border);padding:5px 10px;background-color:var(--color-bg);border-radius:10px;cursor:pointer;}button:hover{background-color:var(--color-bg-hover);}.container ul{list-style:none;display:flex;gap:10px;padding:0;}svg{vertical-align:middle;}::-webkit-scrollbar{width:6px;}::-webkit-scrollbar-track{background:var(--color-bg);border-radius:3px;}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px;}::-webkit-scrollbar-thumb:hover{background:var(--color-muted);}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.fade-in{animation:fadeIn 0.5s ease-in;}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}header{background-color:var(--color-bg-alt);max-height:60px;border-radius:15px;margin:20px auto;border:1px solid var(--color-border);display:flex;align-items:center;flex-direction:row;padding:30px;justify-content:space-between;width:100%;}header .header-left-part,header .header-right-part{display:flex;align-items:center;gap:10px;}header .header-right-part > a{padding:5px 10px;border-radius:10px;font-size:14px;transition:0.5s;}header .header-right-part a.login-button{background-color:var(--color-bg);outline:1px solid var(--color-border);}header .header-right-part a.login-button:hover{background-color:var(--color-bg-hover);}header .header-right-part a.signup-button{background-color:var(--color-accent);outline:1px solid var(--color-border);}header .header-right-part a.signup-button:hover{background-color:var(--color-accent-hover);}header .header-left-part .logo img{width:40px;}header .header-left-part .logo a{display:flex;align-items:center;}header .header-left-part nav ul li{padding:5px 10px;border-radius:10px;transition:0.5s;cursor:pointer;}header .header-left-part nav ul .current-menu-item{outline:1px solid var(--color-accent-hover);background-color:#350c0096;}header .header-left-part nav ul li:hover{background-color:var(--color-accent-hover-alt);}header .header-left-part nav ul .current-menu-item:hover{background-color:#5b3d3496;}header .header-left-part nav ul li a{display:flex;align-items:center;gap:5px;}.search-modal,.notification-modal,.auth-modal,.bookmarks-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.95);backdrop-filter:blur(12px);z-index:1000;display:none;opacity:0;transition:opacity 0.3s ease;}.search-modal.active,.bookmarks-modal.active{display:flex;opacity:1;align-items:flex-start;justify-content:center;padding-top:100px;}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.search-modal-content{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:600px;max-height:70vh;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);animation:modalSlideIn 0.3s ease-out;}.search-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;margin-bottom:16px;}.search-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text);}.search-modal-close,.notification-modal-close,.auth-modal-close,.modal-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--color-muted);transition:all 0.2s ease;}.search-modal-close:hover,.notification-modal-close:hover,.auth-modal-close:hover,.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text);}.search-input-wrapper{position:relative;padding:0 24px 20px;}.search-input-wrapper .search-icon{position:absolute;left:40px;top:37%;transform:translateY(-50%);color:var(--color-muted);}#searchInput{width:100%;padding:12px 20px 12px 48px;border-radius:8px;font-size:16px;transition:all 0.2s ease;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);}#searchInput::placeholder{color:var(--color-muted);}#searchInput:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(208,86,48,0.2);background:#111827;}.search-shortcut-hint{position:absolute;right:40px;top:37%;transform:translateY(-50%);font-size:0.75rem;color:var(--color-muted);}.search-shortcut-hint kbd{background:var(--color-bg-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;padding:2px 6px;font-size:0.7rem;}.search-results{max-height:400px;overflow-y:auto;border-top:1px solid var(--color-border);}.search-empty-state{padding:40px 24px;text-align:center;color:var(--color-muted);}.search-empty-state svg{margin-bottom:16px;color:var(--color-border);}.search-empty-state p{margin:0;font-size:0.875rem;}.search-result-item{padding:16px 24px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color 0.2s ease;display:flex;align-items:center;gap:12px;}.search-result-item:hover{background:var(--color-bg-hover);}.search-result-item:last-child{border-bottom:none;}.search-result-icon{color:var(--color-muted);flex-shrink:0;}.search-result-content h4{margin:0 0 4px 0;font-size:0.875rem;font-weight:500;color:var(--color-text);}.search-result-content p{margin:0;font-size:0.75rem;color:var(--color-muted);}.search-loading{padding:40px 24px;text-align:center;color:var(--color-muted);}.search-loading::after{content:"...";animation:loadingDots 1.5s infinite;}@keyframes loadingDots{0%,20%{content:".";}40%{content:"..";}60%,100%{content:"...";}}.search-no-results{padding:40px 24px;text-align:center;color:var(--color-muted);}.search-no-results svg{margin-bottom:16px;color:var(--color-border);}.search-no-results p{margin:0;font-size:0.875rem;}.notification-wrapper{position:relative;}.notification-button{position:relative;background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;color:currentColor;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}.notification-button:hover{background:var(--color-bg-hover);transform:translateY(-1px);}.notification-badge{position:absolute;top:4px;right:4px;background:var(--color-danger);color:white;border-radius:50%;width:14px;height:14px;font-size:0.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite;}p.no-notifications{padding:5px 20px;}@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.notification-modal.active{display:flex;opacity:1;align-items:flex-start;justify-content:center;padding-top:100px;}.notification-modal-content{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;width:90%;max-width:420px;max-height:70vh;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);animation:modalSlideIn 0.3s ease-out;display:flex;flex-direction:column;}.notification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-border);}.notification-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text);}.notification-actions{display:flex;align-items:center;gap:12px;}.mark-all-read{background:none;border:none;color:var(--color-accent);font-size:0.875rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color 0.2s ease;}.mark-all-read:hover{background:rgba(208,86,48,0.1);}.notification-list{flex:1;overflow-y:auto;max-height:400px;}.notification-item{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color 0.2s ease;position:relative;}.notification-item:hover{background:var(--color-bg-hover);}.notification-item.unread{background:rgba(208,86,48,0.05);}.notification-item.unread::before{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-accent);border-radius:50%;}.notification-icon{flex-shrink:0;width:32px;height:32px;border-radius:8px;background:var(--color-bg-hover);color:var(--color-muted);display:flex;align-items:center;justify-content:center;}.notification-item.unread .notification-icon{background:rgba(208,86,48,0.2);color:var(--color-accent);}.notification-content{flex:1;min-width:0;}.notification-title{margin:0 0 4px 0;font-size:0.875rem;font-weight:500;color:var(--color-text);}.notification-desc{margin:0 0 6px 0;font-size:0.75rem;color:var(--color-muted);line-height:1.4;}.notification-time{font-size:0.7rem;color:var(--color-muted);}.notification-footer{padding:16px 24px;border-top:1px solid var(--color-border);text-align:center;}.view-all-notifications{color:var(--color-accent);font-size:0.875rem;text-decoration:none;transition:color 0.2s ease;}.view-all-notifications:hover{color:var(--color-accent-hover);}.notification-empty-state{padding:40px 24px;text-align:center;color:var(--color-muted);}.notification-empty-state svg{margin-bottom:16px;color:var(--color-border);}.notification-empty-state p{margin:0;font-size:0.875rem;}.header-right-part{display:flex;align-items:center;gap:8px;}.user-menu-wrapper{position:relative;display:inline-block;}.user-menu-button{display:flex;align-items:center;justify-content:center;height:40px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;cursor:pointer;transition:all 0.2s ease;color:var(--color-text);padding:8px;gap:10px;}.user-menu-button img{border-radius:50%;object-fit:cover;width:35px;height:35px;}.user-menu-button:hover{background:var(--color-bg-hover);color:var(--color-accent);}.user-menu-button > svg{transition:transform 0.3s;}.user-menu-button.active > svg{transform:rotate(180deg);}.user-dropdown{position:absolute;top:100%;right:0;width:280px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);padding:0;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;margin-top:8px;}.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(5px);}.user-profile-section{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--color-border);background:var(--color-bg);border-radius:12px 12px 0 0;}.user-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--color-accent),#8d371d);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;flex-shrink:0;border:2px solid var(--color-border);}.user-avatar img{width:100%;height:100%;object-fit:cover;}.user-info{flex:1;min-width:0;}.user-name{font-size:16px;font-weight:600;color:var(--color-text);margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.user-email{font-size:14px;color:var(--color-muted);margin:0 0 6px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.user-role{display:inline-block;background:rgba(208,86,48,0.2);color:var(--color-accent);padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid rgba(208,86,48,0.3);}.user-menu-items{padding:8px 0;}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;width:100%;border:none;background:transparent;color:var(--color-text);text-decoration:none;cursor:pointer;transition:all 0.2s ease;font-size:14px;}.user-menu-item:hover{background:var(--color-bg-hover);}.user-menu-item svg{color:var(--color-muted);flex-shrink:0;width:18px;height:18px;}.coins-item{display:flex;align-items:center;justify-content:space-between;color:var(--color-accent);font-weight:500;}.coins-left{display:flex;align-items:center;gap:12px;}.coins-amount{color:var(--color-accent);font-weight:600;background:#69190036;padding:2px 8px;border-radius:15px;border:1px solid;font-size:12px;}.logout-item{color:var(--color-danger);border-top:1px solid var(--color-border);margin-top:4px;}.logout-item:hover{color:var(--color-danger);background:rgba(198,40,40,0.1);}@media (max-width:768px){.user-menu-wrapper{display:flex !important;}.user-dropdown{position:fixed;top:88px;right:20px;left:auto;width:280px;max-width:calc(100vw - 40px);border-radius:12px;transform:translateY(-10px);margin-top:0;}.user-dropdown.active{transform:translateY(0);}.user-profile-section{padding:16px;}.user-menu-item{padding:14px 16px;font-size:14px;}.header-right-part{gap:6px;}.user-menu-button{height:35px;}.user-menu-button img{display:none;}.notification-button > svg{width:20px;}.search-button > kbd{display:none;}.header-left-part .mobile-menu-toggle span{height:2px;}header .header-left-part .logo img{width:35px;}}@media (max-width:480px){.user-dropdown{width:260px;}.user-profile-section{padding:14px;}.user-avatar{width:45px;height:45px;}.user-name{font-size:15px;}.user-email{font-size:13px;}}.auth-modal.active{display:flex;opacity:1;align-items:center;justify-content:center;padding:20px;}.auth-modal-content{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);animation:modalSlideIn 0.3s ease-out;}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:8px;}.auth-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-text);}.auth-form{padding:24px;}.form-group{margin-bottom:20px;position:relative;}.form-group label{display:block;margin-bottom:6px;font-size:0.875rem;font-weight:500;color:var(--color-text);}.form-group input{width:100%;padding:12px 16px;border-radius:8px;font-size:14px;transition:all 0.2s ease;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);}.form-group input::placeholder{color:var(--color-muted);}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(208,86,48,0.2);}.password-toggle{position:absolute;right:12px;top:48px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-muted);border-radius:4px;transition:color 0.2s ease;}.password-toggle:hover{color:var(--color-text);}.password-strength{margin-top:8px;}.strength-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-bottom:4px;position:relative;}.strength-fill{height:100%;border-radius:2px;transition:all 0.3s ease;width:0%;background:var(--color-danger);}.strength-text{font-size:0.75rem;color:var(--color-muted);transition:color 0.3s ease;}.match-message{font-size:0.75rem;margin-top:4px;font-weight:500;transition:all 0.3s ease;}.match-success{color:var(--color-success);}.match-error{color:var(--color-danger);}.input-success{border-color:var(--color-success) !important;box-shadow:0 0 0 3px rgba(46,125,50,0.1) !important;}.input-error{border-color:var(--color-danger) !important;box-shadow:0 0 0 3px rgba(198,40,40,0.1) !important;}.form-error-message{background:var(--color-danger);color:white;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:0.875rem;display:none;}.form-error-message:before{content:'⚠ ';font-weight:bold;}.form-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}.checkbox-label{display:flex;align-items:flex-start;gap:8px;font-size:0.875rem;color:var(--color-text);cursor:pointer;}.checkbox-label input{display:none;}.checkmark{width:16px;height:16px;border:1px solid var(--color-border);border-radius:4px;position:relative;flex-shrink:0;transition:all 0.2s ease;}.checkbox-label input:checked + .checkmark{background:var(--color-accent);border-color:var(--color-accent);}.checkbox-label input:checked + .checkmark::after{content:'';position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);}.checkbox-label a{color:var(--color-accent);text-decoration:none;}.checkbox-label a:hover{color:var(--color-accent-hover);}.forgot-password{color:var(--color-accent);font-size:0.875rem;text-decoration:none;align-self:flex-end;}.forgot-password:hover{color:var(--color-accent-hover);}.auth-submit-button{width:100%;padding:12px 16px;background:var(--color-accent);color:white;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin-bottom:24px;}.auth-submit-button:hover{background:var(--color-accent-hover);transform:translateY(-1px);}.auth-divider{position:relative;text-align:center;margin:1.5rem 0;}.auth-divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--color-border);}.auth-divider span{position:relative;background:var(--color-bg-alt);color:var(--color-muted);padding:0 12px;font-size:0.875rem;}.auth-switch{text-align:center;padding:0 24px 24px;}.auth-switch p{margin:0;color:var(--color-muted);font-size:0.875rem;}.switch-auth{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:0.875rem;text-decoration:underline;}.switch-auth:hover{color:var(--color-accent-hover);}@media (max-width:480px){}.auth-modal svg{width:18px !important;height:18px !important;}.auth-modal .auth-modal-close svg{width:24px !important;height:24px !important;}.auth-modal-content{scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937;}.form-help-text{font-size:0.8rem;color:var(--color-muted);margin-top:5px;line-height:1.4;}.success-message{background:rgba(46,125,50,0.1);border:1px solid rgba(46,125,50,0.3);color:var(--color-success);padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;display:none;}.success-message svg{margin-bottom:10px;}.success-message p{margin:0;line-height:1.5;}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:25px;height:21px;background:none;border:none;cursor:pointer;padding:0;}.mobile-menu-toggle span{display:block;height:3px;width:100%;background-color:var(--color-text);border-radius:3px;transition:all 0.3s ease;}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px);}.mobile-menu-toggle.active span:nth-child(2){opacity:0;}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px);}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999;}.mobile-menu{position:fixed;top:0;left:-100%;width:300px;height:100%;background:var(--color-bg-alt);box-shadow:2px 0 10px rgba(0,0,0,0.1);transition:left 0.3s ease;z-index:1000;display:flex;flex-direction:column;border-right:1px solid var(--color-border);}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border);}.mobile-logo{display:flex;align-items:center;gap:10px;}.mobile-logo img{height:30px;width:auto;}.mobile-menu-close{background:none;border:none;cursor:pointer;padding:5px;color:var(--color-muted);transition:color 0.2s ease;}.mobile-menu-close:hover{color:var(--color-text);}.mobile-menu-list{margin:0;flex:1;flex-direction:column;}.mobile-menu-list li{border-bottom:1px solid var(--color-border);}.mobile-menu-list li:last-child{border-bottom:none;}.mobile-menu-list a{display:flex;align-items:center;gap:12px;padding:18px 20px;color:var(--color-text);text-decoration:none;font-size:16px;font-weight:500;transition:background-color 0.2s ease;}.mobile-menu-list a:hover{background-color:var(--color-bg-hover);}.mobile-menu-list .current-menu-item a{background-color:#350c0096;color:var(--color-accent);border-right:3px solid var(--color-accent);}.mobile-menu-auth{padding:20px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:10px;}.mobile-login-button,.mobile-signup-button{padding:12px 20px;text-align:center;text-decoration:none;border-radius:6px;font-weight:500;transition:all 0.2s ease;}.mobile-login-button{border:1px solid var(--color-border);color:var(--color-text);background:var(--color-bg);}.mobile-login-button:hover{background:var(--color-bg-hover);}.mobile-signup-button{background:var(--color-accent);color:white;border:1px solid var(--color-accent);}.mobile-signup-button:hover{background:var(--color-accent-hover);}.mobile-menu.active{left:0;}.mobile-menu-overlay.active{opacity:1;visibility:visible;}body.menu-open{overflow:hidden;}.hero-slider-container{position:relative;width:100%;overflow:hidden;}.hero-slider{display:flex;gap:15px;height:400px;align-items:center;justify-content:flex-start;}.hero-slider .slide{flex:0 0 415px;height:380px;border-radius:15px;overflow:hidden;position:relative;cursor:pointer;transition:all 0.6s ease;opacity:0.3;transform:scale(0.9);}.hero-slider .slide.active{opacity:1;transform:scale(1);z-index:2;}.hero-slider .slide[aria-hidden="true"]{opacity:0.3;transform:scale(0.9);}.hero-slider .slide:hover{transform:scale(1.02);}.hero-slider .slide.active:hover{transform:scale(1.05);}.hero-slider .slide img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 0.5s ease;}.hero-slider .slide .transperant-bg{background:linear-gradient(0deg,#000000b3 10%,transparent);position:absolute;top:0;left:0;width:100%;height:100%;}.hero-slider .slide .comic-info{position:absolute;bottom:15px;width:100%;text-align:center;color:#fff;z-index:3;}.hero-slider .slide .comic-title{font-size:25px;font-weight:bold;}.hero-slider .slide .comic-genres{margin-top:10px;}.hero-slider .slide .genre{padding:0 10px;background-color:#2196f3a1;border-radius:25px;font-size:12px;margin:0 2px;}@media (max-width:768px){.hero-slider{height:300px;}.hero-slider .slide{flex:0 0 90vw;height:280px;}.hero-slider .slide .comic-title{font-size:18px;}.hero-slider .slide .comic-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;}}.announcements-slider-container{width:100%;position:relative;overflow:hidden;border-radius:15px;}.announcements-slider{display:flex;transition:transform 0.4s ease;cursor:grab;}.announcements-slider.dragging{cursor:grabbing;transition:none;}.announcement-link{flex:0 0 100%;min-width:100%;}.announcement{display:flex;flex-direction:row;align-items:center;position:relative;overflow:hidden;gap:15px;padding:15px 20px;cursor:pointer;border-radius:15px;background-color:var(--color-bg-alt);border:1px solid var(--color-border);transition:background-color 0.4s ease;min-height:120px;}.announcement::before{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.15),transparent);transform:skewX(-20deg);transition:left 1.5s ease;}.announcement:hover::before{left:150%;}.announcement:hover{background-color:var(--color-border);}.announcement .svg-bg{background-color:rgb(59 59 59);padding:10px;border-radius:50%;flex-shrink:0;}.announcement .svg-bg svg{fill:rgb(247 183 80 / var(--tw-text-opacity,1));}.announcement-content{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;}.announcement-content .announcement-description,.announcement-content .announcement-date{font-size:14px;color:var(--color-secondary-text);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.announcement-content .announcement-title{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.announcement-content .announcement-date{display:flex;flex-direction:row;align-items:center;gap:5px;font-size:12px;}.announcement-content .announcement-date::before{content:"";display:inline-block;width:8px;height:8px;background:white;border-radius:50%;margin-right:2px;opacity:0.6;animation:fadeDot 2.2s infinite ease-in-out;}.slider-controls{display:flex;justify-content:center;align-items:center;padding:15px 0 5px;position:absolute;bottom:0;right:49%;}.slider-dots{display:flex;gap:5px;}.dot{width:7px;height:7px;border-radius:50%;background-color:var(--color-secondary-text);cursor:pointer;transition:all 0.3s ease;opacity:0.5;}.dot.active{background-color:var(--color-accent);opacity:1;transform:scale(1.2);}.dot:hover{opacity:0.8;transform:scale(1.1);}@keyframes fadeDot{0%{opacity:0.2;}50%{opacity:1;}100%{opacity:0.2;}}.discord-banner{width:100%;background:#5865f2;border-radius:12px;padding:10px 20px;border:1px solid rgba(255,255,255,0.1);}.discord-content{display:flex;align-items:center;gap:15px;color:white;}.discord-icon svg{width:40px;height:40px;color:white;}.discord-text h3{font-size:18px;margin:0;font-weight:600;}.discord-text p{font-size:14px;margin:2px 0 0;color:rgba(255,255,255,0.9);}.discord-btn{margin-left:auto;background:white;color:#5865f2;font-weight:600;border-radius:8px;padding:8px 16px;transition:all 0.2s ease;text-decoration:none;}.discord-btn:hover{background:#e6e6ff;}.playstore-banner{width:100%;background:linear-gradient(135deg,#1a1a1a,#242424);margin:30px 0;border-radius:18px;overflow:hidden;}.playstore-inner{max-width:1400px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;}.playstore-left{display:flex;align-items:center;gap:16px;}.playstore-icon{width:72px;height:72px;border-radius:16px;object-fit:cover;box-shadow:0 8px 25px rgba(0,0,0,.35);}.playstore-text h3{margin:0;font-size:1.4rem;color:#fff;}.playstore-text p{margin:4px 0;color:#ccc;font-size:.95rem;}.playstore-rating{color:#4caf50;font-size:.9rem;}.playstore-btn img{height:56px;transition:transform .2s ease;}.playstore-btn:hover img{transform:scale(1.05);}@media (max-width:768px){.playstore-inner{flex-direction:column;text-align:center;}.playstore-left{flex-direction:column;}}.profile-container{display:flex;flex-direction:column;gap:30px;}.user-main-info{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;position:relative;background:var(--color-bg-alt);border:1px solid var(--color-border);box-shadow:0 8px 32px rgba(0,0,0,0.1);animation:fadeInUp 0.4s ease-out;}.user-banner{height:280px;overflow:hidden;width:100%;position:relative;}.user-banner img{width:100%;height:100%;object-fit:cover;object-position:center;}.banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,15,15,0.3) 0%,var(--color-bg-alt) 100%);}.banner-preview{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;border:2px dashed var(--color-border);cursor:pointer;transition:all 0.3s ease;}.banner-preview:hover{border-color:var(--color-accent);}.banner-preview img{width:100%;height:100%;object-fit:cover;}.user-avter{border-radius:50%;overflow:hidden;display:flex;position:absolute;top:200px;border:6px solid var(--color-bg-alt);width:140px;height:140px;z-index:2;box-shadow:0 8px 32px rgba(0,0,0,0.3);}.user-avter img{width:100%;height:100%;object-fit:cover;}.user-profile-info{margin-top:80px;padding:40px 30px 30px;display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:30px;}.user-basic-info{flex:1;}.username-profile{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 12px 0;}.username-profile svg{color:var(--color-accent);}.user-meta{display:flex;flex-direction:column;gap:8px;}.user-meta span{display:flex;align-items:center;gap:8px;font-size:0.95rem;color:var(--color-muted);}.user-stats-quick{display:flex;gap:30px;}.quick-stat{display:flex;flex-direction:column;align-items:center;gap:4px;}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-accent);}.stat-label{font-size:0.85rem;color:var(--color-muted);font-weight:500;}.profile-lower-part{display:grid;grid-template-columns:350px 1fr;gap:30px;direction:rtl;}.profile-lower-part *{direction:initial;}.profile-tabs{display:flex;gap:8px;background:var(--color-bg-alt);border-radius:16px;padding:8px;border:1px solid var(--color-border);margin-bottom:30px;animation:fadeInUp 0.6s ease-out;}.tab-btn{flex:1;display:flex;align-items:center;gap:12px;justify-content:center;padding:5px 24px;border-radius:5px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;font-weight:500;transition:all 0.3s ease;}.tab-btn:hover{background:var(--color-bg-hover);color:var(--color-text);}.tab-btn.active{background:var(--color-accent);color:#fff;box-shadow:0 4px 16px rgba(208,86,48,0.3);}.tab-icon{display:flex;align-items:center;justify-content:center;}.tab-label{font-size:0.95rem;font-weight:500;}.tab-content-container{position:relative;min-height:500px;background:var(--color-bg-alt);padding:20px;border-radius:15px;border:1px solid var(--color-border);animation:fadeInUp 1s ease-out;}.tab-content{display:none;animation:fadeInUp 0.4s ease-out;}.tab-content.active{display:block;}.content-header{margin-bottom:30px;}.content-header h2{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:700;color:var(--color-text);margin:0 0 8px 0;}.content-header h2 svg{color:var(--color-accent);}.section-description{color:var(--color-muted);font-size:1rem;margin:0;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:all 0.3s ease;}.stat-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 8px 32px rgba(0,0,0,0.1);}.stat-card.primary{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-bg),rgba(208,86,48,0.05));}.stat-icon{padding:16px;background:var(--color-bg-alt);border-radius:12px;display:flex;align-items:center;justify-content:center;}.stat-icon svg{color:var(--color-accent);}.stat-info{display:flex;flex-direction:column;gap:4px;}.stat-value{font-size:2rem;font-weight:700;color:var(--color-text);}.recent-activity-section h3{font-size:1.3rem;color:var(--color-text);margin-bottom:20px;font-weight:600;}.activity-timeline{display:flex;flex-direction:column;}.activity-item{display:flex;gap:16px;padding:20px;position:relative;}.activity-item:not(:last-child)::after{content:'';position:absolute;left:28px;top:60px;bottom:-20px;width:2px;background:var(--color-border);}.activity-marker{width:12px;height:12px;border-radius:50%;background:var(--color-accent);margin-top:4px;flex-shrink:0;}.activity-content{flex:1;}.activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;}.activity-title{font-weight:600;color:var(--color-text);font-size:0.95rem;}.activity-time{color:var(--color-muted);font-size:0.85rem;}.activity-description{color:var(--color-muted);font-size:0.9rem;margin:0;}.history-sections{display:flex;flex-direction:column;gap:40px;}.history-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:24px;}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.section-title h4{font-size:1.2rem;color:var(--color-text);margin:0;font-weight:600;}.clear-btn{background:var(--color-danger);color:white;border:none;padding:8px 16px;border-radius:8px;font-size:0.85rem;cursor:pointer;transition:background-color 0.3s ease;}.clear-btn:hover{background:#b71c1c;}.history-list,.purchase-list{display:flex;flex-direction:column;gap:16px;}.history-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-bg-alt);border-radius:12px;border:1px solid var(--color-border);transition:all 0.3s ease;}.history-item:hover{border-color:var(--color-accent);transform:translateX(4px);}.history-item img{width:60px;height:80px;border-radius:8px;object-fit:cover;}.history-details{flex:1;}.history-details h5{font-size:1rem;color:var(--color-text);margin:0 0 4px 0;font-weight:600;}.history-details p{color:var(--color-muted);font-size:0.9rem;margin:0 0 4px 0;}.history-time{color:var(--color-muted);font-size:0.8rem;}.action-btn{padding:10px 20px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:500;transition:all 0.3s ease;}.continue-btn{background:var(--color-accent);color:white;border-color:var(--color-accent);}.continue-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);}.purchase-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-bg-alt);border-radius:12px;border:1px solid var(--color-border);}.purchase-info h5{font-size:1rem;color:var(--color-text);margin:0 0 4px 0;font-weight:600;}.purchase-date{color:var(--color-muted);font-size:0.85rem;}.purchase-amount{color:var(--color-accent);font-weight:600;font-size:1rem;}.settings-sections{display:flex;flex-direction:column;gap:40px;}.settings-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;padding:24px;}.settings-section h3{font-size:1.3rem;color:var(--color-text);margin:0 0 24px 0;font-weight:600;}.settings-form{display:flex;flex-direction:column;gap:24px;}.form-group{display:flex;flex-direction:column;gap:8px;}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--color-text);font-size:0.95rem;}.form-group label svg{color:var(--color-accent);}.input-with-action{display:flex;gap:12px;align-items:center;}.input-with-action input{flex:1;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-alt);color:var(--color-text);font-size:0.95rem;transition:all 0.3s ease;}.input-with-action input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(208,86,48,0.1);}.input-with-action input:read-only{background:var(--color-bg);color:var(--color-muted);}.edit-field-btn{padding:10px 20px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;cursor:pointer;font-size:0.85rem;font-weight:500;transition:all 0.3s ease;white-space:nowrap;}.edit-field-btn:hover{background:var(--color-bg-hover);}.edit-field-btn.saving{background:var(--color-accent);color:white;border-color:var(--color-accent);}.password-input-wrapper{position:relative;display:flex;align-items:center;}.password-input-wrapper input{width:100%;padding:12px 16px;padding-right:50px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-alt);color:var(--color-text);font-size:0.95rem;transition:all 0.3s ease;}.password-input-wrapper input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(208,86,48,0.1);}.toggle-password{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-muted);border-radius:4px;transition:color 0.3s ease;}.toggle-password:hover{color:var(--color-accent);}.save-changes-btn{align-self:flex-start;padding:5px 32px;background:var(--color-accent);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;font-size:0.95rem;transition:all 0.3s ease;}.save-changes-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(208,86,48,0.3);}.profile-lower-right{display:flex;flex-direction:column;gap:24px;}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:40px 0;}.loading-spinner::after{content:"";width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.empty-state{text-align:center;color:var(--color-muted);font-style:italic;padding:40px 20px;margin:0;}.bookmarks-list,.history-list,.purchase-list{scroll-behavior:smooth;}.sidebar-card,.history-item,.bookmark-item,.purchase-item{transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;}.sidebar-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 4px 20px rgba(208,86,48,0.1);}.sidebar-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:16px;padding:24px;animation:fadeInUp 0.8s ease-out;}.sidebar-card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}.sidebar-card .card-header h3{display:flex;align-items:center;gap:8px;font-size:1.1rem;color:var(--color-text);margin:0;font-weight:600;}.sidebar-card .card-header h3 svg{color:var(--color-accent);}.view-all-btn{background:none;border:none;padding:6px;cursor:pointer;color:var(--color-muted);border-radius:6px;transition:all 0.3s ease;}.view-all-btn:hover{color:var(--color-accent);background:var(--color-bg-hover);}.stats-list{display:flex;flex-direction:column;gap:16px;}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-border);}.stat-item:last-child{border-bottom:none;}.stat-name{color:var(--color-muted);font-size:0.9rem;}.stat-value{font-weight:600;color:var(--color-text);font-size:0.95rem;}.stat-value.premium{color:var(--color-accent);}.bookmarks-list{display:flex;flex-direction:column;gap:16px;}.bookmark-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg);border-radius:12px;border:1px solid var(--color-border);transition:all 0.3s ease;position:relative;}.bookmark-item:hover{border-color:var(--color-accent);}.bookmark-item img{width:50px;height:65px;border-radius:6px;object-fit:cover;}.bookmark-info{flex:1;}.bookmark-info h5{font-size:0.95rem;color:var(--color-text);margin:0 0 4px 0;font-weight:600;}.bookmark-info span{color:var(--color-muted);font-size:0.8rem;}.remove-bookmark{background:none;border:none;padding:6px;cursor:pointer;color:var(--color-muted);border-radius:4px;transition:all 0.3s ease;opacity:0;}.bookmark-item:hover .remove-bookmark{opacity:1;}.remove-bookmark:hover{color:var(--color-danger);background:rgba(198,40,40,0.1);}@media (max-width:1024px){.profile-lower-part{grid-template-columns:1fr;gap:24px;}.profile-lower-right{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}}@media (max-width:768px){.profile-container{gap:20px;}.user-profile-info{flex-direction:column;align-items:center;text-align:center;gap:24px;}.user-stats-quick{justify-content:center;}.profile-tabs{flex-direction:column;}.stats-grid{grid-template-columns:1fr;}.profile-lower-right{grid-template-columns:1fr;}.user-banner{height:200px;}.user-avter{top:140px;width:120px;height:120px;}.user-profile-info{margin-top:70px;padding:30px 20px 20px;}.username-profile{font-size:1.6rem;}}@media (max-width:480px){.history-item,.bookmark-item{flex-direction:column;text-align:center;gap:12px;}.history-item img,.bookmark-item img{align-self:center;}.action-btn{align-self:stretch;}.section-title{flex-direction:column;gap:12px;align-items:flex-start;}.clear-btn{align-self:flex-start;}}.bookmarks-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.9);backdrop-filter:blur(12px);}.bookmarks-modal .modal-content{position:relative;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:1000px;display:flex;flex-direction:column;box-shadow:0 25px 60px rgba(0,0,0,0.4);animation:modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-30px) scale(0.95);}to{opacity:1;transform:translateY(0) scale(1);}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid var(--color-border);background:var(--color-bg);border-radius:20px 20px 0 0;}.modal-header h2{display:flex;align-items:center;gap:12px;font-size:1.5rem;color:var(--color-text);margin:0;font-weight:600;}.modal-header h2 svg{color:var(--color-accent);}.bookmarks-count{color:var(--color-muted);font-size:1rem;font-weight:400;margin-left:8px;}.modal-close{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-muted);border-radius:8px;transition:all 0.3s ease;}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text);}.modal-body{flex:1;overflow-y:auto;padding:0;}.bookmarks-list-full{display:flex;flex-direction:column;}.bookmark-item-full{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid var(--color-border);transition:all 0.3s ease;background:var(--color-bg-alt);position:relative;}.bookmark-item-full:hover{background:var(--color-bg-hover);}.bookmark-item-full:last-child{border-bottom:none;}.bookmark-main-content{display:flex;align-items:flex-start;gap:20px;flex:1;min-width:0;}.bookmark-image{position:relative;flex-shrink:0;width:100px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.2);}.bookmark-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.bookmark-item-full:hover .bookmark-image img{transform:scale(1.05);}.bookmarks-modal .comic-status{position:absolute;top:8px;left:8px;padding:4px 8px;border-radius:6px;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.bookmarks-modal .comic-status.ongoing{background:rgba(46,125,50,0.9);color:#c8e6c9;}.bookmarks-modal .comic-status.completed{background:rgba(198,40,40,0.9);color:#ffcdd2;}.bookmark-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;}.bookmark-header{display:flex;flex-direction:column;gap:8px;}.comic-title{font-size:1.3rem;color:var(--color-text);margin:0;font-weight:700;line-height:1.2;}.comic-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;}.comic-meta .genre{background:rgba(208,86,48,0.1);color:var(--color-accent);padding:4px 8px;border-radius:6px;font-size:0.75rem;font-weight:500;}.comic-chapters{background:rgba(116,122,133,0.1);color:var(--color-muted);padding:4px 8px;border-radius:6px;font-size:0.75rem;font-weight:500;}.comic-description{color:var(--color-secondary-text);font-size:0.9rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.bookmark-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}.bookmark-date,.last-read{display:flex;align-items:center;gap:6px;color:var(--color-muted);font-size:0.8rem;}.bookmark-date svg,.last-read svg{color:var(--color-accent);}.bookmark-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-left:20px;}.read-btn-primary{display:flex;align-items:center;gap:8px;background:var(--color-accent);color:white;border:none;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.9rem;white-space:nowrap;}.read-btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(208,86,48,0.3);}.bookmark-remove-btn-full{background:rgba(198,40,40,0.1);border:1px solid rgba(198,40,40,0.3);padding:10px;cursor:pointer;color:var(--color-danger);border-radius:8px;transition:all 0.3s ease;}.bookmark-remove-btn-full:hover{background:rgba(198,40,40,0.2);transform:scale(1.1);box-shadow:0 4px 12px rgba(198,40,40,0.2);}.bookmarks-empty{text-align:center;padding:60px 30px;color:var(--color-muted);}.bookmarks-empty svg{width:64px;height:64px;margin-bottom:16px;color:var(--color-border);}.bookmarks-empty h3{font-size:1.3rem;color:var(--color-text);margin:0 0 8px 0;}.bookmarks-empty p{margin:0;font-size:0.95rem;}@media (max-width:768px){.bookmarks-modal{padding:10px;}.modal-content{border-radius:16px;}.modal-header{padding:20px;}.bookmark-item-full{padding:20px;flex-direction:column;align-items:stretch;gap:16px;}.bookmark-main-content{flex-direction:column;text-align:center;}.bookmark-image{align-self:center;}.bookmark-actions{margin-left:0;justify-content:center;}.bookmark-footer{justify-content:center;}.comic-meta{justify-content:center;}}@media (max-width:480px){.modal-header h2{font-size:1.3rem;flex-direction:column;align-items:flex-start;gap:4px;}.bookmarks-count{margin-left:0;font-size:0.9rem;}.bookmark-actions{flex-direction:column;width:100%;}.read-btn-primary{width:100%;justify-content:center;}.bookmark-image{width:80px;height:112px;}.comic-title{font-size:1.1rem;}}.profile-media-settings{display:flex;flex-direction:column;gap:30px;}.media-upload-group{display:flex;flex-direction:column;gap:12px;}.media-upload-group label{font-weight:600;color:var(--color-text);font-size:0.95rem;}.banner-upload-container{display:flex;flex-direction:column;gap:12px;}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.8);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;opacity:0;transition:all 0.3s ease;backdrop-filter:blur(4px);}.banner-preview:hover .upload-overlay,.avatar-preview:hover .upload-overlay{opacity:1;}.upload-overlay svg{margin-bottom:8px;}.media-upload-input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;}.upload-info{text-align:center;}.upload-info p{color:var(--color-muted);font-size:0.85rem;margin:0;}.avatar-upload-container{display:flex;align-items:center;gap:20px;}.avatar-preview{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid var(--color-border);cursor:pointer;transition:all 0.3s ease;flex-shrink:0;}.avatar-preview:hover{border-color:var(--color-accent);transform:scale(1.05);}.avatar-preview img{width:100%;height:100%;object-fit:cover;}.avatar-preview .upload-overlay{background:rgba(15,15,15,0.7);border-radius:50%;}.notifications-settings{display:flex;flex-direction:column;gap:0;}.notification-item{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border);transition:background-color 0.3s ease;}.notification-item:hover{background:var(--color-bg-hover);}.notification-item:last-child{border-bottom:none;}.notification-info{flex:1;margin-right:20px;}.notification-info h4{font-size:1rem;color:var(--color-text);margin:0 0 4px 0;font-weight:600;}.notification-info p{color:var(--color-muted);font-size:0.9rem;margin:0;line-height:1.4;}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;flex-shrink:0;}.toggle-switch input{opacity:0;width:0;height:0;}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:0.4s;border-radius:34px;}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:white;transition:0.4s;border-radius:50%;}input:checked + .slider{background-color:var(--color-accent);}input:checked + .slider:before{transform:translateX(24px);}input:focus + .slider{box-shadow:0 0 1px var(--color-accent);}.save-all-settings{background:var(--color-accent);color:white;border:none;padding:14px 32px;border-radius:10px;font-weight:600;cursor:pointer;font-size:0.95rem;transition:all 0.3s ease;margin-top:20px;align-self:flex-start;}.save-all-settings:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(208,86,48,0.3);}@media (max-width:768px){.avatar-upload-container{flex-direction:column;align-items:center;text-align:center;}.notification-item{flex-direction:column;gap:16px;text-align:left;}.notification-info{margin-right:0;}.toggle-switch{align-self:flex-start;}.banner-preview{height:150px;}.avatar-preview{width:100px;height:100px;}}@media (max-width:480px){.profile-media-settings{gap:20px;}.notification-item{padding:16px;}.notification-info h4{font-size:0.95rem;}.notification-info p{font-size:0.85rem;}}.latest-releases,.popular-comics,.pinned-comics-section{width:100%;background:var(--color-bg-alt);border-radius:15px;padding:0px 15px 25px;border:1px solid var(--color-border);margin:20px 0;}.latest-releases h1,.popular-comics h1,.pinned-comics-section h1{display:flex;align-items:center;gap:12px;margin-bottom:25px;font-size:1.5rem;color:var(--color-text);font-weight:600;border-bottom:1px solid var(--color-border);padding-bottom:15px;}.latest-releases h1 svg,.popular-comics h1 svg,.pinned-comics-section h1 svg{color:var(--color-accent);width:24px;height:24px;}.comics-flex-pinned{display:flex;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgb(103 103 103 / 30%) transparent;padding-bottom:20px;gap:20px;}.comics-flex-pinned::-webkit-scrollbar{height:6px;}.comics-flex-pinned::-webkit-scrollbar-track{background:transparent;border-radius:3px;}.comics-flex-pinned::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.3);border-radius:3px;}.comics-flex-pinned::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.5);}.pinned-comic-card{flex:0 0 auto;}.comics-flex-pinned{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;}.comics-flex-pinned::-webkit-scrollbar{height:6px;}.comics-flex-pinned::-webkit-scrollbar-track{background:transparent;border-radius:3px;}.comics-flex-pinned::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px;}.comics-flex-pinned::-webkit-scrollbar-thumb:hover{background:var(--color-muted);}.pinned-comic-card{flex:0 0 auto;width:180px;text-decoration:none;transition:all 0.3s ease;position:relative;}.pinned-comic-card:hover{transform:translateY(-5px);}.comic-thumbnail{width:100%;height:250px;border-radius:8px;overflow:hidden;margin-bottom:10px;border:1px solid var(--color-border);background:var(--color-bg);position:relative;}.comic-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.pinned-comic-card:hover .comic-thumbnail img{transform:scale(1.05);}.chapter-badge{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);color:white;padding:4px 8px;border-radius:5px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,0.1);z-index:2;}.chapter-badge svg{width:12px;height:12px;color:var(--color-accent);}.comic-content{text-align:left;}.pinned-comic-title{margin:0;font-size:0.95rem;font-weight:500;color:var(--color-text);line-height:1.3;transition:color 0.2s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.pinned-comic-card:hover .pinned-comic-title{color:var(--color-accent);}.comic-thumbnail::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(0,0,0,0.3),transparent);opacity:0;transition:opacity 0.3s ease;z-index:1;pointer-events:none;}.pinned-comic-card:hover .comic-thumbnail::after{opacity:1;}@media (max-width:768px){.pinned-comic-card{width:160px;}.comic-thumbnail{height:220px;}.chapter-badge{font-size:0.7rem;padding:3px 6px;bottom:6px;left:6px;}.chapter-badge svg{width:10px;height:10px;}.pinned-comic-title{font-size:0.9rem;}.comics-flex-pinned{gap:12px;}}@media (max-width:480px){.pinned-comic-card{width:140px;}.comic-thumbnail{height:190px;}.chapter-badge{font-size:0.65rem;padding:2px 5px;bottom:5px;left:5px;}.pinned-comic-title{font-size:0.85rem;}.pinned-comics-section h1{font-size:1.3rem;margin-bottom:20px;}}.comics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;}.comic-card{background:var(--color-bg);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);transition:all 0.3s ease;display:flex;min-height:180px;}.comic-card:hover{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:0 5px 20px rgba(208,86,48,0.1);}.comic-card__cover{position:relative;display:block;overflow:hidden;width:170px;flex-shrink:0;height:auto;}.comic-card__image{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.comic-card:hover .comic-card__image{transform:scale(1.05);}.comic-card__status{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:12px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;background-color:rgb(0 53 32 / 81%);border:2px solid rgb(193,245,224);color:rgb(193,245,224);}.comic-card__status.is-completed{background-color:rgba(75,0,0,0.8);border:2px solid rgba(255,200,200,0.8);color:rgb(255,200,200);}.comic-card__status.is-ongoing{background-color:rgba(0,53,32,0.81);border:2px solid rgb(193,245,224);color:rgb(193,245,224);}.comic-card__status.is-hiatus{background-color:rgba(92,56,0,0.81);border:2px solid rgb(255,218,150);color:rgb(255,218,150);}.comic-card__status.is-season_end{background-color:rgba(49,0,75,0.81);border:2px solid rgb(220,180,255);color:rgb(220,180,255);}.comic-card__body{padding:15px;flex:1;display:flex;flex-direction:column;min-width:0;}.comic-card__title{display:-webkit-box;font-size:1rem;font-weight:600;color:var(--color-text);text-decoration:none;margin-bottom:12px;line-height:1.4;transition:color 0.2s ease;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}.comic-card__title:hover{color:var(--color-accent);}.comic-card__chapters{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;align-items:stretch;}.chapter-list{display:flex;flex-direction:column;gap:4px;margin:0;}.chapter-list--paid{}.chapter-list--free{}.chapter-list .chapter-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--color-bg-alt);border-radius:6px;text-decoration:none;color:var(--color-text);transition:all 0.2s ease;border-left:3px solid transparent;font-size:0.8rem;margin:0;}.chapter-list .chapter-item:hover{background:var(--color-bg-hover);border-left-color:#2c7d31;}.chapter-list .chapter-item label{font-weight:500;display:flex;align-items:center;gap:4px;font-size:0.8rem;}.chapter-list .chapter-item span{font-size:0.7rem;color:var(--color-muted);font-weight:400;white-space:nowrap;}.chapter-list .chapter-item.is-locked{background:linear-gradient(135deg,rgba(255,215,0,0.15),rgba(218,165,32,0.1));border-left:3px solid #FFD700;border:1px solid rgba(255,215,0,0.3);animation:golden-shimmer 3s ease-in-out infinite;}.chapter-list .chapter-item.is-locked:hover{background:linear-gradient(135deg,rgba(255,215,0,0.2),rgba(218,165,32,0.15));border-left-color:#FFD700;box-shadow:0 2px 8px rgba(255,215,0,0.2);}.chapter-list .chapter-item.is-locked label{color:#FFD700;font-weight:600;}.chapter-list .chapter-item.is-locked svg{color:#FFD700;filter:drop-shadow(0 0 2px rgba(255,215,0,0.5));}.chapter-list .chapter-item.is-locked.premium::before{content:'👑';margin-right:4px;font-size:0.8em;}@keyframes golden-shimmer{0%,100%{box-shadow:0 0 0 rgba(255,215,0,0);}50%{box-shadow:0 0 5px rgba(255,215,0,0.3);}}.chapter-item.is-bought{background:rgba(46,125,50,0.1);border-left:3px solid var(--color-success);}.chapter-item.is-bought:hover{background:rgba(46,125,50,0.15);}.chapter-item.is-bought label{color:var(--color-success);}.chapter-item.is-bought svg{color:var(--color-success);filter:drop-shadow(0 0 2px var(--color-success));}.chapter-item:not(.is-locked):not(.is-bought){background:var(--color-bg-alt);border-left:3px solid var(--color-border);}.chapter-item:not(.is-locked):not(.is-bought):hover{background:var(--color-bg-hover);border-left-color:var(--color-muted);}.chapter-lock-icon,.chapter-item svg{width:12px;height:12px;fill:currentColor;}.load-more-container{display:flex;flex-direction:column;align-items:center;margin-top:30px;padding-top:20px;border-top:1px solid var(--color-border);}.load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-accent);color:white;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:1px solid var(--color-border);}.load-more-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(208,86,48,0.3);}.load-more-btn:active{transform:translateY(0);}.load-more-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;}.loading-spinner{display:flex;align-items:center;gap:8px;padding:12px 24px;color:var(--color-muted);font-size:14px;font-weight:500;}.loading-spinner svg{animation:spin 1s linear infinite;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (max-width:768px){.load-more-btn{padding:10px 20px;font-size:13px;}.loading-spinner{padding:10px 20px;font-size:13px;}}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.95);backdrop-filter:blur(12px);z-index:1000;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s ease;}.modal.show{display:flex;opacity:1;}.modal-content{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:15px;padding:0;width:90%;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);animation:modalSlideIn 0.3s ease-out;position:relative;overflow:hidden;}.modal-header{display:flex;justify-content:space-between;align-items:center;}.modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0;}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--color-muted);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text);}.modal-body{padding:24px;margin-bottom:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg);}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px;border-top:none;}.btn{padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:500;transition:all 0.3s ease;font-size:14px;border:1px solid var(--color-border);}.btn-primary{background:var(--color-accent);color:white;border-color:var(--color-accent);}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(208,86,48,0.3);}.btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border);}.btn-secondary:hover{background:var(--color-bg-hover);transform:translateY(-2px);}@media (max-width:768px){.modal{padding:10px;align-items:flex-start;}.modal-content{width:95%;margin-top:20px;}.modal-header{padding:20px 20px 0;}.modal-body{padding:20px;}.modal-footer{padding:0 20px 20px;flex-direction:column;}.btn{width:100%;}}@media (max-width:480px){.modal-content{width:100%;border-radius:12px;}.modal-header{padding:16px 16px 0;}.modal-body{padding:16px;}.modal-footer{padding:0 16px 16px;}.modal-title{font-size:1.3rem;}}.modal-close:focus-visible,.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}.locked-chapter-info{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;}.chapter-preview{position:relative;width:120px;height:160px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid var(--color-border);}.chapter-preview img{width:100%;height:100%;object-fit:cover;}.chapter-lock-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;transition:background 0.3s ease;}.chapter-preview:hover .chapter-lock-overlay{background:rgba(0,0,0,0.9);}.lock-icon{color:var(--color-accent);width:32px;height:32px;}.chapter-details-modal{flex:1;min-width:0;}.chapter-details-modal h4{margin:0 0 8px 0;font-size:1.2rem;font-weight:600;color:var(--color-text);}.chapter-description{color:var(--color-muted);font-size:0.9rem;margin-bottom:20px;line-height:1.4;}.pricing-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:20px;}.coin-cost{display:flex;align-items:center;gap:8px;margin-bottom:8px;transition:color 0.3s ease;}.coin-cost svg{color:#FFD700;flex-shrink:0;}.cost-amount{font-size:1.3rem;font-weight:700;color:#FFD700;text-shadow:0 0 10px rgba(255,215,0,0.3);transition:text-shadow 0.3s ease;}.user-balance{font-size:0.9rem;color:var(--color-muted);}.user-balance strong{color:var(--color-text);}.coin-cost.purchasing svg{animation:coinSparkle 0.6s ease-in-out infinite;}@keyframes coinSparkle{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.2);opacity:0.8;}100%{transform:scale(1);opacity:1;}}.btn.insufficient-coins{background:rgba(239,68,68,0.25);border:1.5px solid rgba(239,68,68,0.6);color:#fca5a5;cursor:not-allowed;box-shadow:none;}.btn.insufficient-coins:hover{background:rgba(239,68,68,0.25);transform:none;}.benefits-list{display:flex;flex-direction:column;gap:12px;}.benefit-item{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:0.9rem;}.benefit-item svg{color:var(--color-success);flex-shrink:0;}@media (max-width:768px){.locked-chapter-info{flex-direction:column;align-items:center;text-align:center;}.chapter-preview{align-self:center;}.benefits-list{align-items:flex-start;}}#loginPromptModal .modal-content{max-width:400px;text-align:center;}#loginPromptModal .modal-body p{color:var(--color-text);margin-bottom:20px;font-size:0.95rem;}#loginPromptModal .btn-primary{background:var(--color-accent);border-color:var(--color-accent);}#loginPromptModal .btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 4px 12px rgba(208,86,48,0.3);}.modal.show{display:flex !important;opacity:1 !important;pointer-events:auto;}.comics-grid-popular{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;}.comic-card-popular{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:16px;padding:20px;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;}.comic-card-popular::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);transition:left 0.5s ease;}.comic-card-popular:hover{transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 10px 30px rgba(208,86,48,0.15);}.comic-card-popular:hover::before{left:100%;}.comic-main{display:flex;gap:15px;align-items:flex-start;margin-bottom:15px;}.comic-rank-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;}.comic-rank{background:var(--color-accent);color:white;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;}.comic-card-popular:nth-child(1) .comic-rank{background:linear-gradient(135deg,#FFD700,#FFA500);color:#000;}.comic-card-popular:nth-child(2) .comic-rank{background:linear-gradient(135deg,#C0C0C0,#A0A0A0);}.comic-card-popular:nth-child(3) .comic-rank{background:linear-gradient(135deg,#CD7F32,#A66B2A);}.trend-indicator{font-size:0.7rem;font-weight:700;padding:2px 6px;border-radius:4px;}.trend-indicator.up{background:rgba(46,125,50,0.2);color:var(--color-success);}.trend-indicator.down{background:rgba(198,40,40,0.2);color:var(--color-danger);}.comics-grid-popular .comic-cover{position:relative;flex-shrink:0;width:70px;height:90px;border-radius:8px;overflow:hidden;border:2px solid var(--color-border);transition:all 0.3s ease;}.comic-card-popular:hover .comic-cover{border-color:var(--color-accent);transform:scale(1.05);}.comics-grid-popular .comic-cover img{width:100%;height:100%;object-fit:cover;}.comic-badge{position:absolute;top:5px;right:5px;background:var(--color-accent);color:white;padding:2px 6px;border-radius:4px;font-size:0.6rem;font-weight:600;}.comic-main .comic-content{flex:1;min-width:0;}.comic-title-popular{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 4px 0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.comic-author{color:var(--color-muted);font-size:0.8rem;margin:0 0 10px 0;}.comic-stats{display:flex;gap:15px;}.stat{display:flex;align-items:center;gap:4px;color:var(--color-muted);font-size:0.8rem;font-weight:500;}.stat svg{color:var(--color-accent);}.comic-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--color-border);}.comic-genres-popular{display:flex;flex-wrap:wrap;gap:6px;}.comic-genres-popular span{background:rgba(208,86,48,0.1);color:var(--color-accent);padding:4px 8px;border-radius:12px;font-size:0.7rem;font-weight:500;transition:all 0.2s ease;}.comic-card-popular:hover .comic-genres-popular span{background:rgba(208,86,48,0.2);transform:translateY(-1px);}.read-btn{background:var(--color-accent);color:white;border:none;padding:8px 16px;border-radius:8px;font-size:0.8rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;gap:6px;}.read-btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);}@media (max-width:1024px){.comics-grid-popular{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}}@media (max-width:768px){.comics-grid-popular{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}.comic-card-popular{padding:16px;}.comic-main{gap:12px;}.comics-grid-popular .comic-cover{width:65px;height:85px;}}@media (max-width:640px){.comics-grid-popular{grid-template-columns:1fr;}.comic-footer{flex-direction:column;gap:12px;align-items:flex-start;}.read-btn{align-self:flex-end;}}@media (max-width:480px){.popular-comics h2{font-size:1.3rem;}.comic-card-popular{padding:14px;}.comic-main{gap:10px;}.comics-grid-popular .comic-cover{width:60px;height:80px;}.comic-rank{width:28px;height:28px;font-size:0.8rem;}.comic-title-popular{font-size:1rem;}}.comic-card-popular{animation:fadeInUp 0.5s ease-out;}.comic-card-popular:nth-child(1){animation-delay:0.1s;}.comic-card-popular:nth-child(2){animation-delay:0.2s;}.comic-card-popular:nth-child(3){animation-delay:0.3s;}.comic-card-popular:nth-child(4){animation-delay:0.4s;}.comic-card-popular:nth-child(5){animation-delay:0.5s;}.comic-card-popular:nth-child(6){animation-delay:0.6s;}.comic-card-popular:nth-child(7){animation-delay:0.7s;}.comic-card-popular:nth-child(8){animation-delay:0.8s;}.comic-card-popular:nth-child(9){animation-delay:0.9s;}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1003;display:flex;flex-direction:column;gap:10px;max-width:300px;}.toast{background:var(--color-bg-alt);color:var(--color-text);padding:12px 20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.3);border:1px solid var(--color-border);opacity:0;transform:translateX(100px);transition:opacity 0.3s,transform 0.3s;font-size:0.9rem;font-weight:500;display:flex;align-items:center;gap:8px;animation:toastSlideIn 0.3s ease-out forwards;}.toast.show{opacity:1;transform:translateX(0);}.toast.fade-out{opacity:0;transform:translateX(100px);transition:opacity 0.3s,transform 0.3s;}.toast.share{border-left:4px solid rgba(59,130,246,0.8);background:rgba(59,130,246,0.15);color:#93c5fd;}.toast.donate{border-left:4px solid rgba(245,158,11,0.8);background:rgba(245,158,11,0.15);color:#fcd34d;}.toast.bookmark{border-left:4px solid rgba(139,92,246,0.8);background:rgba(139,92,246,0.15);color:#c4b5fd;}.toast.report{border-left:4px solid rgba(239,68,68,0.8);background:rgba(239,68,68,0.15);color:#fca5a5;}.toast.donation-success{border-left:4px solid rgba(34,197,94,0.8);background:rgba(34,197,94,0.15);color:#86efac;}.toast.report-success{border-left:4px solid rgba(59,130,246,0.8);background:rgba(59,130,246,0.15);color:#93c5fd;}.toast.success{border-left:4px solid rgba(34,197,94,0.8);background:rgba(34,197,94,0.15);color:#86efac;}.toast::before{content:'';width:16px;height:16px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;}.toast.share::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E");}.toast.donate::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16'/%3E%3Cpath d='m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95'/%3E%3Cpath d='m2 15 6 6'/%3E%3Cpath d='m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91'/%3E%3C/svg%3E");}.toast.bookmark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3Cline x1='12' x2='12' y1='7' y2='13'/%3E%3Cline x1='15' x2='9' y1='10' y2='10'/%3E%3C/svg%3E");}.toast.report::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fca5a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}.toast.donation-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386efac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");}.toast.report-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}.toast.success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386efac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}.toast.error{border-left:4px solid rgba(239,68,68,0.9);background:rgba(239,68,68,0.15);color:#fca5a5;}.toast.error::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fca5a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='15' y1='9' x2='9' y2='15'/%3E%3Cline x1='9' y1='9' x2='15' y2='15'/%3E%3C/svg%3E");}.toast.chapter-purchase{border-left:4px solid rgba(255,215,0,0.8);background:rgba(255,215,0,0.15);color:#FFD700;}.toast.chapter-purchase::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23FFD700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");}.insufficient-coins .coin-cost{color:var(--color-danger);}.insufficient-coins .cost-amount{color:var(--color-danger);}.insufficient-coins .user-balance{color:var(--color-danger);}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100px);}to{opacity:1;transform:translateX(0);}}@media (max-width:768px){.toast-container{bottom:10px;right:10px;left:10px;max-width:none;}@keyframes toastSlideIn{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}}@media (max-width:768px){.toast-container.mobile-toast .toast{background:var(--color-bg) !important;border:1px solid var(--color-border) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.toast-container{bottom:10px;right:10px;left:10px;max-width:none;}@keyframes toastSlideIn{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}}footer{width:100%;border-top:1px solid var(--color-border);padding:40px 20px 20px;margin-top:60px;animation:fadeInUp 0.6s ease-out;}.team-info{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:30px;}.team-info-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;}.team-info-logo img{border-radius:8px;transition:transform 0.3s ease;}.team-info-logo:hover img{transform:scale(1.05);}.team-info-logo label{font-size:1.5rem;font-weight:700;color:var(--color-text);background:linear-gradient(135deg,var(--color-accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.team-info span{color:var(--color-muted);font-size:0.9rem;line-height:1.6;max-width:500px;}.footer-menu{display:flex;justify-content:center;gap:30px;margin-bottom:30px;flex-wrap:wrap;}.footer-menu li{list-style:none;}.footer-menu a{color:var(--color-secondary-text);text-decoration:none;font-size:0.9rem;font-weight:500;padding:8px 16px;border-radius:6px;transition:all 0.3s ease;position:relative;}.footer-menu a:hover{color:var(--color-accent);background:rgba(208,86,48,0.1);transform:translateY(-2px);}.footer-menu a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,var(--color-accent),#8b5cf6);transition:all 0.3s ease;transform:translateX(-50%);}.footer-menu a:hover::after{width:80%;}.footer-rights{text-align:center;padding-top:20px;border-top:1px solid var(--color-border);}.footer-rights span{color:var(--color-muted);font-size:0.8rem;}@media (max-width:768px){footer{padding:30px 16px 16px;margin-top:40px;}.team-info-logo{flex-direction:column;gap:8px;}.team-info-logo label{font-size:1.25rem;}.team-info span{font-size:0.85rem;padding:0 10px;}.footer-menu{gap:20px;}.footer-menu a{font-size:0.85rem;padding:6px 12px;}}@media (max-width:480px){.footer-menu{flex-direction:column;gap:12px;align-items:center;}.footer-menu a{padding:8px 20px;}.team-info span br{display:none;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}footer:hover .team-info-logo label{background:linear-gradient(135deg,var(--color-accent-hover),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}@media (max-width:768px){.mobile-menu-toggle{display:flex;width:20px;height:15px;}.header-menu{display:none;}.header-right-part .login-button,.header-right-part .signup-button{display:none;}header{position:relative;max-height:55px;padding:15px;margin:10px auto;}.hero-slider .slide{flex:0 0 90vw;}.announcement .svg-bg svg{width:27px;}.hero-slider{height:300px;}.hero-slider .slide{height:280px;}.hero-slider .slide .comic-title{font-size:18px;}.hero-slider .slide .comic-genres{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;}.discord-content{gap:12px;}.discord-icon svg{width:32px;height:32px;}.discord-text h3{font-size:16px;}.discord-text p{font-size:13px;}.discord-btn{padding:6px 12px;font-size:14px;}.comic-card{min-height:160px;}.comic-card__cover{width:120px;}.comic-card__body{padding:12px;}.chapter-item{padding:5px 7px;font-size:0.75rem;}.chapter-item label{font-size:0.75rem;}.comic-card__chapters,.chapter-list{gap:3px;}.notification-modal.active{padding-top:60px;align-items:flex-start;}.notification-modal-content{width:95%;max-height:80vh;}.notification-modal-header{padding:16px 20px;}.notification-item{padding:14px 20px;}.notification-actions{gap:8px;}.mark-all-read{font-size:0.8rem;}}@media (min-width:769px){.mobile-menu,.mobile-menu-overlay{display:none !important;}.header-menu{display:flex !important;}}@media (max-width:480px){.comic-card{min-height:140px;}.comic-card__body{padding:10px;}.chapter-item{padding:4px 6px;}.chapter-item label{font-size:0.7rem;}.chapter-item span{font-size:0.65rem;}.comic-card__chapters,.chapter-list{gap:2px;}.auth-modal.active{padding:10px;align-items:flex-start;}.auth-modal-content{max-height:95vh;margin-top:20px;}.auth-modal-header{padding:20px 20px 0;}.auth-form{padding:20px;}}.content .comic-page-content{display:grid;grid-template-columns:350px 1fr;gap:20px;margin-bottom:0;}.comic-page-content .comic-cover{border-radius:8px;overflow:hidden;border:1px solid var(--color-border);width:100%;}.comic-cover img{width:100%;height:100%;display:block;}.under-cover-buttons{display:flex;flex-direction:column;gap:12px;margin:15px;}.under-cover-buttons button,.under-cover-buttons a{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:0.92rem;font-weight:500;color:#e6e6e6;background:rgba(30,30,30,0.7);border:1px solid rgba(255,255,255,0.05);border-radius:10px;cursor:pointer;position:relative;overflow:hidden;backdrop-filter:blur(8px);transition:all 0.25s ease;}.under-cover-buttons button::before,.under-cover-buttons a::before{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,0.25),transparent);transform:skewX(-20deg);transition:left 1.1s ease;}.under-cover-buttons button:hover::before,.under-cover-buttons a:hover::before{left:140%;}.under-cover-buttons button:hover,.under-cover-buttons a:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.3);color:#fff;}.under-cover-buttons button:active,.under-cover-buttons a:active{transform:translateY(1px) scale(0.97);}.custom-btn:hover{background:var(--color-bg);border-color:var(--color-accent);color:var(--color-accent-hover);}.custom-btn svg{width:20px;height:20px;}.bookmark-comic-btn{border-color:rgba(160,112,255,0.3);}.bookmark-comic-btn svg{stroke:#a070ff;transition:transform 0.25s ease,stroke 0.3s ease;}.bookmark-comic-btn:hover{border-color:#b68aff;background:linear-gradient(145deg,#2a2140,#342952);}.bookmark-comic-btn:hover svg{stroke:#c59fff;transform:scale(1.1);}.bookmark-comic-btn.bookmarked{background:linear-gradient(145deg,#2a2140,#342952)}.share-comic-btn{border-color:rgba(0,195,255,0.3);}.share-comic-btn svg{stroke:#00c3ff;}.share-comic-btn:hover{border-color:#00d6ff;background:linear-gradient(145deg,#15313f,#1d4655);}.share-comic-btn:hover svg{stroke:#00eaff;transform:scale(1.1);}.donate-staff-btn{border-color:rgba(255,204,51,0.3);}.donate-staff-btn svg{stroke:#ffcc33;}.donate-staff-btn:hover{border-color:#ffd84d;background:linear-gradient(145deg,#3a2b10,#4b3a14);color:#ffecb3;}.donate-staff-btn:hover svg{stroke:#ffe066;transform:scale(1.1);}.report-issue-btn{border-color:rgba(255,77,77,0.3);}.report-issue-btn svg{stroke:#ff4d4d;}.report-issue-btn:hover{border-color:#ff6b6b;background:linear-gradient(145deg,#3a1414,#4a1919);color:#ffcaca;}.report-issue-btn:hover svg{stroke:#ff8080;transform:scale(1.1);}.under-cover-buttons button:hover svg{filter:drop-shadow(0 0 4px currentColor);}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:300px;}.toast{background:var(--color-bg-alt);color:var(--color-text);padding:12px 20px;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.3);border:1px solid var(--color-border);opacity:0;transform:translateX(100px);transition:opacity 0.3s,transform 0.3s;font-size:0.9rem;font-weight:500;display:flex;align-items:center;gap:8px;animation:toastSlideIn 0.3s ease-out forwards;}.toast.show{opacity:1;transform:translateX(0);}.toast.fade-out{opacity:0;transform:translateX(100px);transition:opacity 0.3s,transform 0.3s;}.toast.share{border-left:4px solid rgba(59,130,246,0.8);background:rgba(59,130,246,0.15);color:#93c5fd;}.toast.donate{border-left:4px solid rgba(245,158,11,0.8);background:rgba(245,158,11,0.15);color:#fcd34d;}.toast.bookmark{border-left:4px solid rgba(139,92,246,0.8);background:rgba(139,92,246,0.15);color:#c4b5fd;}.toast.report{border-left:4px solid rgba(239,68,68,0.8);background:rgba(239,68,68,0.15);color:#fca5a5;}.toast.donation-success{border-left:4px solid rgba(34,197,94,0.8);background:rgba(34,197,94,0.15);color:#86efac;}.toast.report-success{border-left:4px solid rgba(59,130,246,0.8);background:rgba(59,130,246,0.15);color:#93c5fd;}.toast::before{content:'';width:16px;height:16px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;}.toast.share::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='18' cy='5' r='3'/%3E%3Ccircle cx='6' cy='12' r='3'/%3E%3Ccircle cx='18' cy='19' r='3'/%3E%3Cline x1='8.59' x2='15.42' y1='13.51' y2='17.49'/%3E%3Cline x1='15.41' x2='8.59' y1='6.51' y2='10.49'/%3E%3C/svg%3E");}.toast.donate::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fcd34d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 14h2a2 2 0 0 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 16'/%3E%3Cpath d='m14.45 13.39 5.05-4.694C20.196 8 21 6.85 21 5.75a2.75 2.75 0 0 0-4.797-1.837.276.276 0 0 1-.406 0A2.75 2.75 0 0 0 11 5.75c0 1.2.802 2.248 1.5 2.946L16 11.95'/%3E%3Cpath d='m2 15 6 6'/%3E%3Cpath d='m7 20 1.6-1.4c.3-.4.8-.6 1.4-.6h4c1.1 0 2.1-.4 2.8-1.2l4.6-4.4a1 1 0 0 0-2.75-2.91'/%3E%3C/svg%3E");}.toast.bookmark::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c4b5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3Cline x1='12' x2='12' y1='7' y2='13'/%3E%3Cline x1='15' x2='9' y1='10' y2='10'/%3E%3C/svg%3E");}.toast.report::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fca5a5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");}.toast.donation-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2386efac' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");}.toast.report-success::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393c5fd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E");}@keyframes toastSlideIn{from{opacity:0;transform:translateX(100px);}to{opacity:1;transform:translateX(0);}}@media (max-width:768px){.toast-container{bottom:10px;right:10px;left:10px;max-width:none;}@keyframes toastSlideIn{from{opacity:0;transform:translateY(100px);}to{opacity:1;transform:translateY(0);}}}.locked-chapter-info{display:flex;gap:20px;align-items:flex-start;}.chapter-preview{position:relative;width:120px;height:160px;border-radius:8px;overflow:hidden;flex-shrink:0;border:2px solid var(--color-border);}.chapter-preview img{width:100%;height:100%;object-fit:cover;}.chapter-lock-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;}.lock-icon{color:var(--color-accent);width:32px;height:32px;}.chapter-details-modal{flex:1;min-width:0;}.chapter-details-modal h4{margin:0 0 8px 0;font-size:1.2rem;font-weight:600;color:var(--color-text);}.chapter-description{color:var(--color-muted);font-size:0.9rem;margin-bottom:20px;line-height:1.4;}.pricing-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:20px;}.coin-cost{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.coin-cost svg{color:#FFD700;}.cost-amount{font-size:1.3rem;font-weight:700;color:#FFD700;text-shadow:0 0 10px rgba(255,215,0,0.3);}.user-balance{font-size:0.9rem;color:var(--color-muted);}.user-balance strong{color:var(--color-text);}.benefits-list{display:flex;flex-direction:column;gap:12px;}.benefit-item{display:flex;align-items:center;gap:8px;color:var(--color-text);font-size:0.9rem;}.benefit-item svg{color:var(--color-success);flex-shrink:0;}.insufficient-coins .coin-cost{color:var(--color-danger);}.insufficient-coins .cost-amount{color:var(--color-danger);}.insufficient-coins .user-balance{color:var(--color-danger);}@keyframes coinSparkle{0%{transform:scale(1);opacity:1;}50%{transform:scale(1.2);opacity:0.8;}100%{transform:scale(1);opacity:1;}}.coin-cost.purchasing svg{animation:coinSparkle 0.6s ease-in-out;}@media (max-width:768px){.locked-chapter-info{flex-direction:column;text-align:center;}.chapter-preview{align-self:center;}.benefits-list{align-items:flex-start;}#searchInput{font-size:14px;}}@media (max-width:480px){.chapter-preview{width:100px;height:140px;}.pricing-info{padding:12px;}}.free-countdown{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;background:rgba(34,197,94,0.1);border:1px solid rgba(34,197,94,0.3);border-radius:6px;color:var(--color-success);font-size:0.85rem;}.countdown-icon{color:var(--color-success);flex-shrink:0;}.countdown-text{font-weight:500;}#countdownTimer{font-weight:700;color:var(--color-success);font-family:'Courier New',monospace;background:rgba(0,0,0,0.2);padding:2px 6px;border-radius:4px;border:1px solid rgba(34,197,94,0.5);}@keyframes pulseCountdown{0%,100%{opacity:1;}50%{opacity:0.7;}}.free-countdown.pulse{animation:pulseCountdown 2s ease-in-out infinite;}.free-countdown.urgent{background:rgba(245,158,11,0.1);border-color:rgba(245,158,11,0.3);color:#f59e0b;}.free-countdown.urgent .countdown-icon{color:#f59e0b;}.free-countdown.urgent #countdownTimer{color:#f59e0b;border-color:rgba(245,158,11,0.5);}.free-countdown.very-urgent{background:rgba(239,68,68,0.1);border-color:rgba(239,68,68,0.3);color:var(--color-danger);animation:pulseCountdown 1s ease-in-out infinite;}.free-countdown.very-urgent .countdown-icon{color:var(--color-danger);}.free-countdown.very-urgent #countdownTimer{color:var(--color-danger);border-color:rgba(239,68,68,0.5);}.purchase-options{display:flex;flex-direction:column;gap:12px;margin-top:16px;}.purchase-option{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all 0.2s ease;}.purchase-option:hover{border-color:var(--color-accent);background:var(--color-bg-hover);}.purchase-option.selected{border-color:var(--color-accent);background:rgba(208,86,48,0.1);}.option-left{display:flex;align-items:center;gap:8px;}.option-icon{color:var(--color-accent);}.option-title{font-weight:600;color:var(--color-text);}.option-description{font-size:0.8rem;color:var(--color-muted);}.option-price{font-weight:700;color:#FFD700;}.option-free{color:var(--color-success);font-weight:600;}.locked-chapter .chapter-details::after{content:'Free soon';position:absolute;top:8px;right:8px;background:rgba(34,197,94,0.2);color:var(--color-success);padding:2px 6px;border-radius:4px;font-size:0.7rem;font-weight:600;border:1px solid rgba(34,197,94,0.3);}.locked-chapter .chapter_price{display:none;}.locked-chapter .chapter-details{position:relative;}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.95);backdrop-filter:blur(12px);z-index:1000;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.3s ease;}.modal.show{display:flex;opacity:1;}.modal-content{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:15px;padding:0;width:90%;max-width:500px;box-shadow:0 25px 50px -12px rgba(0,0,0,0.5);animation:modalSlideIn 0.3s ease-out;position:relative;overflow:hidden;}.modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0;}.modal-close{background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;color:var(--color-muted);transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text);}.modal-body{padding:24px;margin-bottom:0;}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px;border-top:none;}.btn{padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:500;transition:all 0.3s ease;font-size:14px;border:1px solid var(--color-border);}.btn-primary{background:var(--color-accent);color:white;border-color:var(--color-accent);}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(208,86,48,0.3);}.btn-secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border);}.btn-secondary:hover{background:var(--color-bg-hover);transform:translateY(-2px);}.form-group{margin-bottom:20px;position:relative;}.form-label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text);font-size:0.9rem;}.form-input,.form-textarea{width:100%;padding:12px 16px;border-radius:8px;font-size:14px;transition:all 0.2s ease;border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-muted);}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(208,86,48,0.2);}.form-textarea{resize:vertical;min-height:100px;}.donation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;}.donation-option{padding:16px 12px;border:2px solid var(--color-border);border-radius:8px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:var(--color-bg);}.donation-option:hover{border-color:var(--color-accent);transform:translateY(-2px);}.donation-option.selected{border-color:var(--color-accent);background:rgba(208,86,48,0.1);box-shadow:0 4px 12px rgba(208,86,48,0.2);}.donation-amount{font-weight:600;font-size:1.1rem;color:var(--color-text);margin-bottom:4px;}.donation-coins{font-size:0.875rem;color:var(--color-muted);}#customAmountGroup{margin-top:16px;}.form-help-text{font-size:0.8rem;color:var(--color-muted);margin-top:5px;line-height:1.4;}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px;}#donationModal .modal-body p,#reportModal .modal-body p{color:var(--color-secondary-text);line-height:1.5;margin-bottom:20px;font-size:0.9rem;}@media (max-width:768px){.modal{padding:10px;align-items:flex-start;}.modal-content{width:95%;max-height:90vh;margin-top:20px;}.modal-header{padding:20px 20px 0;}.modal-body{padding:20px;}.modal-footer{padding:0 20px 20px;flex-direction:column;}.btn{width:100%;}.donation-options{grid-template-columns:repeat(2,1fr);gap:8px;}}@media (max-width:480px){.modal-content{width:100%;border-radius:12px;}.modal-header{padding:16px 16px 0;}.modal-body{padding:16px;}.modal-footer{padding:0 16px 16px;}.donation-options{grid-template-columns:1fr;}.modal-title{font-size:1.3rem;}}.modal-close:focus-visible,.btn:focus-visible,.donation-option:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}.modal-body{scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg);}.under-cover-buttons button svg{width:18px;height:18px;stroke:currentColor;flex-shrink:0;}.under-cover-buttons button:focus-visible{outline:2px solid currentColor;outline-offset:2px;}.comic-details{display:flex;flex-direction:column;gap:20px;}.comic-page-info{padding:10px 20px;border:none;background:var(--color-bg-alt);border-radius:10px}.comic-info-upper{margin-bottom:16px;}.comic-info-upper h1{font-weight:700;color:var(--color-text);margin-bottom:8px;}.comic-info-upper .comic-graph > span{display:inline-flex;align-items:center;gap:4px;color:var(--color-muted);font-size:0.85rem;}.comic-info-upper .comic-graph > span > svg{stroke:var(--color-muted);}.comic-graph{display:flex;align-items:center;gap:10px;}.comic-info-middle{display:flex;flex-direction:column;gap:16px;margin-bottom:16px;}.statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;}.statistics .comic-status,.statistics .comic-update-date,.statistics .comic-donate{display:flex;align-items:center;gap:8px;padding:10px;background:var(--color-bg);border-radius:6px;border:1px solid var(--color-border);}.comic-status svg,.comic-update-date svg,.comic-donate svg{stroke:var(--color-accent);flex-shrink:0;width:16px;height:16px;}.comic-status div,.comic-update-date div,.comic-donate div{display:flex;flex-direction:column;gap:2px;}.comic-status span:first-child,.comic-update-date span:first-child,.comic-donate span:first-child{font-size:0.75rem;color:var(--color-muted);}.comic-status span:last-child,.comic-update-date span:last-child,.comic-donate span:last-child{font-weight:600;color:var(--color-text);font-size:0.85rem;}.comic-info-middle .comic-genres{display:flex;flex-direction:column;gap:8px;}.comic-info-middle .comic-genres > div:first-child{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-text);font-size:1.2rem;}.comic-info-middle .comic-genres > div:first-child svg{width:24px;height:24px;}.comic-info-middle .comic-genres .genres{display:flex;flex-wrap:wrap;gap:10px;}.comic-info-middle .comic-genres .genres .genre{background:#350c0096;color:var(--color-text);padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;outline:1px solid var(--color-accent-hover);}.comic-info-lower{display:flex;flex-direction:column;gap:8px;}.comic-info-lower > div:first-child{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-text);font-size:1.2rem;}.comic-info-lower > div:first-child svg{color:var(--color-accent);width:24px;height:24px;}.comic-synopsis{line-height:1.5;color:var(--color-secondary-text);background:var(--color-bg-alt);padding:12px;border-radius:6px;border:1px solid var(--color-border);font-size:0.85rem;}.comic-page-chapters{background:var(--color-bg-alt);border-radius:10;padding:20px 20px 10px;border:none;}.comic-page-chapters > div:first-child{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border);}.comic-page-chapters > div:first-child svg{stroke:var(--color-accent);width:24px;height:24px;}.chapters-list{display:flex;flex-direction:column;gap:6px;}.chapter{border:1px solid var(--color-border);border-radius:6px;overflow:hidden;transition:all 0.15s ease;background:var(--color-bg);}.chapter:hover{border-color:var(--color-accent);background:var(--color-bg-hover);}.chapter a{display:flex;align-items:center;gap:10px;padding:10px;text-decoration:none;color:inherit;}.chapter a > .relative{position:relative;width:120px;height:75px;border-radius:4px;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border);}.chapter a > .relative img{width:100%;height:100%;object-fit:cover;}.locked-chater-background{position:absolute;inset:0;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;}.locked-chater-background svg{color:var(--color-accent);width:16px;height:16px;}.chapter-details{display:flex;align-items:center;justify-content:space-between;flex:1;gap:10px;}.chapter-info{display:flex;flex-direction:column;gap:2px;}.chapter-number{font-weight:600;color:var(--color-text);font-size:0.85rem;}.chapter-title{color:var(--color-muted);font-size:0.75rem;}.chapter-info > span:last-child{display:flex;gap:8px;font-size:0.7rem;color:var(--color-muted);}.chapter_price{display:flex;align-items:center;gap:4px;color:var(--color-accent);font-weight:600;font-size:0.8rem;}.chapter_price svg{width:14px;height:14px;color:var(--color-accent);}.comments-section{background:transparent;border-radius:0;padding:20px;border:none;border-top:1px solid var(--color-border);margin-top:20px;}.comments-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}.comments-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:600;color:var(--color-text);}.comments-title svg{color:var(--color-accent);width:20px;height:20px;}.comments-count{color:var(--color-muted);font-size:0.9rem;}.comment-form{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:16px;margin-bottom:24px;}.comment-form-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;}.comment-form-header svg{color:var(--color-accent);width:18px;height:18px;}.comment-form-header h4{font-size:1rem;font-weight:600;color:var(--color-text);margin:0;}.comment-input{width:100%;min-height:80px;padding:12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:0.9rem;resize:vertical;transition:border-color 0.2s ease;}.comment-input:focus{outline:none;border-color:var(--color-accent);}.comment-input::placeholder{color:var(--color-muted);}.comment-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;}.cancel-comment,.submit-comment{padding:8px 16px;border:1px solid var(--color-border);border-radius:6px;font-size:0.85rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;}.cancel-comment{background:var(--color-bg);color:var(--color-text);}.cancel-comment:hover{background:var(--color-bg-hover);}.submit-comment{background:var(--color-accent);color:white;border-color:var(--color-accent);}.submit-comment:hover{background:var(--color-accent-hover);}.submit-comment:disabled{opacity:0.6;cursor:not-allowed;}.comments-list{display:flex;flex-direction:column;gap:16px;}.comment{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:16px;position:relative;}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;}.comment-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-accent);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:0.8rem;flex-shrink:0;background-size:cover;background-position:center;}.comment-user{display:flex;flex-direction:column;gap:2px;flex:1;}.comment-username{font-weight:600;color:var(--color-text);font-size:0.9rem;}.comment-date{font-size:0.75rem;color:var(--color-muted);}.comment-actions{display:flex;gap:8px;}.comment-action{background:none;border:none;color:var(--color-muted);font-size:0.8rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.2s ease;}.comment-action:hover{color:var(--color-text);background:var(--color-bg-hover);}.comment-content{color:var(--color-secondary-text);line-height:1.5;font-size:0.9rem;margin-bottom:8px;}.comment-stats{display:flex;align-items:center;gap:16px;font-size:0.8rem;color:var(--color-muted);}.comment-like,.comment-reply{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--color-muted);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all 0.2s ease;}.comment-like:hover,.comment-reply:hover{color:var(--color-text);background:var(--color-bg-hover);}.comment-like.liked{color:var(--color-accent);}.comment-like.liked svg{fill:var(--color-accent);}.comment-replies{margin-left:24px;margin-top:12px;padding-left:16px;border-left:2px solid var(--color-border);}.comment-replies .comment{background:var(--color-bg);border-color:var(--color-border);}.reply-form{margin-top:12px;padding:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;}.reply-input{width:100%;min-height:60px;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-alt);color:var(--color-text);font-size:0.85rem;resize:vertical;}.reply-input:focus{outline:none;border-color:var(--color-accent);}.reply-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;}.cancel-reply,.submit-reply{padding:6px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:0.8rem;cursor:pointer;transition:all 0.2s ease;}.cancel-reply{background:var(--color-bg);color:var(--color-text);}.cancel-reply:hover{background:var(--color-bg-hover);}.submit-reply{background:var(--color-accent);color:white;border-color:var(--color-accent);}.submit-reply:hover{background:var(--color-accent-hover);}.comments-empty{text-align:center;padding:40px 20px;color:var(--color-muted);}.comments-empty svg{width:48px;height:48px;margin-bottom:12px;color:var(--color-border);}.comments-empty p{margin:0;font-size:0.9rem;}.comments-loading{text-align:center;padding:20px;color:var(--color-muted);}.comments-loading::after{content:"...";animation:loadingDots 1.5s infinite;}@keyframes loadingDots{0%,20%{content:".";}40%{content:"..";}60%,100%{content:"...";}}@media (max-width:768px){.comments-section{padding:16px;}.comment-form{padding:12px;}.comment{padding:12px;}.comment-replies{margin-left:16px;padding-left:12px;}.comment-header{flex-wrap:wrap;gap:6px;}.comment-actions{order:3;width:100%;margin-top:4px;}}@media (max-width:480px){.comments-section{padding:12px;}.comment-form-actions,.reply-actions{flex-direction:column;}.cancel-comment,.submit-comment,.cancel-reply,.submit-reply{width:100%;}.comment-replies{margin-left:8px;padding-left:8px;}}.comment-like svg{transition:transform 0.25s ease,fill 0.25s ease;}.comment-like.heart-pop svg{animation:heartPop 0.35s ease;}@keyframes heartPop{0%{transform:scale(1);}40%{transform:scale(1.35);}100%{transform:scale(1);}}.like-count{display:inline-block;min-width:1ch;transition:opacity 0.2s ease,transform 0.2s ease;}.like-count.fade{opacity:0;transform:translateY(-3px);}.comment-edit-area{width:100%;min-height:60px;padding:8px;margin-bottom:6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);resize:vertical;}.save-edit,.cancel-edit{margin-right:6px;padding:5px 12px;border:none;border-radius:4px;cursor:pointer;font-size:13px;}.save-edit{background:var(--color-accent);color:#fff;}.cancel-edit{background:var(--color-border);color:var(--color-text);}.comment-avatar.vip-border{border:2px solid gold;box-shadow:0 0 10px rgba(255,215,0,0.6);}.vip-badge{background:linear-gradient(45deg,#ffd700,#ffb800);color:#111;font-size:11px;font-weight:700;padding:2px 6px;margin-left:6px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 0 5px rgba(255,215,0,0.4);}.administrator-badge{background:#dc2626;color:white;padding:4px 8px;border-radius:15px;font-size:9px;font-weight:700;text-transform:uppercase;margin-left:6px;position:relative;}.administrator-badge::before{content:'';width:6px;height:6px;background:white;border-radius:50%;margin-right:4px;display:inline-block;animation:pulse 2s infinite;}@keyframes pulse{0%{opacity:1;}50%{opacity:0.5;}100%{opacity:1;}}.vip-user .comment-username:hover .vip-badge{box-shadow:0 0 10px rgba(255,215,0,0.9);transform:scale(1.05);transition:all 0.3s ease;}.chapter.loading{opacity:0.6;}.chapters-list:empty::before{content:'No chapters available yet';text-align:center;color:var(--color-muted);padding:30px 20px;display:block;font-style:italic;font-size:0.9rem;background:var(--color-bg-alt);border-radius:6px;border:1px dashed var(--color-border);}.reverse-order-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:0.375rem;cursor:pointer;transition:all 0.2s;font-size:0.875rem;}.reverse-order-btn:hover{background-color:var(--color-bg-alt);}.reverse-order-btn svg{transition:transform 0.3s;}.reverse-order-btn.active svg{transform:rotate(180deg);}@media (max-width:1024px){.content .comic-page-content{grid-template-columns:220px 1fr;gap:16px;}}@media (max-width:768px){.content{gap:16px;}.content .comic-page-content{grid-template-columns:1fr;gap:16px;}.comic-cover-section{margin:0 auto;width:100%;}.statistics{grid-template-columns:50% 1fr;}}@media (max-width:480px){.content{gap:12px;}.content .comic-page-content{gap:12px;}.announcement{flex-direction:row;text-align:left;gap:10px;padding:12px 16px;}.comic-info-upper > span{display:block;margin-bottom:2px;}.sep-point{display:none;}.chapter a{flex-direction:row;align-items:center;gap:8px;}.chapter a > .relative{width:85px;height:65px;}.under-cover-buttons button{padding:8px 10px;font-size:0.8rem;}.statistics{grid-template-columns:1fr;}}@media (max-width:360px){.chapter a{padding:8px;}.chapter a > .relative{width:65px;height:50px;}.chapter-number{font-size:0.8rem;}.chapter-info > span:last-child{gap:2px;}}:root{--radius:16px;--transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1);--shadow:0 20px 40px rgba(0,0,0,0.3);--gradient:linear-gradient(135deg,var(--color-accent),#ff8a65);}.shop{padding:4rem 1.5rem 6rem;max-width:1400px;background:radial-gradient(circle at 0% 0%,rgba(208,86,48,0.08) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(16,185,129,0.05) 0%,transparent 50%),var(--color-bg);color:var(--color-text);}.hero{text-align:center;padding:3rem 0 4rem;position:relative;}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(208,86,48,0.1) 0%,transparent 70%);filter:blur(60px);z-index:-1;}.hero h1{font-size:4rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;}.hero p{color:var(--color-muted);font-size:1.3rem;max-width:600px;margin:0 auto;}.balance{max-width:450px;background:linear-gradient(145deg,var(--color-bg-alt) 0%,#1a1a1a 100%);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem 3rem;margin:3rem auto 5rem;text-align:center;transition:var(--transition);position:relative;overflow:hidden;box-shadow:var(--shadow);}.balance::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:scaleX(0);transition:transform 0.6s ease;}.balance:hover{border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 30px 60px rgba(0,0,0,0.4);}.balance:hover::before{transform:scaleX(1);}.balance-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(208,86,48,0.3));}.balance-amount{font-size:3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}.balance-label{color:var(--color-muted);font-size:1rem;text-transform:uppercase;letter-spacing:1px;}.login{display:flex;align-items:center;justify-content:center;gap:2rem;background:linear-gradient(145deg,var(--color-bg-alt) 0%,#1a1a1a 100%);border:1px solid var(--color-border);border-radius:var(--radius);padding:2.5rem;max-width:600px;margin:3rem auto 5rem;transition:var(--transition);box-shadow:var(--shadow);}.login:hover{border-color:var(--color-accent);transform:translateY(-5px);}.login-icon{font-size:3rem;color:var(--color-muted);}.login-text p{color:var(--color-text);font-size:1.1rem;margin-bottom:0.75rem;}.login-link{color:var(--color-accent);font-weight:600;text-decoration:none;transition:var(--transition);}.login-link:hover{color:var(--color-accent-hover);}.grid{max-width:1300px;margin:0 auto;}.grid h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:4rem;position:relative;display:inline-block;left:50%;transform:translateX(-50%);}.grid h2::after{content:'';position:absolute;bottom:-10px;left:25%;width:50%;height:3px;background:var(--gradient);border-radius:2px;}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;}.paypal-button-container{background-color:red;}.card{background:linear-gradient(145deg,var(--color-bg-alt) 0%,#1a1a1a 100%);border:1px solid var(--color-border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;}.card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:2px;background:var(--gradient);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:subtract;-webkit-mask-composite:xor;opacity:0;transition:opacity 0.4s ease;}.card:hover{transform:translateY(-12px);border-color:var(--color-accent);box-shadow:0 35px 70px rgba(208,86,48,0.2);}.card:hover::before{opacity:1;}.card.popular{border-color:var(--color-accent);transform:scale(1.02);}.card.popular::after{content:'🔥 MOST POPULAR';position:absolute;top:28px;right:-40px;background:var(--gradient);color:white;font-size:0.75rem;font-weight:700;padding:0.5rem 2.5rem;transform:rotate(45deg);box-shadow:0 4px 15px rgba(208,86,48,0.4);}.card .card-header{padding:1rem 2rem 1.5rem;border-bottom:1px solid var(--color-border);}.card-title{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.card-desc{font-size:0.95rem;color:var(--color-muted);font-weight:500;}.card-content{padding:2.5rem 2rem;text-align:center;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;}.coin{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,rgba(208,86,48,0.15),rgba(208,86,48,0.05));border:2px solid rgba(208,86,48,0.3);backdrop-filter:blur(10px);border-radius:50%;color:var(--color-accent);font-size:2rem;font-weight:800;margin-bottom:2rem;position:relative;overflow:hidden;transition:var(--transition);}.coin:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 10px 30px rgba(208,86,48,0.3);border-color:var(--color-accent);}.price-original{color:var(--color-muted);text-decoration:line-through;font-size:1rem;}.price-final{font-size:2.5rem;font-weight:800;margin-bottom:0.5rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.rate{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:50px;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.3);color:var(--color-success);font-size:0.9rem;font-weight:600;transition:var(--transition);}.rate:hover{background:rgba(16,185,129,0.18);transform:translateY(-2px);box-shadow:0 5px 15px rgba(16,185,129,0.2);}.card .btn{display:flex;align-items:center;justify-content:center;gap:0.75rem;width:100%;background:var(--gradient);color:white;border:none;border-radius:12px;padding:1.25rem 2rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(208,86,48,0.3);}.card .btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;}.card .btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(208,86,48,0.4);}.card .btn:hover::before{left:100%;}.card .btn:disabled{background:var(--color-muted);cursor:not-allowed;}.empty{text-align:center;background:linear-gradient(145deg,var(--color-bg-alt),#1a1a1a);border:1px solid var(--color-border);border-radius:var(--radius);padding:5rem 3rem;max-width:600px;margin:4rem auto;box-shadow:var(--shadow);}.empty-icon{font-size:4rem;margin-bottom:2rem;opacity:0.6;}.empty h3{font-size:1.8rem;margin-bottom:1rem;color:var(--color-text);}.empty p{color:var(--color-muted);font-size:1.1rem;}@media (max-width:1200px){.cards{grid-template-columns:repeat(2,1fr);}}@media (max-width:768px){.shop{padding:2rem 1rem 4rem;}.hero h1{font-size:2.8rem;}.hero p{font-size:1.1rem;}.cards{grid-template-columns:1fr;gap:2rem;}.balance-amount{font-size:2.5rem;}.login{flex-direction:column;text-align:center;gap:1.5rem;}}@media (max-width:480px){.hero h1{font-size:2.2rem;}.grid h2{font-size:2rem;}.coin{width:100px;height:100px;font-size:1.7rem;}.price-final{font-size:2rem;}}.archive-comics-page{max-width:1400px;}.fade-in{animation:fadeIn 0.4s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.ac-header{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:16px;padding:2rem;margin-bottom:2rem;}.ac-header-inner{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;}.ac-header-titles .ac-page-title{font-size:2.2rem;font-weight:700;margin:0 0 0.5rem 0;background:linear-gradient(135deg,var(--color-accent),#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;}.ac-header-titles .ac-page-subtitle{color:var(--color-muted);font-size:1rem;margin:0;font-weight:400;}.ac-results-count .ac-count-badge{background:var(--color-accent);color:white;padding:0.5rem 1.25rem;border-radius:20px;font-weight:600;font-size:0.9rem;}.ac-filters-form{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;}.ac-filters-grid{display:grid;grid-template-columns:1fr auto auto auto;gap:1rem;align-items:end;}.ac-filter-group{display:flex;flex-direction:column;gap:0.5rem;}.ac-search-wrapper{position:relative;display:flex;align-items:center;}.ac-search-icon{position:absolute;left:14px;color:var(--color-muted);width:18px;height:18px;}.ac-search-input{width:100%;padding:12px 14px 12px 42px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-alt);color:var(--color-text);font-size:0.95rem;transition:all 0.2s ease;}.ac-search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(208,86,48,0.1);}.ac-select-wrapper{position:relative;min-width:180px;}.ac-select-trigger{display:flex;align-items:center;gap:8px;padding:12px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-alt);color:var(--color-text);cursor:pointer;transition:all 0.2s ease;font-size:0.95rem;font-weight:500;}.ac-select-trigger:hover{border-color:var(--color-accent);}.ac-icon{flex-shrink:0;color:var(--color-muted);}.ac-selected-text{flex:1;text-align:left;}.ac-chevron{flex-shrink:0;transition:transform 0.2s ease;color:var(--color-muted);}.ac-select-wrapper.active .ac-chevron{transform:rotate(180deg);}.ac-select-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:10px;margin-top:6px;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s ease;}.ac-select-wrapper.active .ac-select-dropdown{opacity:1;visibility:visible;transform:translateY(0);}.ac-dropdown-header{padding:1rem 1.25rem 0.75rem;border-bottom:1px solid var(--color-border);}.ac-dropdown-header h4{margin:0;font-size:0.9rem;color:var(--color-text);font-weight:600;}.ac-dropdown-search{padding:0.75rem 1.25rem;border-bottom:1px solid var(--color-border);}.ac-genre-search{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:0.85rem;}.ac-genre-search:focus{outline:none;border-color:var(--color-accent);}.ac-dropdown-options{max-height:200px;overflow-y:auto;padding:0.25rem 0;}.ac-option{display:flex;align-items:center;gap:10px;padding:0.6rem 1.25rem;cursor:pointer;transition:background-color 0.15s ease;position:relative;}.ac-option:hover{background:var(--color-bg-hover);}.ac-option input{display:none;}.ac-checkbox{width:16px;height:16px;border:2px solid var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;flex-shrink:0;}.ac-option input:checked + .ac-checkbox{background:var(--color-accent);border-color:var(--color-accent);}.ac-option input:checked + .ac-checkbox::after{content:'';width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px;}.ac-radio{width:16px;height:16px;border:2px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.15s ease;flex-shrink:0;}.ac-option input:checked + .ac-radio{border-color:var(--color-accent);}.ac-option input:checked + .ac-radio::after{content:'';width:6px;height:6px;background:var(--color-accent);border-radius:50%;}.ac-option-text{flex:1;font-size:0.9rem;color:var(--color-text);font-weight:500;}.ac-option-count{font-size:0.75rem;color:var(--color-muted);background:var(--color-bg);padding:2px 6px;border-radius:8px;}.ac-dropdown-footer{padding:0.75rem 1.25rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;}.ac-clear-genres{background:none;border:none;color:var(--color-danger);font-size:0.85rem;font-weight:600;cursor:pointer;padding:6px 12px;border-radius:4px;transition:background-color 0.15s ease;}.ac-clear-genres:hover{background:rgba(198,40,40,0.1);}.ac-filter-actions{display:flex;gap:0.75rem;align-items:center;}.ac-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:1px solid;border-radius:8px;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.2s ease;text-decoration:none;white-space:nowrap;}.ac-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:white;}.ac-btn.primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);}.ac-btn.secondary{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text);}.ac-btn.secondary:hover{background:var(--color-bg-hover);transform:translateY(-1px);}.ac-btn.small{padding:8px 14px;font-size:0.85rem;}.ac-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem;}.ac-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all 0.3s ease;position:relative;height:auto;display:flex;flex-direction:column;justify-content:space-between;}.ac-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 8px 25px rgba(0,0,0,0.1);}.ac-thumb{display:block;position:relative;overflow:hidden;aspect-ratio:2/1;height:200px;width:100%;}.ac-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}.ac-card:hover .ac-thumb img{transform:scale(1.05);}.ac-thumb-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--color-bg),var(--color-border));display:flex;align-items:center;justify-content:center;color:var(--color-muted);}.ac-thumb-placeholder::before{content:'📚';font-size:2rem;opacity:0.5;}.ac-thumb-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 100%);opacity:0;transition:opacity 0.2s ease;}.ac-card:hover .ac-thumb-overlay{opacity:1;}.ac-card-body{padding:1.25rem;}.ac-title{margin:0 0 0.5rem 0;font-size:1.1rem;font-weight:600;line-height:1.3;}.ac-title a{color:var(--color-text);text-decoration:none;transition:color 0.15s ease;}.ac-title a:hover{color:var(--color-accent);}.ac-excerpt{color:var(--color-secondary-text);font-size:0.85rem;line-height:1.4;margin:0 0 1rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.ac-genres{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem;}.ac-genres a{display:inline-block;padding:4px 8px;background:rgba(208,86,48,0.1);color:var(--color-accent);border-radius:6px;font-size:0.75rem;font-weight:600;text-decoration:none;transition:all 0.15s ease;}.ac-genres a:hover{background:rgba(208,86,48,0.2);}.ac-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-top:0.75rem;border-top:1px solid var(--color-border);font-size:0.8rem;color:var(--color-muted);}.ac-date,.ac-author{display:flex;align-items:center;gap:4px;}.ac-actions{display:flex;gap:0.5rem;}.ac-actions .ac-btn{flex:1;padding:8px 12px;font-size:0.85rem;}.ac-actions .bookmark{background:var(--color-bg);border-color:var(--color-border);color:var(--color-text);}.ac-actions .bookmark.active{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.3);color:#8b5cf6;}.ac-actions .bookmark:hover{transform:translateY(-1px);}.ac-pagination{display:flex;justify-content:center;margin:3rem 0 1rem;}.ac-pagination .page-numbers{display:flex;gap:0.4rem;list-style:none;margin:0;padding:0;}.ac-pagination .page-numbers li{margin:0;}.ac-pagination a,.ac-pagination span{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 0.75rem;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);text-decoration:none;font-weight:600;font-size:0.9rem;transition:all 0.2s ease;}.ac-pagination a:hover{border-color:var(--color-accent);background:var(--color-bg-hover);}.ac-pagination .current{background:var(--color-accent);border-color:var(--color-accent);color:white;}.ac-empty{text-align:center;padding:3rem 2rem;background:var(--color-bg-alt);border:1px dashed var(--color-border);border-radius:12px;margin:2rem 0;}.ac-empty h3{font-size:1.4rem;color:var(--color-text);margin:0 0 0.75rem 0;font-weight:600;}.ac-empty p{color:var(--color-muted);font-size:0.95rem;margin:0 0 2rem 0;max-width:300px;margin-left:auto;margin-right:auto;line-height:1.5;}@media (max-width:1200px){.ac-filters-grid{grid-template-columns:1fr auto auto;}.ac-filter-actions{grid-column:1 / -1;justify-content:flex-end;}}@media (max-width:768px){.ac-header{padding:1.5rem;}.ac-header-inner{flex-direction:column;align-items:flex-start;gap:1rem;}.ac-header-titles .ac-page-title{font-size:1.8rem;}.ac-filters-form{padding:1.25rem;}.ac-filters-grid{grid-template-columns:1fr;gap:1rem;}.ac-filter-actions{justify-content:stretch;}.ac-btn{flex:1;}.ac-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem;}.ac-card-body{padding:1rem;}.ac-actions{flex-direction:column;}}@media (max-width:480px){.ac-header-titles .ac-page-title{font-size:1.6rem;}.ac-grid{grid-template-columns:1fr;}.ac-pagination .page-numbers{flex-wrap:wrap;justify-content:center;}.ac-empty{padding:2rem 1.5rem;}.ac-empty h3{font-size:1.2rem;}.ac-select-wrapper{min-width:auto;}.ac-thumb{height:100px;}}.ac-dropdown-options::-webkit-scrollbar{width:4px;}.ac-dropdown-options::-webkit-scrollbar-track{background:var(--color-bg);border-radius:2px;}.ac-dropdown-options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px;}.ac-dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--color-muted);}#uploadProgressWrapper{width:100%;margin-top:10px;background:var(--color-bg);border-radius:12px;border:1px solid var(--color-border);padding:8px;display:flex;flex-direction:column;gap:8px;}#uploadProgressBar{width:0%;height:14px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border-radius:12px;transition:width 0.2s linear;}#uploadProgressText{color:var(--color-text);font-size:0.9rem;text-align:center;opacity:0.8;}.announcement-modern{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:20px;overflow:hidden;margin:30px 0;position:relative;box-shadow:0 10px 40px rgba(0,0,0,0.2);animation:fadeInUp 0.6s ease-out;}.announcement-modern::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent),#8b5cf6,var(--color-accent));background-size:200% 100%;animation:gradientShift 3s ease infinite;}@keyframes gradientShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}.announcement-modern-header{padding:30px 35px 20px;display:flex;align-items:flex-start;gap:20px;background:linear-gradient(135deg,rgba(208,86,48,0.03) 0%,transparent 50%);position:relative;}.announcement-modern-header::after{content:'';position:absolute;bottom:0;left:35px;right:35px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);}.announcement-modern-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border);flex-shrink:0;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.1);}.announcement-modern-avatar:hover{border-color:var(--color-accent);transform:scale(1.05);box-shadow:0 6px 20px rgba(208,86,48,0.3);}.announcement-modern-meta{flex:1;min-width:0;}.announcement-modern-title{font-size:2.4rem;font-weight:800;color:var(--color-text);margin:0 0 15px 0;line-height:1.2;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.5px;}.announcement-modern-author{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}.author-info{display:flex;align-items:center;gap:12px;}.author-name-modern{font-weight:700;color:var(--color-text);font-size:1.1rem;position:relative;}.author-name-modern::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent);transition:width 0.3s ease;}.author-info:hover .author-name-modern::after{width:100%;}.author-badge-modern{background:linear-gradient(135deg,var(--color-accent),#e65c2e);color:white;padding:6px 14px;border-radius:15px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 10px rgba(208,86,48,0.3);position:relative;overflow:hidden;}.author-badge-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease;}.author-badge-modern:hover::before{left:100%;}.announcement-modern-date{color:var(--color-muted);font-size:0.9rem;display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-bg);border-radius:8px;border:1px solid var(--color-border);transition:all 0.3s ease;}.announcement-modern-date:hover{border-color:var(--color-accent);color:var(--color-text);transform:translateY(-1px);}.announcement-modern-date svg{flex-shrink:0;color:var(--color-accent);}.announcement-modern-body{padding:30px 35px;}.announcement-modern-content{color:var(--color-secondary-text);line-height:1.7;font-size:1.08rem;position:relative;}.announcement-modern-content > *{animation:fadeInUp 0.5s ease-out;}.announcement-modern-content > *:nth-child(1){animation-delay:0.1s;}.announcement-modern-content > *:nth-child(2){animation-delay:0.2s;}.announcement-modern-content > *:nth-child(3){animation-delay:0.3s;}.announcement-modern-content > *:nth-child(4){animation-delay:0.4s;}.announcement-modern-content > *:nth-child(5){animation-delay:0.5s;}.announcement-modern-content h1,.announcement-modern-content h2,.announcement-modern-content h3{color:var(--color-text);margin:1.8em 0 0.8em 0;font-weight:700;}.announcement-modern-content h1{font-size:1.8rem;border-bottom:3px solid var(--color-accent);padding-bottom:10px;}.announcement-modern-content h2{font-size:1.5rem;border-left:4px solid var(--color-accent);padding-left:15px;background:linear-gradient(90deg,rgba(208,86,48,0.1),transparent);}.announcement-modern-content h3{font-size:1.3rem;color:var(--color-accent);}.announcement-modern-content p{margin-bottom:1.3em;}.announcement-modern-content a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:all 0.3s ease;font-weight:500;}.announcement-modern-content a:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent);}.announcement-modern-content ul,.announcement-modern-content ol{margin:1.5em 0;padding-left:2em;}.announcement-modern-content li{margin-bottom:0.6em;position:relative;}.announcement-modern-content ul li::before{content:'▸';color:var(--color-accent);font-weight:bold;position:absolute;left:-1em;}.announcement-modern-content blockquote{border-left:4px solid var(--color-accent);background:linear-gradient(90deg,rgba(208,86,48,0.05),transparent);padding:25px 30px;margin:2em 0;border-radius:0 12px 12px 0;font-style:italic;position:relative;}.announcement-modern-content blockquote::before{content:'"';font-size:4rem;color:var(--color-accent);position:absolute;top:-10px;left:15px;opacity:0.3;line-height:1;}.announcement-modern-content code{background:var(--color-bg);color:var(--color-accent);padding:3px 8px;border-radius:6px;font-size:0.9em;border:1px solid var(--color-border);font-family:'Courier New',monospace;}.announcement-modern-content pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;padding:25px;overflow-x:auto;margin:2em 0;position:relative;}.announcement-modern-content pre::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),#8b5cf6);border-radius:12px 12px 0 0;}.announcement-modern-content pre code{background:none;border:none;padding:0;color:var(--color-text);}.announcement-modern-content img{max-width:100%;height:auto;border-radius:12px;margin:2em 0;box-shadow:0 8px 30px rgba(0,0,0,0.15);transition:transform 0.3s ease;}.announcement-modern-content img:hover{transform:scale(1.02);}.announcement-modern-content table{width:100%;border-collapse:collapse;margin:2em 0;background:var(--color-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.1);}.announcement-modern-content th,.announcement-modern-content td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--color-border);}.announcement-modern-content th{background:var(--color-bg-alt);font-weight:700;color:var(--color-text);position:relative;}.announcement-modern-content th::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-accent);}.announcement-modern-actions{display:flex;gap:15px;margin-top:35px;padding-top:25px;border-top:1px solid var(--color-border);}.action-btn-modern{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);text-decoration:none;font-size:0.95rem;font-weight:600;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;}.action-btn-modern::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s ease;}.action-btn-modern:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.15);}.action-btn-modern:hover::before{left:100%;}.action-btn-modern.share{border-color:rgba(59,130,246,0.3);}.action-btn-modern.share:hover{background:rgba(59,130,246,0.1);border-color:rgba(59,130,246,0.6);color:#3b82f6;}.action-btn-modern.bookmark{border-color:rgba(139,92,246,0.3);}.action-btn-modern.bookmark:hover{background:rgba(139,92,246,0.1);border-color:rgba(139,92,246,0.6);color:#8b5cf6;}.action-btn-modern svg{flex-shrink:0;transition:transform 0.3s ease;}.action-btn-modern:hover svg{transform:scale(1.1);}@media (max-width:768px){.announcement-modern-header{padding:25px 25px 15px;flex-direction:column;align-items:center;text-align:center;gap:15px;}.announcement-modern-body{padding:25px;}.announcement-modern-title{font-size:2rem;}.announcement-modern-avatar{width:80px;height:80px;}.announcement-modern-author{justify-content:center;gap:15px;}.announcement-modern-actions{flex-direction:column;}.action-btn-modern{justify-content:center;}}@media (max-width:480px){.announcement-modern{margin:20px 0;border-radius:16px;}.announcement-modern-header{padding:20px 20px 15px;}.announcement-modern-body{padding:20px;}.announcement-modern-title{font-size:1.7rem;}.announcement-modern-avatar{width:70px;height:70px;}.author-info{flex-direction:column;gap:8px;}.announcement-modern-content{font-size:1rem;}.announcement-modern-content h1{font-size:1.5rem;}.announcement-modern-content h2{font-size:1.3rem;}}@media (prefers-color-scheme:dark){.announcement-modern{background:linear-gradient(135deg,var(--color-bg-alt) 0%,#1a1a1a 100%);}.announcement-modern-content pre{background:#1a1a1a;}.announcement-modern-content table{background:#1a1a1a;}}.action-btn-modern:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}.announcement-modern-content a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px;}.announcement-modern.compact{margin:20px 0;}.announcement-modern.compact .announcement-modern-header{padding:20px 25px 15px;}.announcement-modern.compact .announcement-modern-body{padding:20px 25px;}.announcement-modern.important::before{height:6px;animation:gradientShift 1.5s ease infinite;}.announcement-modern.important{border-color:var(--color-accent);box-shadow:0 10px 40px rgba(208,86,48,0.3);}