*{margin:0;padding:0;box-sizing:border-box}:root{--primary-black: #0a0a0a;--secondary-black: #1a1a1a;--accent-gray: #2a2a2a;--border-gray: #333333;--text-white: #ffffff;--text-gray: #b3b3b3;--text-muted: #666666;--accent-blue: #0066ff;--accent-purple: #8b5cf6;--success-green: #10b981;--warning-orange: #f59e0b;--error-red: #ef4444;--shadow-soft: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-medium: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-large: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--border-radius-sm: 6px;--border-radius-md: 12px;--border-radius-lg: 16px;--border-radius-xl: 24px}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--primary-black) 0%,var(--secondary-black) 100%);color:var(--text-white);line-height:1.6;overflow-x:hidden;min-height:100vh}.app{min-height:100vh;background:linear-gradient(135deg,var(--primary-black) 0%,var(--secondary-black) 100%);color:var(--text-white)}.loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.loading-spinner.active{opacity:1;visibility:visible}.spinner-container{position:relative;width:100px;height:100px;display:flex;justify-content:center;align-items:center}.spinner-ring{position:absolute;border-radius:50%;border:2px solid transparent;animation:spin 2s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring-1{width:100px;height:100px;border-top:2px solid var(--accent-blue);border-right:2px solid rgba(0,102,255,.3);animation-duration:1.5s}.spinner-ring-2{width:80px;height:80px;border-top:2px solid var(--accent-purple);border-left:2px solid rgba(139,92,246,.3);animation-duration:2s;animation-direction:reverse}.spinner-ring-3{width:60px;height:60px;border-top:2px solid var(--text-gray);border-bottom:2px solid rgba(179,179,179,.3);animation-duration:1.8s}.spinner-logo{position:absolute;z-index:10;width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#0a0a0acc;border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s ease-in-out infinite}.spinner-logo .logo{width:32px;height:32px;filter:brightness(1.2)}@keyframes spin{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.05);opacity:.8}to{transform:rotate(360deg) scale(1);opacity:1}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.header{position:sticky;top:0;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-gray);z-index:1000;transition:var(--transition-normal)}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:1rem;cursor:pointer;transition:var(--transition-fast)}.nav-brand:hover{transform:scale(1.05)}.logo{width:50px;height:50px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-soft)}.brand-text{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--text-white) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-search{flex:1;max-width:500px;margin:0 2rem}.search-container{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.75rem 1rem;background:var(--accent-gray);border:2px solid transparent;border-radius:var(--border-radius-md);color:var(--text-white);font-size:.875rem;font-weight:500;transition:var(--transition-normal);box-shadow:var(--shadow-soft)}.search-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #0066ff1a;background:var(--secondary-black)}.search-input::placeholder{color:var(--text-muted);font-weight:400}.search-btn{position:absolute;right:.5rem;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border:none;color:var(--text-white);cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-weight:600;font-size:.875rem;transition:var(--transition-fast);box-shadow:var(--shadow-soft)}.search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.nav-menu{display:flex;gap:.5rem}.nav-link{background:none;border:none;color:var(--text-gray);font-size:1rem;font-weight:600;cursor:pointer;padding:.75rem 1.5rem;border-radius:var(--border-radius-md);transition:var(--transition-fast);position:relative;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-normal)}.nav-link:hover:before{left:100%}.nav-link:hover,.nav-link.active{color:var(--text-white);background:var(--accent-gray);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.main{min-height:calc(100vh - 140px);max-width:1400px;margin:0 auto;padding:3rem 2rem}@media (max-width: 768px){.main{min-height:calc(100vh - 80px);padding:1.5rem 1rem}}.page{display:none;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}.page.active{display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:6rem 0;margin-bottom:4rem;position:relative}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(0,102,255,.1) 0%,transparent 70%);border-radius:50%;z-index:-1}.hero-title{font-size:4rem;font-weight:900;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-white) 0%,var(--accent-blue) 50%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:1.375rem;color:var(--text-gray);max-width:700px;margin:0 auto;font-weight:400;line-height:1.6}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:3rem;color:var(--text-white);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border-radius:2px}.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;margin-bottom:3rem}.manga-card{background:var(--accent-gray);border-radius:var(--border-radius-lg);overflow:hidden;transition:var(--transition-normal);cursor:pointer;border:1px solid var(--border-gray);position:relative}.manga-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0066ff1a,#8b5cf61a);opacity:0;transition:var(--transition-normal);z-index:1}.manga-card:hover:before{opacity:1}.manga-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-large);border-color:var(--accent-blue)}.manga-cover{width:100%;height:280px;object-fit:contain;background:var(--border-gray);transition:var(--transition-normal)}.manga-card:hover .manga-cover{transform:scale(1.05)}.manga-info{padding:1.5rem;position:relative;z-index:2}.manga-title{font-size:1.125rem;font-weight:700;color:var(--text-white);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.manga-title-with-flag{display:flex;align-items:center;gap:1rem;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-white);line-height:1.2}.manga-locale-flag{font-size:2rem;margin-left:.5rem;opacity:.9;transition:var(--transition-fast)}.manga-locale-flag:hover{opacity:1;transform:scale(1.1)}.flag-image{width:24px;height:18px;border-radius:2px;object-fit:cover;border:1px solid rgba(255,255,255,.2);transition:var(--transition-fast)}.flag-image:hover{transform:scale(1.1);border-color:#fff6}.flag-loading{display:inline-block;width:24px;height:18px;font-size:12px;text-align:center;line-height:18px}.flag-emoji-fallback{font-size:1.2em;display:inline-block;width:24px;height:18px;text-align:center;line-height:18px}.manga-description{font-size:.875rem;color:var(--text-gray);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.manga-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.manga-tag{font-size:.75rem;padding:.375rem .75rem;background:var(--border-gray);color:var(--text-gray);border-radius:var(--border-radius-sm);font-weight:500;transition:var(--transition-fast)}.manga-tag:hover{background:var(--accent-blue);color:var(--text-white)}.manga-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.manga-status{padding:.375rem .75rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-ongoing{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:#fff}.status-completed{background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%);color:#fff}.status-hiatus{background:linear-gradient(135deg,var(--warning-orange) 0%,#d97706 100%);color:#fff}.status-cancelled{background:linear-gradient(135deg,var(--error-red) 0%,#dc2626 100%);color:#fff}.manga-year{color:var(--text-muted);font-weight:500}.search-filters{background:var(--accent-gray);border-radius:var(--border-radius-lg);border:1px solid var(--border-gray);padding:2rem;margin-bottom:3rem;box-shadow:var(--shadow-soft)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-select{padding:1rem 1.25rem;background:var(--primary-black);border:2px solid var(--border-gray);border-radius:var(--border-radius-md);color:var(--text-white);font-size:1rem;font-weight:500;transition:var(--transition-fast);cursor:pointer}.search-btn-main{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border:none;color:var(--text-white);padding:1rem 2rem;border-radius:var(--border-radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft);text-transform:uppercase;letter-spacing:.05em}.search-btn-main:hover{transform:translateY(-2px);box-shadow:var(--shadow-medium)}.search-btn-main:disabled{opacity:.6;cursor:not-allowed;transform:none}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--border-gray)}.results-title{font-size:2rem;font-weight:800;color:var(--text-white)}.results-count{font-size:1rem;color:var(--text-gray);font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:3rem}.pagination-btn{padding:.75rem 1.25rem;background:var(--accent-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);color:var(--text-white);cursor:pointer;transition:var(--transition-fast);font-size:.875rem;font-weight:600;min-width:44px;text-align:center}.pagination-btn:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border-color:transparent;color:var(--text-white);box-shadow:var(--shadow-soft)}.back-btn{display:inline-flex;align-items:center;gap:.75rem;background:var(--accent-gray);border:1px solid var(--border-gray);color:var(--text-white);padding:1rem 1.5rem;border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-fast);margin-bottom:3rem;font-weight:600;font-size:1rem}.back-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.manga-detail-content{margin-bottom:4rem}.manga-detail-hero{position:relative;min-height:500px;border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:2rem}.manga-detail-background{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(20px) brightness(.3);transform:scale(1.1)}.manga-detail-hero-content{position:relative;z-index:2;display:grid;grid-template-columns:300px 1fr;gap:3rem;padding:3rem;min-height:500px;align-items:center}.manga-detail-cover{width:100%;height:400px;object-fit:contain;border-radius:var(--border-radius-lg);background:#0000004d;box-shadow:var(--shadow-large);transition:var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.manga-detail-cover:hover{transform:scale(1.02);box-shadow:var(--shadow-large)}.manga-detail-info{color:var(--text-white);text-shadow:0 2px 4px rgba(0,0,0,.8)}.manga-detail-info h1{font-size:2.5rem;font-weight:900;margin-bottom:1.5rem;color:var(--text-white);line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.9)}.manga-detail-info .manga-title-with-flag{font-size:2.5rem;font-weight:900;margin-bottom:1.5rem;color:var(--text-white);text-shadow:0 2px 8px rgba(0,0,0,.9)}.manga-detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:2rem}.meta-item{display:flex;flex-direction:column;gap:.5rem}.meta-label{font-size:.875rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:1.125rem;color:var(--text-white);font-weight:700}.manga-description{color:var(--text-gray);line-height:1.7;margin-bottom:2.5rem;font-size:1.125rem}.description-text{transition:max-height .3s ease;overflow:hidden}.description-text.collapsed{max-height:4.5em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}.description-text.expanded{max-height:none;display:block}.description-toggle-btn{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.25rem 0;transition:var(--transition-fast)}.description-toggle-btn:hover{color:var(--accent-purple);text-decoration:underline}.manga-tags-section{margin-bottom:2.5rem}.tags-title{font-size:1.5rem;font-weight:800;color:var(--text-white);margin-bottom:1.5rem}.detail-tags{display:flex;flex-wrap:wrap;gap:.75rem}.detail-tag{font-size:.875rem;padding:.75rem 1rem;border-radius:var(--border-radius-md);font-weight:600;transition:var(--transition-fast);cursor:pointer}.detail-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.detail-tag-genre{background:linear-gradient(135deg,var(--accent-blue) 0%,#1d4ed8 100%);color:#fff}.detail-tag-theme{background:linear-gradient(135deg,var(--success-green) 0%,#059669 100%);color:#fff}.detail-tag-format{background:linear-gradient(135deg,var(--accent-purple) 0%,#7c3aed 100%);color:#fff}.detail-tag-content{background:linear-gradient(135deg,var(--error-red) 0%,#dc2626 100%);color:#fff}.detail-tag-other{background:var(--border-gray);color:var(--text-gray)}.no-tags{color:var(--text-muted);font-style:italic;font-size:1.125rem}.chapters-section{margin-top:3rem}.chapters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chapters-title{font-size:2rem;font-weight:800;color:var(--text-white);margin:0}.filter-toggle-btn{background:var(--accent-gray);border:1px solid var(--border-gray);color:var(--text-white);padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);font-weight:600;font-size:.875rem}.filter-toggle-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.chapter-filters{background:var(--accent-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-lg);padding:1.5rem;margin-bottom:2rem}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-white);text-transform:uppercase;letter-spacing:.05em}.filter-select{padding:.75rem 1rem;background:var(--primary-black);border:2px solid var(--border-gray);border-radius:var(--border-radius-md);color:var(--text-white);font-size:.875rem;font-weight:500;transition:var(--transition-fast);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 4px #0066ff1a}.filter-select:hover{border-color:var(--text-gray)}.filter-actions{display:flex;gap:1rem;justify-content:center}.apply-filters-btn{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border:none;color:var(--text-white);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-soft)}.apply-filters-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-medium)}.apply-filters-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.reset-filters-btn{background:var(--accent-gray);border:1px solid var(--border-gray);color:var(--text-white);padding:.75rem 1.5rem;border-radius:var(--border-radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.reset-filters-btn:hover{background:var(--border-gray);border-color:var(--text-gray);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.flag-selector{margin-top:.5rem}.flag-options{display:flex;flex-wrap:wrap;gap:.5rem}.flag-option{background:var(--primary-black);border:2px solid var(--border-gray);border-radius:var(--border-radius-md);padding:.5rem;cursor:pointer;transition:var(--transition-fast);font-size:1.5rem;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center}.flag-option .flag-image,.flag-option .flag-emoji-fallback,.flag-option .flag-loading{width:24px;height:18px}.flag-option:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:var(--shadow-soft)}.flag-option.selected{border-color:var(--accent-blue);background:#0066ff1a;box-shadow:0 0 0 2px #06f3}.chapters-list{display:grid;gap:1rem}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--accent-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-md);transition:var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.chapter-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,102,255,.1),transparent);transition:var(--transition-normal)}.chapter-item:hover:before{left:100%}.chapter-item:hover{background:var(--secondary-black);border-color:var(--accent-blue);transform:translate(8px);box-shadow:var(--shadow-soft)}.chapter-info{display:flex;flex-direction:column;gap:.5rem;position:relative;z-index:1}.chapter-title{font-weight:700;color:var(--text-white);font-size:1.125rem}.chapter-meta{font-size:.875rem;color:var(--text-gray);font-weight:500}.chapter-date{font-size:.875rem;color:var(--text-muted);font-weight:500;position:relative;z-index:1}.footer{background:var(--accent-gray);border-top:1px solid var(--border-gray);padding:3rem 2rem;margin-top:6rem}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.footer-brand{display:flex;align-items:center;gap:1rem}.footer-logo{width:32px;height:32px;border-radius:var(--border-radius-sm)}.footer-brand-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--text-white) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-credits{color:var(--text-gray);font-size:1rem;font-weight:500}.footer-credits a{color:var(--accent-blue);text-decoration:none;transition:var(--transition-fast);font-weight:600}.footer-credits a:hover{color:var(--accent-purple);text-decoration:underline}.chapter-reader-vertical{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative}@media (max-width: 768px){.home-page-mobile{padding:1rem}.home-page-mobile .hero{padding:2rem 1rem;text-align:center}.home-page-mobile .hero-title{font-size:2rem;margin-bottom:1rem}.home-page-mobile .hero-subtitle{font-size:1rem;margin-bottom:2rem}.home-page-mobile .featured-section{margin-top:2rem}.home-page-mobile .section-title{font-size:1.5rem;margin-bottom:1.5rem}.home-page-mobile .manga-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.home-page-mobile .manga-card{border-radius:var(--border-radius-sm)}.home-page-mobile .manga-cover{height:200px}.home-page-mobile .manga-info{padding:1rem}.home-page-mobile .manga-title{font-size:.875rem;margin-bottom:.5rem}.home-page-mobile .manga-description{font-size:.75rem;margin-bottom:.75rem}.home-page-mobile .manga-tags{margin-bottom:.75rem}.home-page-mobile .manga-tag{font-size:.625rem;padding:.125rem .375rem}.home-page-mobile .manga-meta{font-size:.75rem}.search-page-mobile{padding:1rem}.search-page-mobile .search-filters{margin-bottom:2rem}.search-page-mobile .filter-grid{grid-template-columns:1fr;gap:1rem}.search-page-mobile .filter-group{margin-bottom:1rem}.search-page-mobile .filter-group label{font-size:.875rem;margin-bottom:.5rem}.search-page-mobile .filter-select,.search-page-mobile .filter-input{padding:.75rem;font-size:.875rem}.search-page-mobile .search-btn{width:100%;padding:.875rem;font-size:1rem;margin-top:1rem}.search-page-mobile .manga-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.manga-detail-mobile{padding:1rem}.manga-detail-mobile .back-btn{margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.manga-detail-mobile .manga-detail-hero{min-height:400px}.manga-detail-mobile .manga-detail-hero-content{grid-template-columns:1fr;gap:2rem;padding:2rem;text-align:center}.manga-detail-mobile .manga-detail-cover{width:100%;max-width:250px;height:300px;margin:0 auto}.manga-detail-mobile .manga-detail-info{width:100%}.manga-detail-mobile .manga-title-with-flag{font-size:1.75rem;margin-bottom:1rem}.manga-detail-mobile .manga-detail-meta{grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem}.manga-detail-mobile .meta-item{flex-direction:column;align-items:flex-start;gap:.25rem}.manga-detail-mobile .meta-label{font-size:.75rem}.manga-detail-mobile .meta-value{font-size:.875rem}.manga-detail-mobile .manga-description{font-size:1rem;margin-bottom:2rem}.manga-detail-mobile .manga-tags-section{margin-bottom:2rem}.manga-detail-mobile .tags-title{font-size:1.25rem;margin-bottom:1rem}.manga-detail-mobile .detail-tags{gap:.5rem}.manga-detail-mobile .detail-tag{font-size:.75rem;padding:.375rem .75rem}.manga-detail-mobile .chapters-section{margin-top:2rem}.manga-detail-mobile .chapters-title{font-size:1.5rem;margin-bottom:1.5rem}.manga-detail-mobile .chapter-filters{padding:1rem;margin-bottom:1.5rem}.manga-detail-mobile .filter-row{grid-template-columns:1fr;gap:1rem}.manga-detail-mobile .chapters-list{gap:.75rem}.manga-detail-mobile .chapter-item{padding:1rem}.manga-detail-mobile .chapter-title{font-size:.875rem}.manga-detail-mobile .chapter-meta{font-size:.75rem}.chapter-reader-mobile{padding:0}.chapter-reader-mobile .reader-content-vertical{padding:.5rem;max-width:100%}.chapter-reader-mobile .chapter-page{margin-bottom:.5rem;border-radius:0;box-shadow:none}.chapter-reader-mobile .chapter-page-image{width:100%;height:auto;border-radius:0}.chapter-reader-mobile .page-number{padding:.25rem .5rem;font-size:.75rem;background:#000c;border-top:none}.chapter-reader-mobile .reader-header-simple{padding:.5rem 1rem;position:sticky;top:0;z-index:1000;background:#0a0a0afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chapter-reader-mobile .reader-manga-title{font-size:1rem}.chapter-reader-mobile .reader-chapter-title{font-size:.875rem}.chapter-reader-mobile .chapter-nav-btn{padding:.25rem .5rem;font-size:.75rem;min-width:60px}.header-mobile{padding:.5rem 1rem;position:sticky;top:0;z-index:1000;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-mobile .nav{flex-direction:row;gap:.5rem;align-items:center}.header-mobile .nav-brand{flex-shrink:0;gap:.5rem}.header-mobile .nav-search{flex:1;margin:0}.header-mobile .search-container{flex-direction:row;gap:.5rem;position:relative;z-index:1001}.header-mobile .search-input{flex:1;padding:.5rem .75rem;font-size:.9rem;position:relative;z-index:1001}.header-mobile .search-btn{padding:.5rem 1rem;font-size:.9rem;position:relative;z-index:1001;white-space:nowrap}.footer-mobile{padding:2rem 1rem}.footer-mobile .footer-content{flex-direction:column;gap:1.5rem;text-align:center}.footer-mobile .footer-brand{flex-direction:column;gap:.5rem}.footer-mobile .footer-logo{width:40px;height:40px}.footer-mobile .footer-brand-text{font-size:1.25rem}.footer-mobile .footer-credits p{font-size:.875rem;line-height:1.5}}@media (max-width: 480px){.home-page-mobile .manga-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.home-page-mobile .manga-cover{height:160px}.search-page-mobile .manga-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.manga-detail-mobile .manga-detail-cover{height:250px}.manga-detail-mobile .manga-title-with-flag{font-size:1.5rem}.header-mobile .nav-brand .brand-text{font-size:1rem}.header-mobile .logo{width:24px;height:24px}}.chapter-reader{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative;overflow:hidden}.reader-header-simple{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-gray);flex-shrink:0;z-index:100;min-height:70px;flex-wrap:wrap;gap:1rem}.reader-content-vertical{flex:1;padding:2rem;max-width:800px;margin:0 auto;width:100%}.chapter-page{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;background:var(--text-white);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--shadow-medium)}.chapter-page-image{width:100%;max-width:100%;height:auto;display:block;object-fit:contain}.page-number{padding:.5rem 1rem;background:var(--accent-gray);color:var(--text-white);font-size:.875rem;font-weight:600;width:100%;text-align:center;border-top:1px solid var(--border-gray)}.load-more-trigger{display:flex;justify-content:center;align-items:center;padding:2rem;margin:2rem 0}.loading-more{display:flex;align-items:center;gap:1rem;color:var(--text-gray);font-size:1rem}.spinner-small{width:20px;height:20px;border:2px solid var(--border-gray);border-top:2px solid var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.load-more-text{color:var(--text-gray);font-size:1rem;text-align:center}.chapter-end{display:flex;flex-direction:column;align-items:center;gap:2rem;padding:3rem 2rem;margin:2rem 0;background:var(--accent-gray);border-radius:var(--border-radius-lg);border:1px solid var(--border-gray)}.chapter-end p{font-size:1.5rem;font-weight:700;color:var(--text-white);margin:0}.chapter-nav-end{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.reader-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-gray);flex-shrink:0;z-index:100;min-height:70px;flex-wrap:wrap;gap:1rem}.reader-back-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-gray);border:1px solid var(--border-gray);color:var(--text-white);padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);font-weight:600;font-size:.875rem}.reader-back-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.reader-info{flex:1;text-align:center;margin:0 2rem}.reader-manga-title{font-size:1.25rem;font-weight:800;color:var(--text-white);margin-bottom:.25rem;line-height:1.2}.reader-chapter-title{font-size:1rem;font-weight:600;color:var(--text-gray)}.reader-controls{display:flex;gap:.5rem}.chapter-nav-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-gray);border:1px solid var(--border-gray);color:var(--text-white);padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);font-size:.875rem;font-weight:600;min-width:100px;justify-content:center}.chapter-nav-btn:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.chapter-nav-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.reader-content{flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);position:relative;padding:1rem;min-height:calc(100vh - 140px)}.book-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;perspective:1000px}.book-page{width:100%;max-width:800px;height:85vh;background:var(--text-white);border-radius:8px;box-shadow:0 0 0 1px #0000001a,0 4px 20px #0000004d,0 8px 40px #0003;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:var(--transition-normal);transform-style:preserve-3d;-webkit-user-select:none;user-select:none}.book-page img{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.page-indicator{position:absolute;top:1rem;right:1rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:600;z-index:10}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:#000000b3;border:2px solid var(--accent-blue);border-radius:50%;color:var(--text-white);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:var(--transition-fast);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-arrow:hover{background:var(--accent-blue);transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-medium)}.nav-arrow.left{left:2rem}.nav-arrow.right{right:2rem}.nav-arrow:disabled{opacity:.3;cursor:not-allowed;transform:translateY(-50%)}.nav-arrow:disabled:hover{transform:translateY(-50%);background:#000000b3}.reader-footer{display:flex;align-items:center;justify-content:center;padding:.5rem 2rem;background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-gray);flex-shrink:0;z-index:100;min-height:50px;position:sticky;bottom:0}.reader-progress{font-size:.875rem;color:var(--text-gray);font-weight:600;display:flex;align-items:center;gap:.5rem}.progress-bar{width:200px;height:4px;background:var(--border-gray);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue) 0%,var(--accent-purple) 100%);transition:width .3s ease}.reader-settings{display:flex;gap:.5rem;align-items:center;visibility:visible;opacity:1}.zoom-controls{display:flex;align-items:center;gap:.5rem;background:var(--accent-gray);border:1px solid var(--border-gray);border-radius:var(--border-radius-sm);padding:.25rem}.zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-white);cursor:pointer;border-radius:var(--border-radius-sm);font-size:1.2rem;font-weight:700;transition:var(--transition-fast)}.zoom-btn:hover:not(:disabled){background:var(--accent-blue);color:var(--text-white)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-level{color:var(--text-white);font-size:.875rem;font-weight:600;min-width:40px;text-align:center}.zoom-reset-btn{display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;background:transparent;border:none;color:var(--text-white);cursor:pointer;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;transition:var(--transition-fast)}.zoom-reset-btn:hover{background:var(--accent-blue);color:var(--text-white)}@media (max-width: 768px){.reader-header{flex-direction:column;gap:.5rem;padding:.75rem 1rem;min-height:auto}.reader-settings{order:-1;width:100%;justify-content:center;flex-wrap:wrap}.zoom-controls{order:1;margin-bottom:.5rem}.reader-controls{order:2;width:100%;justify-content:center}.chapter-nav-btn{flex:1;max-width:120px;font-size:.875rem;padding:.5rem .75rem}.zoom-btn{width:40px;height:40px;font-size:1.4rem}.zoom-level{font-size:1rem;min-width:50px}.zoom-reset-btn{padding:.5rem .75rem;font-size:.875rem}.settings-btn,.fullscreen-btn{padding:.5rem 1rem;font-size:.875rem;min-width:60px}.book-page{height:75vh;max-width:95vw}.nav-arrow{width:50px;height:50px;font-size:1.5rem}.reader-footer{padding:.5rem 1rem;min-height:40px}.reader-progress{font-size:.8rem}}@media (hover: none) and (pointer: coarse){.zoom-btn,.settings-btn,.fullscreen-btn,.chapter-nav-btn{min-height:44px;min-width:44px}.book-page{touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.nav-arrow{min-width:60px;min-height:60px}}.settings-btn{display:flex;align-items:center;gap:.5rem;background:var(--accent-gray);border:1px solid var(--border-gray);color:var(--text-white);padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);font-weight:600;font-size:.875rem;min-width:80px;justify-content:center;visibility:visible;opacity:1}.settings-btn:hover{background:var(--accent-blue);border-color:var(--accent-blue);transform:translateY(-1px);box-shadow:var(--shadow-soft)}.settings-btn.active{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);border-color:transparent;color:var(--text-white);box-shadow:var(--shadow-soft)}.fullscreen-btn{background:linear-gradient(135deg,var(--accent-purple) 0%,#7c3aed 100%);border:none;color:var(--text-white);padding:.5rem 1rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-fast);font-weight:600;font-size:.875rem;min-width:100px;visibility:visible;opacity:1}.fullscreen-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.chapter-reader.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000}.chapter-reader.fullscreen .reader-header,.chapter-reader.fullscreen .reader-footer{position:absolute;left:0;right:0;z-index:10001}.chapter-reader.fullscreen .reader-header{top:0}.chapter-reader.fullscreen .reader-footer{bottom:0}.chapter-reader.fullscreen .reader-content{padding-top:100px;padding-bottom:100px}@media (max-width: 1024px){.manga-detail-hero-content{grid-template-columns:1fr;gap:2rem;padding:2rem;text-align:center}.manga-detail-cover{max-width:250px;height:350px;margin:0 auto}.book-page{max-width:90%;height:85vh}.nav-arrow{width:50px;height:50px;font-size:1.25rem}.nav-arrow.left{left:1rem}.nav-arrow.right{right:1rem}}@media (max-width: 768px){.nav{flex-direction:column;gap:1rem;padding:1rem}.nav-search{margin:0;max-width:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.filter-grid,.filter-row{grid-template-columns:1fr}.chapters-header{flex-direction:column;gap:1rem;align-items:stretch}.filter-actions{flex-direction:column}.flag-options{justify-content:center}.flag-option{min-width:45px;height:45px;font-size:1.25rem}.manga-title-with-flag{font-size:2rem;flex-direction:column;align-items:flex-start;gap:.5rem}.manga-locale-flag{font-size:1.5rem;margin-left:0}.footer-content{flex-direction:column;gap:2rem;text-align:center}.reader-header{flex-direction:column;gap:.75rem;padding:.75rem;min-height:auto}.reader-info{margin:0;order:-1}.reader-footer{padding:.75rem;flex-direction:column;gap:1rem;min-height:auto}.reader-settings{justify-content:center}.book-page{max-width:95%;height:80vh}.nav-arrow{width:40px;height:40px;font-size:1rem}.nav-arrow.left{left:.5rem}.nav-arrow.right{right:.5rem}.progress-bar{width:150px}.chapter-reader.fullscreen .reader-content{padding-top:120px;padding-bottom:120px}.reader-content-vertical{padding:1rem;max-width:100%}.chapter-page{margin-bottom:1rem}.reader-header-simple{padding:.75rem 1rem;flex-direction:column;gap:.5rem;min-height:auto}.reader-info{order:-1;margin:0}.reader-manga-title{font-size:1.125rem}.reader-chapter-title{font-size:.875rem}.reader-controls{gap:.25rem}.chapter-nav-btn{padding:.375rem .75rem;font-size:.75rem;min-width:80px}}@media (max-width: 480px){.main{padding:2rem 1rem}.hero{padding:4rem 0}.hero-title{font-size:2rem}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.manga-cover{height:240px}.manga-detail-cover{height:300px}.book-page{max-width:98%;height:75vh}.nav-arrow{width:35px;height:35px;font-size:.875rem}.progress-bar{width:120px}.settings-btn,.fullscreen-btn{padding:.375rem .75rem;font-size:.75rem;min-width:60px}}