@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;600;700;800;900&family=Space+Grotesk:wght@500;700&display=swap";@media (width<=768px){.main-content{padding:16px 20px 80px}}@media (width<=640px){.grid-manhwa{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=360px){.grid-manhwa{grid-template-columns:repeat(2,1fr);gap:8px}}#root{width:100%;min-height:100vh}.header-root{z-index:1000;background:var(--bg-header);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-normal);position:sticky;top:0}.header-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1400px;margin:0 auto;padding:10px 24px;display:flex}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-logo-box{transition:transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.header-brand:hover .brand-logo-box{transform:scale(1.05)}.brand-logo-text{font-family:var(--font-display);letter-spacing:.1em;font-size:20px;font-weight:900}.brand-name{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-primary);white-space:nowrap;font-size:20px;font-weight:900}.header-nav-center{flex:1;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex}.nav-links{flex-shrink:0;align-items:center;gap:4px;display:flex}.nav-link-btn{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:700;display:flex}.nav-link-btn:hover,.nav-link-btn.active{color:var(--text-primary);background:var(--bg-surface)}.nav-link-btn.active{color:#60a5fa;background:#3b82f61a;font-weight:800}.nav-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:1px 6px;font-size:10px;font-weight:900;line-height:1.2}.header-search-container{flex-shrink:1;width:170px;min-width:110px;max-width:240px;transition:width .25s;position:relative}.header-search-container:focus-within{width:220px}.header-search-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);width:100%;color:var(--text-primary);transition:all var(--transition-fast);box-sizing:border-box;outline:none;padding:8px 12px 8px 36px;font-size:13px}.header-search-input:focus{border-color:var(--border-active);box-shadow:var(--shadow-sm), var(--glow-white);background:var(--bg-main)}.search-icon-inside{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.header-right-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.theme-toggle-btn{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.profile-pill-wrapper{flex-shrink:0;position:relative}.header-profile-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;padding:4px 10px 4px 6px;display:flex}.header-profile-btn:hover{border-color:var(--border-active);box-shadow:var(--shadow-sm)}.profile-avatar-circle{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:flex;overflow:hidden}.profile-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:90px;font-size:12px;font-weight:800;overflow:hidden}.header-login-btn{border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:800;display:flex}.profile-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:210px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);z-index:1200;flex-direction:column;gap:4px;padding:10px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:auto}html[dir=rtl] .profile-dropdown-menu{left:0!important;right:auto!important}@media (width<=768px){html[dir=rtl] .profile-dropdown-menu,.profile-dropdown-menu{width:200px;max-width:85vw;left:0!important;right:auto!important}}.dropdown-user-header{border-bottom:1px solid var(--border-color);flex-direction:column;margin-bottom:4px;padding:8px 10px 12px;display:flex}.dropdown-email{color:var(--text-primary);word-break:break-all;font-size:12px;font-weight:800}.dropdown-role{color:var(--text-muted);margin-top:2px;font-size:11px}.dropdown-item-btn{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}html[dir=rtl] .dropdown-item-btn{text-align:right;flex-direction:row-reverse;justify-content:flex-end}.dropdown-item-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.dropdown-item-btn.logout{color:#ef4444}.dropdown-item-btn.logout:hover{color:#ef4444;background:#ef44441a}.mobile-menu-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:none}.search-dropdown{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);z-index:1100;width:380px;box-shadow:var(--shadow-lg);padding:10px;position:absolute;top:calc(100% + 6px);left:0}@media (width<=1280px) and (width>=861px){.header-inner{gap:8px;padding:8px 14px}.nav-links{gap:3px}.nav-link-btn{gap:3px;padding:5px 6px;font-size:11.5px}.header-search-container{width:120px}.header-search-container:focus-within{width:170px}.profile-user-name{display:none}.brand-name{font-size:16px}}@media (width<=860px){.header-inner{gap:8px;padding:8px 12px}.brand-name{display:none}.header-nav-center{justify-content:flex-end}.nav-links{display:none}.nav-links.mobile-open{background:var(--bg-header);border-bottom:1px solid var(--border-color);z-index:1000;width:100%;box-shadow:var(--shadow-lg);box-sizing:border-box;flex-direction:column;gap:8px;padding:14px 16px;display:flex;position:absolute;top:100%;left:0}.nav-link-btn{justify-content:flex-start;width:100%;padding:10px 14px;font-size:14px}.mobile-menu-btn{display:flex}.profile-user-name{display:none}.header-search-container{width:130px}.search-dropdown{width:auto;max-height:75vh;position:fixed;top:60px;left:8px;right:8px;overflow-y:auto}}@media (width<=480px){.header-inner{gap:6px;padding:6px 8px}.header-search-container{width:110px}.theme-toggle-btn{width:32px;height:32px}.header-login-btn{padding:5px 10px;font-size:11px}}.hero-coverflow-root{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;align-items:center;width:100%;height:340px;margin-bottom:40px;display:flex;position:relative;overflow:hidden}.hero-coverflow-root:active{cursor:grabbing}.hero-coverflow-track{width:100%;height:100%;position:relative}.hero-coverflow-slide{cursor:pointer;background:0 0;border-radius:10px;width:32%;transition:all .5s cubic-bezier(.25,1,.5,1);position:absolute;top:20px;bottom:20px;left:50%;overflow:hidden;box-shadow:0 10px 40px #00000026}.hero-cover-img{object-fit:cover;width:100%;height:100%;display:block}.hero-cover-gradient{pointer-events:none;background:linear-gradient(#0000 0%,#0006 45%,#000000eb 100%);height:65%;position:absolute;bottom:0;left:0;right:0}.hero-page-indicator{color:#fff;-webkit-backdrop-filter:blur(8px);background:#0009;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.hero-slide-info{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:20px;left:24px;right:24px}.hero-slide-title{font-family:var(--font-display);color:#fff;text-shadow:0 2px 8px #0009;font-size:26px;font-weight:900;line-height:1.1}.hero-slide-subtitle{color:#d1d5db;text-shadow:0 1px 4px #00000080;font-size:13px;line-height:1.4}.hero-slide-badges{gap:8px;margin-top:4px;display:flex}.cover-badge{-webkit-backdrop-filter:blur(4px);text-transform:uppercase;background:#00000080;border-radius:3px;padding:3px 7px;font-size:9px;font-weight:800}.cover-badge.event{color:#10b981;border:1px solid #10b9814d}.cover-badge.discount{color:#94a3b8;border:1px solid #94a3b84d}.hero-nav-arrow{color:#fff;cursor:pointer;z-index:20;background:#0000008c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav-arrow:hover{background:#000000e6;border-color:#ffffff59}.hero-nav-arrow.prev{left:16px}.hero-nav-arrow.next{right:16px}@media (width<=900px){.hero-coverflow-root{height:300px}.hero-coverflow-slide{width:45%}}@media (width<=768px){.hero-coverflow-root{border-radius:0;width:calc(100% + 40px);height:380px;margin:-10px -20px 24px}.hero-coverflow-slide{border-radius:12px;width:70%}.hero-slide-title{font-size:26px}.hero-slide-subtitle{font-size:13px}.hero-slide-info{gap:8px;bottom:24px;left:20px;right:20px}.hero-nav-arrow{display:none}}.manhwa-card{border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);background:var(--bg-surface);border:1px solid var(--border-color);flex-direction:column;display:flex;position:relative;overflow:hidden}.manhwa-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-lg), var(--glow-white);transform:translateY(-4px)}.card-poster-wrapper{aspect-ratio:2/3;width:100%;position:relative;overflow:hidden;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.card-poster-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal);-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important;pointer-events:none!important}.card-cover-shield{z-index:2;background:0 0;position:absolute;inset:0;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.manhwa-card:hover .card-poster-img{transform:scale(1.05)}.card-overlay-gradient{z-index:3;opacity:.8;transition:opacity var(--transition-fast);pointer-events:none;background:linear-gradient(#0003 0%,#000000d9 100%);position:absolute;inset:0}.manhwa-card:hover .card-overlay-gradient{opacity:.95}.card-badge-top-left{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:10px;left:10px}.card-badge-top-right{z-index:10;position:absolute;top:10px;right:10px}.bookmark-card-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:#000000a6;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.bookmark-card-btn:hover,.bookmark-card-btn.active{color:#000;background:#fff;border-color:#fff}.card-bottom-info{z-index:10;flex-direction:column;gap:4px;padding:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.card-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.25;overflow:hidden}.card-meta-row{color:#ffffffbf;justify-content:space-between;align-items:center;gap:4px;font-size:11px;display:flex;overflow:hidden}.card-chapter-pill{-webkit-backdrop-filter:blur(4px);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;text-align:center;background:#fff3;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2}.card-rating-pill,.info-stat{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:10px;line-height:1;display:flex;overflow:hidden}.card-rating-pill{color:#f59e0b;flex-shrink:0;font-weight:800}.mal-card-badge{color:#fff;letter-spacing:.3px;background:#2e51a2;border-radius:2px;margin-left:2px;padding:1px 3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:7.5px;font-weight:900;line-height:1}.card-rating-pill svg,.info-stat svg{transform:translateY(-1px)}@media (width<=768px){.card-bottom-info{gap:2px;padding:8px 10px}.card-title{font-size:13px}.card-meta-row{gap:3px;font-size:10px}.card-chapter-pill{padding:2px 5px;font-size:9px}.card-rating-pill,.info-stat{font-size:9px}}.detail-root{flex-direction:column;gap:28px;display:flex}.back-btn{align-self:flex-start;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.detail-header-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);padding:40px;position:relative;overflow:hidden}.detail-backdrop{filter:blur(24px)opacity(.2);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.1)}.detail-backdrop-overlay{background:linear-gradient(180deg, var(--bg-surface) 0%, #070709f2 100%);position:absolute;inset:0}.detail-header-content{z-index:5;align-items:flex-start;gap:36px;display:flex;position:relative}.detail-cover-wrapper{border-radius:var(--radius-md);border:2px solid var(--border-color);width:220px;box-shadow:var(--shadow-lg);flex-shrink:0;position:relative;overflow:hidden;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.detail-cover-img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important;pointer-events:none!important}.cover-img-shield{z-index:2;background:0 0;position:absolute;inset:0;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.detail-status-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-full);letter-spacing:.03em;white-space:nowrap;background:#0f0f13e6;padding:4px 14px;font-size:11px;font-weight:800;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.detail-status-pill.status-ongoing{color:#38bdf8;background:#0ea5e926;border-color:#38bdf866}.detail-status-pill.status-completed{color:#4ade80;background:#22c55e26;border-color:#4ade8066}.detail-status-pill.status-hiatus{color:#fb923c;background:#f9731626;border-color:#fb923c66}.detail-main-info{flex-direction:column;flex:1;display:flex}.detail-tags{align-items:center;gap:8px;margin-bottom:12px;display:flex}.detail-title{color:var(--text-primary);margin-bottom:4px;font-size:34px;font-weight:900;line-height:1.15}.detail-alt{color:var(--text-muted);margin-bottom:16px;font-size:14px}.detail-creators{color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:20px;font-size:13px;display:flex}.detail-creators strong{color:var(--text-primary)}.detail-metrics{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;display:flex}.detail-metric-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 18px;display:flex}.detail-metric-box>svg{transform:translateY(-10px)}.metric-text-group{flex-direction:column;display:flex}.metric-val{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:900;line-height:1.1}.detail-metric-star-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.mal-logo-badge{color:#fff;letter-spacing:.5px;background:#2e51a2;border-radius:3px;padding:1px 4px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:8px;font-weight:900;line-height:1.1;box-shadow:0 1px 3px #2e51a280}.metric-lbl{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.detail-genres-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.genre-pill{background:var(--text-primary);border:1px solid var(--text-primary);color:var(--bg-main);border-radius:var(--radius-md);pointer-events:none;white-space:nowrap;padding:6px 14px;font-size:13px;font-weight:700}.detail-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-btn-read{padding:14px 28px;font-size:15px;font-weight:800}.detail-btn-bookmark{padding:14px 22px;font-size:14px;font-weight:700}.detail-content-grid{grid-template-columns:1fr 340px;gap:28px;display:grid}.detail-left-col,.detail-right-col{flex-direction:column;gap:28px;display:flex}.detail-section{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);padding:32px}.detail-section h2{letter-spacing:.05em;color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:900}.synopsis-text{color:var(--text-secondary);font-size:15px;line-height:1.7}.chapter-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chapter-header-row h2{margin-bottom:0}.chapter-controls{align-items:center;gap:12px;display:flex}.chapter-search-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:8px;width:180px;padding:8px 14px;display:flex}.chapter-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.sort-btn{align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:flex}.chapters-list{flex-direction:column;gap:8px;max-height:520px;display:flex;overflow-y:auto}.chapter-row{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chapter-row:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translate(4px)}.chapter-row.read{opacity:.6}.ch-left-info{align-items:center;gap:14px;display:flex}.ch-number-badge{font-family:var(--font-display);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:4px 10px;font-size:14px;font-weight:900}.ch-title{color:var(--text-primary);font-size:14px;font-weight:700}.ch-right-info{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.read-tag{color:#10b981;align-items:center;gap:4px;font-size:11px;font-weight:800;display:flex}.rating-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;flex-direction:column;gap:12px;padding:28px;display:flex}.rating-card h3{justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:900;display:flex}.rating-card p{color:var(--text-muted);font-size:12px}.interactive-stars{justify-content:center;align-items:center;gap:8px;margin:10px 0;display:flex}.star-btn{color:var(--text-muted);cursor:pointer;transition:transform var(--transition-fast), color var(--transition-fast);background:0 0;border:none}.star-btn:hover,.star-btn.filled{color:#f59e0b;transform:scale(1.15)}.user-rating-feedback{color:var(--text-primary);font-size:13px;font-weight:700}.related-section{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);margin-top:16px;padding:20px}.related-section h3{letter-spacing:.05em;color:var(--text-primary);margin-bottom:14px;font-size:14px;font-weight:900}.related-grid{grid-template-columns:repeat(auto-fill,minmax(120px,145px));justify-content:flex-start;gap:12px;display:grid}@media (width<=1024px){.detail-content-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:repeat(auto-fill,minmax(125px,150px));justify-content:center}}@media (width<=580px){.related-section{padding:14px 12px}.related-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media (width<=768px){.detail-header-content{text-align:center;flex-direction:column;align-items:center;gap:24px}.detail-poster-col{width:220px}.detail-title{font-size:28px;text-align:center!important}.detail-creators,.detail-tags{justify-content:center}.detail-metrics{justify-content:center;gap:12px}.detail-genres-row{justify-content:center}.detail-actions,.detail-btn-read,.detail-btn-bookmark{justify-content:center;width:100%}.detail-section{padding:20px}}@media (width<=400px){.detail-poster-col{width:180px}.detail-title{font-size:24px}.detail-metric-box{padding:8px 12px}.metric-val{font-size:14px}.metric-lbl{font-size:9px}.detail-btn-read{padding:12px 20px}.chapter-header-row{flex-direction:column;align-items:stretch;gap:10px}.chapter-controls{flex-wrap:wrap;gap:8px}.chapter-search-box{width:100%;padding:6px 10px}.sort-btn{justify-content:center;width:100%;padding:6px 10px;font-size:11px}.chapter-row{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 14px}.ch-left-info{gap:8px;width:100%}.ch-number-badge{padding:3px 8px;font-size:12px}.ch-title{font-size:12px}.ch-right-info{justify-content:space-between;width:100%;font-size:11px}}.staff-credits-section{margin-bottom:28px;padding:20px 24px;position:relative;overflow:hidden}.staff-credits-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.staff-credits-title-wrap{align-items:center;gap:10px;display:flex}.staff-credits-title-wrap h3{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.staff-header-icon{color:#818cf8}.staff-count-pill{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.staff-credits-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.staff-credit-card-premium{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#ffffff05;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative;overflow:hidden}.staff-credit-card-premium:hover{border-color:var(--border-active);box-shadow:var(--shadow-sm);background:#ffffff0d;transform:translateY(-2px)}.staff-card-avatar-wrapper{background:#ffffff14;border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:2px;position:relative}.staff-card-avatar-img{object-fit:cover;background:#09090e;border-radius:50%;width:100%;height:100%;display:block}.staff-card-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff08);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:15px;font-weight:800;display:flex}.staff-avatar-role-icon-badge{border:2px solid var(--bg-surface,#121218);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #00000080}.staff-card-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex;overflow:hidden}.staff-card-role-badge{border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.staff-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;overflow:hidden}.staff-role-translator .staff-card-role-badge{color:#60a5fa;background:#3b82f61a;border-color:#3b82f640}.staff-role-translator .staff-avatar-role-icon-badge{color:#fff;background:#3b82f6}.staff-role-translator .staff-card-avatar-wrapper{background:linear-gradient(135deg,#3b82f666,#3b82f61a)}.staff-role-cleaner .staff-card-role-badge{color:#c084fc;background:#a855f71a;border-color:#a855f740}.staff-role-cleaner .staff-avatar-role-icon-badge{color:#fff;background:#a855f7}.staff-role-cleaner .staff-card-avatar-wrapper{background:linear-gradient(135deg,#a855f766,#a855f71a)}.staff-role-typesetter .staff-card-role-badge{color:#facc15;background:#eab3081a;border-color:#eab30840}.staff-role-typesetter .staff-avatar-role-icon-badge{color:#000;background:#eab308}.staff-role-typesetter .staff-card-avatar-wrapper{background:linear-gradient(135deg,#eab30866,#eab3081a)}.staff-role-proofreader .staff-card-role-badge{color:#4ade80;background:#22c55e1a;border-color:#22c55e40}.staff-role-proofreader .staff-avatar-role-icon-badge{color:#000;background:#22c55e}.staff-role-proofreader .staff-card-avatar-wrapper{background:linear-gradient(135deg,#22c55e66,#22c55e1a)}.staff-role-coverDesigner .staff-card-role-badge{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e40}.staff-role-coverDesigner .staff-avatar-role-icon-badge{color:#fff;background:#f43f5e}.staff-role-coverDesigner .staff-card-avatar-wrapper{background:linear-gradient(135deg,#f43f5e66,#f43f5e1a)}.staff-role-all{box-shadow:0 4px 20px #f59e0b1f;background:linear-gradient(135deg,#f59e0b14,#ea580c0a)!important;border-color:#f59e0b73!important}.staff-role-all .staff-card-avatar-wrapper{background:linear-gradient(135deg,#f59e0b,#ec4899)}.staff-role-all .staff-avatar-role-icon-badge{color:#000;background:#f59e0b}.staff-all-roles-badge{color:#fbbf24;white-space:nowrap;background:linear-gradient(135deg,#f59e0b33,#ea580c33);border:1px solid #f59e0b66;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:10.5px;font-weight:800;display:inline-flex}.staff-member-roles-list{flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px;display:flex}.staff-role-pill-sm{color:var(--text-secondary);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.staff-role-pill-sm.staff-pill-translator{color:#60a5fa;background:#3b82f61a;border-color:#3b82f64d}.staff-role-pill-sm.staff-pill-cleaner{color:#c084fc;background:#a855f71a;border-color:#a855f74d}.staff-role-pill-sm.staff-pill-typesetter{color:#facc15;background:#eab3081a;border-color:#eab3084d}.staff-role-pill-sm.staff-pill-proofreader{color:#4ade80;background:#22c55e1a;border-color:#22c55e4d}.staff-role-pill-sm.staff-pill-coverDesigner{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e4d}@media (width<=680px){.staff-credits-grid{gap:10px;grid-template-columns:1fr!important}.staff-credit-card-premium{gap:10px;padding:10px 12px}.staff-card-avatar-wrapper{width:40px;height:40px}.staff-card-name{font-size:13px}.staff-all-roles-badge,.staff-card-role-badge{padding:2px 6px;font-size:10px}.staff-role-pill-sm{padding:1.5px 5px;font-size:9px}}@media (width<=380px){.staff-credits-section{padding:12px 10px!important}.staff-credits-header{margin-bottom:10px}.staff-credits-header h3{font-size:12.5px}.staff-count-pill{padding:2px 6px;font-size:9px}.staff-credit-card-premium{gap:8px;padding:8px 10px}.staff-card-avatar-wrapper{width:34px;height:34px}.staff-card-name{font-size:12px}.staff-all-roles-badge,.staff-card-role-badge{padding:1px 5px;font-size:9px}.staff-role-pill-sm{padding:1px 4px;font-size:8.5px}}.reader-root{width:100%;min-height:100vh;transition:background-color var(--transition-normal);flex-direction:column;align-items:center;display:flex}.reader-root.theme-pitch{color:#fff;--bg-surface:#000;--bg-header:#000000eb;--bg-glass:#ffffff0d;--border-color:#ffffff1a;--text-primary:#fff;--text-secondary:#94a3b8;--text-inverse:#000;background-color:#000}.reader-root.theme-obsidian{color:#f8fafc;--bg-surface:#08080c;--bg-header:#08080ceb;--bg-glass:#ffffff0d;--border-color:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-inverse:#08080c;background-color:#08080c}.reader-root.theme-charcoal{color:#f1f5f9;--bg-surface:#121218;--bg-header:#121218eb;--bg-glass:#ffffff0d;--border-color:#ffffff1a;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-inverse:#121218;background-color:#121218}.reader-root.theme-light{color:#09090b;--bg-surface:#fff;--bg-header:#ffffffeb;--bg-glass:#0000000a;--bg-glass-hover:#00000014;--border-color:#00000026;--border-active:#000;--text-primary:#09090b;--text-secondary:#475569;--text-inverse:#fff;background-color:#f8fafc}.reading-progress-bar{background:var(--text-primary);z-index:2000;height:3px;box-shadow:var(--glow-white);transition:width .1s ease-out;position:fixed;top:0;left:0}.reader-header{z-index:1500;background:var(--bg-header);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;transition:transform var(--transition-fast);padding:12px 24px;position:sticky;top:0}.reader-header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:0 auto;display:flex}.reader-header-left{align-items:center;gap:16px;display:flex}.reader-exit-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.reader-exit-btn:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.reader-title-group{flex-direction:column;display:flex}.reader-manhwa-title{color:var(--text-primary);font-size:15px;font-weight:900;line-height:1.2}.reader-ch-subtitle{color:var(--text-muted);font-size:12px}.reader-header-center{align-items:center;gap:10px;display:flex}.ch-nav-btn{background:var(--bg-glass);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.ch-nav-btn:hover:not(:disabled){background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.ch-nav-btn:disabled{opacity:.3;cursor:not-allowed}.chapter-select{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;padding:8px 16px;font-size:13px;font-weight:700}.chapter-select:focus{border-color:var(--border-active)}.reader-header-right{align-items:center;gap:10px;display:flex}.reader-action-btn{background:var(--bg-glass);border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.reader-action-btn:hover,.reader-action-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.reader-settings-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:16px;max-width:1440px;margin:14px auto 0;padding:18px 24px;display:flex}.settings-row{align-items:center;gap:16px;display:flex}.settings-label{color:var(--text-secondary);align-items:center;gap:8px;width:160px;font-size:13px;font-weight:700;display:flex}.settings-options{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.setting-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:12px;font-weight:700}.setting-btn:hover{border-color:var(--border-active);color:var(--text-primary)}.setting-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.reader-content-body{width:100%;transition:max-width var(--transition-normal);flex-direction:column;align-items:center;margin:32px auto;padding:0 20px;display:flex}.reader-content-body.width-narrow{max-width:720px}.reader-content-body.width-medium{max-width:900px}.reader-content-body.width-wide{max-width:1100px}.reader-content-body.width-full{max-width:100%}.webtoon-pages-stack{flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.webtoon-page-frame{flex-direction:column;align-items:center;width:100%;display:flex;position:relative;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.webtoon-page-img{width:100%;height:auto;display:block}.protected-reader-img{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-khtml-user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important;pointer-events:none!important}.reader-img-shield{z-index:3;background:0 0;width:100%;height:100%;position:absolute;inset:0;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.page-watermark{letter-spacing:.1em;color:#fff6;text-shadow:0 2px 4px #000c;pointer-events:none;z-index:4;font-size:10px;font-weight:900;position:absolute;bottom:12px;right:16px}.single-page-view{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.single-page-frame{justify-content:center;width:100%;display:flex;position:relative;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}.single-page-img{object-fit:contain;border-radius:var(--radius-sm);max-width:100%;max-height:85vh;box-shadow:var(--shadow-lg)}.single-page-controls{align-items:center;gap:16px;display:flex}.page-num-display{color:var(--text-primary);font-size:14px;font-weight:800}.chapter-bottom-nav{flex-direction:column;align-items:center;gap:14px;width:100%;margin:36px 0 24px;display:flex}.chapter-bottom-nav-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.bottom-ch-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.bottom-ch-btn:hover:not(:disabled){background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.bottom-ch-btn:disabled{opacity:.3;cursor:not-allowed;border-color:var(--border-color)}.scroll-top-btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.reader-comments-section{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-color);flex-direction:column;gap:24px;width:100%;margin-top:32px;padding:36px;display:flex}.comments-header h3{align-items:center;gap:10px;font-size:18px;font-weight:900;display:flex}.comments-sub{color:var(--text-muted);font-size:13px}.comment-form{flex-direction:column;gap:12px;display:flex}.comment-form textarea{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:14px;font-size:14px}.comment-form textarea:focus{border-color:var(--border-active)}.comment-form-actions{justify-content:space-between;align-items:center;display:flex}.spoiler-checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.comment-submit-btn{align-items:center;gap:8px;padding:10px 20px;font-size:13px;display:flex}.comments-list{flex-direction:column;gap:14px;display:flex}.comment-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);gap:16px;padding:18px;display:flex}.comment-avatar{border-radius:var(--radius-full);background:var(--text-primary);width:36px;height:36px;color:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.comment-content{flex-direction:column;flex:1;gap:6px;display:flex}.comment-author-row{align-items:center;gap:10px;display:flex}.comment-author{color:var(--text-primary);font-size:14px;font-weight:800}.comment-body{color:var(--text-primary);font-size:14px;line-height:1.5}.comment-footer{align-items:center;gap:12px;margin-top:4px;display:flex}.like-comment-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.like-comment-btn:hover{color:#ef4444}@media (width<=480px){.reader-comments-section{border-radius:var(--radius-md);gap:14px;margin-top:20px;padding:16px 12px}.comments-header h3{gap:6px;font-size:15px}.comments-sub{font-size:11.5px;display:block}.comment-form textarea{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px}.comment-form-actions{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px}.comment-submit-btn{border-radius:var(--radius-sm);padding:8px 16px;font-size:12px}.spoiler-checkbox-label{font-size:11.5px}.comments-list{gap:10px}.comment-card{border-radius:var(--radius-sm);flex-direction:row;align-items:flex-start;gap:10px;padding:12px;display:flex}.comment-avatar{flex-shrink:0;width:32px;height:32px;font-size:12px}.comment-content{gap:4px}.comment-author-row{flex-wrap:wrap;align-items:baseline;gap:6px}.comment-author{font-size:13px;font-weight:800}.comment-time{font-size:10px}.comment-body{font-size:13px;line-height:1.5}}@media (width<=380px){.reader-comments-section{padding:12px 8px}.comment-card{gap:8px;padding:10px 8px}.comment-avatar{width:28px;height:28px;font-size:11px}.comment-author,.comment-body{font-size:12px}.comment-submit-btn{justify-content:center;width:100%}}@media (width<=768px){.reader-header{padding:8px 12px}.reader-title-group{display:none}.reader-header-inner{justify-content:space-between}.reader-header-left,.reader-header-center,.reader-header-right{gap:8px}.chapter-select{max-width:130px;padding:6px 10px;font-size:12px}.ch-nav-btn,.reader-action-btn{width:34px;height:34px}.reader-settings-panel{margin:8px 12px 0;padding:16px}.settings-row{flex-direction:column;align-items:flex-start;gap:8px}.settings-options{justify-content:space-between;width:100%}.setting-btn{text-align:center;flex:1;justify-content:center;padding:8px;font-size:11px}.reader-content-body{margin:16px auto;padding:0}.chapter-bottom-nav{gap:10px;width:100%;margin:24px 0;padding:0 12px}.chapter-bottom-nav-row{gap:8px;width:100%;flex-direction:row!important;display:flex!important}.bottom-ch-btn{flex:1;justify-content:center;padding:10px 8px;font-size:12.5px}.scroll-top-btn{justify-content:center;width:100%;padding:10px;font-size:12px}}@media (width<=380px){.chapter-bottom-nav-row{gap:5px}.bottom-ch-btn{gap:3px;padding:8px 4px;font-size:11px}}@media (width<=768px){.reader-exit-btn span{display:none}.reader-exit-btn{border-radius:var(--radius-md);justify-content:center;width:34px;height:34px;padding:0}.reader-header-inner{scrollbar-width:none;flex-wrap:nowrap;gap:4px;overflow-x:auto}.reader-header-inner::-webkit-scrollbar{display:none}.chapter-select{max-width:110px;padding:4px 6px;font-size:11px}.ch-nav-btn,.reader-action-btn{flex-shrink:0;width:32px;height:32px}.reader-header-left,.reader-header-center,.reader-header-right{flex-shrink:0;gap:4px}}.chapter-select option{background-color:var(--bg-surface);color:var(--text-primary)}.library-root{flex-direction:column;gap:28px;display:flex}.library-header{flex-direction:column;gap:20px;padding:32px;display:flex}.library-title-area h1{text-transform:uppercase;align-items:center;gap:12px;margin-bottom:6px;font-size:26px;font-weight:900;display:flex}.library-title-area p{color:var(--text-secondary);font-size:14px}.library-tabs{border-top:1px solid var(--border-color);gap:12px;padding-top:16px;display:flex}.tab-btn{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:flex}.tab-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.library-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px;display:flex}.empty-icon{color:var(--text-muted);opacity:.5}.library-empty h3{font-size:20px;font-weight:800}.library-empty p{color:var(--text-secondary);max-width:400px;font-size:14px}.history-top-bar{color:var(--text-muted);letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:800;display:flex}.clear-history-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-weight:600;display:flex}.clear-history-btn:hover{color:var(--text-primary)}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{align-items:center;gap:20px;padding:16px 20px;display:flex}.history-cover{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);width:60px;height:84px}.history-details{flex:1}.history-title{color:var(--text-primary);cursor:pointer;margin-bottom:4px;font-size:16px;font-weight:800}.history-title:hover{text-decoration:underline}.history-ch{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.history-date{color:var(--text-muted);font-size:11px}.history-resume-btn{padding:10px 18px;font-size:13px;font-weight:800}@media (width<=768px){.library-header{gap:16px;padding:20px 16px}.library-title-area h1{font-size:22px}.library-tabs{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center;font-size:13px}.library-empty{padding:40px 20px}.library-empty h3{font-size:18px}.history-card{flex-wrap:wrap;gap:14px;padding:14px}.history-details{flex:1;min-width:160px}.history-resume-btn{justify-content:center;width:100%}}.catalog-root{flex-direction:column;gap:28px;display:flex}.catalog-header{flex-direction:column;gap:24px;padding:32px;display:flex}.catalog-title-area h1{text-transform:uppercase;align-items:center;gap:12px;margin-bottom:6px;font-size:26px;font-weight:900;display:flex}.catalog-title-area p{color:var(--text-secondary);font-size:14px}.catalog-filters-box{flex-direction:column;gap:16px;display:flex}.catalog-search-input{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;width:100%;padding:12px 18px;display:flex}.catalog-search-input input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:14px}.filter-dropdowns-row{flex-wrap:wrap;gap:16px;display:flex}.select-group{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.select-group select{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;padding:8px 14px;font-size:13px;font-weight:600}.catalog-genres-row{border-top:1px solid var(--border-color);flex-wrap:wrap;align-items:center;gap:12px;padding-top:16px;display:flex}.genre-label{color:var(--text-muted);text-transform:uppercase;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.genres-pills-wrap{flex-wrap:wrap;gap:8px;display:flex}.genre-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:6px 12px;font-size:12px;font-weight:600}.genre-btn.active,.genre-btn:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.catalog-results-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.catalog-results-header h2{letter-spacing:.05em;color:var(--text-muted);font-size:16px;font-weight:800}.reset-filters-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}.catalog-empty{text-align:center;color:var(--text-muted);padding:60px}.admin-root{flex-direction:column;gap:24px;display:flex}.admin-top-banner{background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:20px;padding:28px 36px;display:flex}.admin-title-group{align-items:center;gap:18px;display:flex}.admin-shield-icon{border-radius:var(--radius-md);background:var(--text-primary);width:52px;height:52px;color:var(--text-inverse);box-shadow:var(--glow-white);justify-content:center;align-items:center;display:flex}.admin-title{letter-spacing:.04em;text-transform:uppercase;font-size:24px;font-weight:900;line-height:1.2}.admin-subtitle{color:var(--text-secondary);align-items:center;gap:8px;margin-top:4px;font-size:13px;display:flex}.owner-badge-pill{background:var(--accent-white);color:var(--text-inverse);border-radius:var(--radius-full);box-shadow:var(--glow-white);align-items:center;gap:4px;padding:3px 10px;font-size:10px;font-weight:900;display:inline-flex}.admin-badge-pill{color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-color);background:#ffffff1a;padding:3px 10px;font-size:10px;font-weight:800}.admin-stats-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{transition:transform var(--transition-fast), border-color var(--transition-fast);border-radius:var(--radius-md);align-items:center;gap:18px;padding:22px 24px;display:flex}.stat-card:hover{border-color:var(--border-active);transform:translateY(-2px)}.stat-icon{color:var(--text-primary)}.stat-info{flex-direction:column;display:flex}.stat-num{font-family:var(--font-display);color:var(--text-primary);font-size:26px;font-weight:900}.stat-label{color:var(--text-muted);font-size:12px;font-weight:600}.admin-tabs{border-radius:var(--radius-lg);flex-wrap:wrap;gap:10px;padding:12px 18px;display:flex}.admin-tab-btn{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;display:flex}.admin-tab-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:var(--glow-white)}.admin-section{border-radius:var(--radius-lg);flex-direction:column;gap:24px;padding:32px;display:flex}.section-top-controls{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.action-buttons-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.admin-action-btn-primary{background:var(--text-primary);color:var(--text-inverse);border:1px solid var(--text-primary);border-radius:var(--radius-md);letter-spacing:.02em;cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 14px #ffffff26}.admin-action-btn-primary:hover{box-shadow:var(--glow-white);color:#000;background:#fff;transform:translateY(-2px)}.admin-action-btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:inline-flex}.admin-action-btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translateY(-1px)}.admin-action-btn-danger{color:#f87171;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef44444d;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.admin-action-btn-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444}.manager-modal-card{max-width:640px}.manager-title{font-size:20px!important}.manager-tabs-nav{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.manager-tab-btn{border-radius:var(--radius-md);background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:700;display:flex}.manager-tab-btn.active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:var(--glow-white)}.manager-chapters-section{flex-direction:column;gap:16px;display:flex}.chapter-tab-top-bar{justify-content:space-between;align-items:center;display:flex}.chapter-tab-top-bar h4{color:var(--text-primary);font-size:15px;font-weight:800}.add-ch-btn-sm{padding:6px 14px!important;font-size:12px!important}.chapters-tab-empty{text-align:center;background:var(--bg-main);border:1px dashed var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:12px;padding:32px;display:flex}.manager-chapters-list{flex-direction:column;gap:10px;max-height:360px;display:flex;overflow-y:auto}.manager-chapter-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.manager-ch-info{flex-direction:column;display:flex}.manager-ch-info strong{color:var(--text-primary);font-size:14px}.manager-ch-info span{color:var(--text-muted);font-size:12px}.manager-ch-actions{align-items:center;gap:8px;display:flex}.row-actions-group{align-items:center;gap:10px;display:flex}.admin-row-edit-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.admin-row-edit-btn:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.delete-series-btn{color:#f87171;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef44444d;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.delete-series-btn:hover{color:#fff;background:#ef4444}.chapter-file-dropzone{background:var(--bg-main);border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);padding:24px}.chapter-file-dropzone:hover{border-color:var(--text-primary);background:var(--bg-card-hover)}.dropzone-content{flex-direction:column;align-items:center;gap:6px;display:flex}.dropzone-icon{color:var(--text-primary)}.dropzone-content p{color:var(--text-primary);font-size:14px}.dropzone-subtext{color:var(--text-muted);font-size:12px}.dropzone-loading{color:var(--text-primary);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.preview-grid-header{justify-content:space-between;align-items:center;display:flex}.clear-pages-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:700}.uploaded-pages-grid{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:10px;max-height:220px;padding:12px;display:grid;overflow-y:auto}.page-thumbnail-card{border-radius:var(--radius-sm);border:1px solid var(--border-color);aspect-ratio:2/3;position:relative;overflow:hidden}.page-thumb-img{object-fit:cover;width:100%;height:100%;display:block}.page-num-badge{color:#fff;background:#000000d9;border-radius:4px;padding:2px 5px;font-size:9px;font-weight:900;position:absolute;top:4px;left:4px}.remove-page-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px}.remove-page-btn:hover{background:#ef4444;transform:scale(1.1)}.admin-search-wrapper{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:8px;width:280px;padding:10px 16px;display:flex}.admin-search-wrapper input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.admin-comments-table{flex-direction:column;gap:12px;display:flex}.admin-comment-row{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:16px;padding:16px 20px;display:flex}.admin-comment-row:hover{border-color:var(--border-active)}.user-avatar-badge{border-radius:var(--radius-full);background:var(--text-primary);width:38px;height:38px;color:var(--text-inverse);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.comment-main{flex:1}.comment-user-row{align-items:center;gap:10px;margin-bottom:4px;font-size:12px;display:flex}.user-name{color:var(--text-primary);font-weight:800}.manhwa-target{color:var(--text-secondary)}.comment-time{color:var(--text-muted);font-size:11px}.comment-text-body{color:var(--text-primary);font-size:14px}.delete-post-btn{color:#f87171;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ef44441f;border:1px solid #ef444466;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.delete-post-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.series-list-table{flex-direction:column;gap:12px;display:flex}.series-item-row{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast);align-items:center;gap:20px;padding:16px 20px;display:flex}.series-item-row:hover{border-color:var(--border-active)}.series-row-cover{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);width:50px;height:70px}.series-row-info{flex:1}.series-row-info h4{color:var(--text-primary);font-size:16px;font-weight:800}.series-row-info p{color:var(--text-secondary);margin-top:2px;font-size:13px}.owner-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.transfer-card-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:16px;max-width:580px;padding:28px;display:flex}.transfer-form{flex-direction:column;gap:10px;width:100%;display:flex}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.transfer-input-row{align-items:center;gap:12px;display:flex}.transfer-input{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;flex:1;padding:12px 18px;font-size:14px}.transfer-input:focus{border-color:var(--border-active);box-shadow:var(--shadow-sm)}.transfer-submit-btn{white-space:nowrap;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;display:flex}.transfer-alert{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;display:flex}.admin-modal-backdrop{z-index:999999!important;-webkit-backdrop-filter:blur(14px)!important;box-sizing:border-box!important;touch-action:none!important;background:#040408e0!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:16px!important;animation:.15s ease-out forwards adminModalFadeIn!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}@keyframes adminModalFadeIn{0%{opacity:0}to{opacity:1}}.add-modal-card{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;border-radius:var(--radius-xl)!important;background:var(--bg-surface,#0f0f14)!important;border:1px solid var(--border-color,#ffffff1a)!important;box-sizing:border-box!important;width:100%!important;max-width:620px!important;height:auto!important;max-height:calc(100dvh - 32px)!important;margin:0 auto!important;padding:28px 22px!important;position:relative!important;overflow:hidden auto!important;transform:none!important;box-shadow:0 25px 70px #000000f2!important}.add-modal-card h3{color:var(--text-primary);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:24px;font-size:22px;font-weight:900;display:flex}.add-form{flex-direction:column;gap:18px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.form-group input,.form-group select,.form-group textarea{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--border-active)}.form-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-submit-btn{justify-content:center;width:100%;margin-top:10px;padding:14px;font-size:15px;font-weight:900}.settings-form-area{flex-direction:column;gap:24px;max-width:680px;display:flex}.settings-select{background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;font-weight:600}.settings-hint{color:var(--text-muted);margin-top:8px;font-size:12px;font-style:italic;display:block}.custom-slider-picker{flex-direction:column;gap:8px;max-height:400px;display:flex;overflow-y:auto}.custom-slider-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:14px;padding:10px 16px;display:flex}.custom-slider-item:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.custom-slider-item.selected{border-color:var(--accent-white);background:var(--bg-glass-hover)}.custom-slider-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-color);flex-shrink:0;width:48px;height:64px}.custom-slider-item span{color:var(--text-primary);flex:1;font-size:14px;font-weight:700}.custom-slider-item .check-icon{color:#10b981;flex-shrink:0}@media (width<=768px){.admin-top-banner{text-align:center;flex-direction:column;gap:16px;padding:20px}.admin-stats-row{grid-template-columns:1fr}.admin-section{padding:16px}.section-top-controls{flex-direction:column;align-items:stretch;gap:12px}.action-buttons-group{flex-direction:column;width:100%}.action-buttons-group button{justify-content:center;width:100%}.form-row-2{grid-template-columns:1fr}.add-modal-card{width:95%;max-height:95vh;padding:20px}.transfer-input-row{flex-direction:column}.transfer-submit-btn{justify-content:center;width:100%}.series-item-row{flex-direction:column;align-items:flex-start;gap:12px}.row-actions-group{flex-wrap:wrap;width:100%}.row-actions-group button{flex:1;justify-content:center}.admin-comment-row{flex-direction:column;align-items:flex-start}.manager-tabs-nav{flex-wrap:wrap}.admin-title{font-size:20px}.admin-tabs{justify-content:center;padding:8px}}.user-directory-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.user-directory-card:hover{border-color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.user-info-group{flex:1;align-items:center;gap:16px;display:flex}.user-avatar-large{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--text-primary), #666);width:48px;height:48px;color:var(--text-inverse);box-shadow:var(--glow-white);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:900;display:flex}.user-details h4{color:var(--text-primary);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.user-details p{color:var(--text-secondary);margin-top:4px;font-size:13px}.user-meta-info{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:11px;font-weight:600}.admin-title-group,.admin-subtitle{flex-wrap:wrap;justify-content:center}@media (width<=768px){.user-directory-card{flex-direction:column;align-items:flex-start}.user-info-group{width:100%}.admin-title-group{flex-direction:column;gap:12px}.admin-subtitle{flex-direction:column;gap:8px}}.recruitment-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.recruitment-toggle-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.recruitment-actions-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recruitment-mode-select{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;padding:8px 12px;font-size:13px}.recruitment-color-input{cursor:pointer;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-input);width:44px;height:34px;padding:0}.recruitment-roles-box{background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-color);box-sizing:border-box;width:100%;padding:14px}.recruitment-role-row-responsive{box-sizing:border-box;grid-template-columns:1fr 1.6fr auto;align-items:center;gap:8px;width:100%;margin-bottom:8px;display:grid}.recruitment-role-input,.recruitment-link-input{box-sizing:border-box;background:var(--bg-input);width:100%;min-width:0;color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px;font-size:13px}.recruitment-del-btn{color:#ef4444;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#ef44441f;border:1px solid #ef444459;padding:10px 14px;font-size:12px;font-weight:700}.recruitment-del-btn:hover{color:#fff;background:#ef4444}@media (width<=640px){.recruitment-controls-bar{flex-direction:column;align-items:flex-start}.recruitment-actions-inline{justify-content:space-between;width:100%}.recruitment-mode-select{flex:1}.recruitment-role-row-responsive{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#ffffff05;grid-template-columns:1fr;margin-bottom:12px;padding:10px}.recruitment-del-btn{text-align:center;width:100%;padding:8px}}.settings-panel-grid{flex-direction:column;gap:22px;display:flex}.settings-card{background:var(--bg-surface,#0f0f14);border:1px solid var(--border-color,#ffffff14);border-radius:var(--radius-lg,16px);padding:24px;transition:border-color .2s,box-shadow .2s;box-shadow:0 10px 30px #00000059}.settings-card:hover{border-color:#ffffff29}.settings-card-header{border-bottom:1px solid var(--border-color,#ffffff0f);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.settings-card-title-group{align-items:center;gap:12px;display:flex}.settings-card-icon-wrap{border-radius:var(--radius-md,10px);border:1px solid var(--border-color,#ffffff1a);width:40px;height:40px;color:var(--text-primary,#fff);background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-card-title{color:var(--text-primary,#fff);letter-spacing:-.01em;font-size:16px;font-weight:800}.settings-card-desc{color:var(--text-secondary,#a1a1aa);margin-top:2px;font-size:12.5px}.settings-card-badge{text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary,#a1a1aa);background:#ffffff0d;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800}.settings-slider-modes{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px;display:grid}.settings-mode-pill{background:var(--bg-input,#18181f);border:1px solid var(--border-color,#ffffff14);border-radius:var(--radius-md,10px);color:var(--text-secondary,#a1a1aa);cursor:pointer;text-align:center;padding:12px 14px;font-size:13px;font-weight:700;transition:all .2s}.settings-mode-pill:hover{background:var(--bg-card-hover,#202028);color:var(--text-primary,#fff)}.settings-mode-pill.active{color:#000;background:#fff;border-color:#fff;box-shadow:0 4px 14px #fff3}.settings-toggle-switch{cursor:pointer;color:var(--text-primary,#fff);align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex}.settings-switch-track{border:1px solid var(--border-color,#ffffff26);background:#ffffff1a;border-radius:999px;width:44px;height:24px;transition:background .25s;position:relative}.settings-switch-track.active{background:#10b981;border-color:#10b981}.settings-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:3px}.settings-switch-track.active .settings-switch-thumb{transform:translate(19px)}.settings-field-group{flex-direction:column;gap:6px;display:flex}.settings-field-label{color:var(--text-muted,#71717a);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.settings-modern-input,.settings-modern-textarea{box-sizing:border-box;background:var(--bg-input,#14141a);border:1px solid var(--border-color,#ffffff14);border-radius:var(--radius-md,10px);width:100%;color:var(--text-primary,#fff);outline:none;padding:12px 14px;font-size:13.5px;transition:all .2s}.settings-modern-input:focus,.settings-modern-textarea:focus{background:#181822;border-color:#fff;box-shadow:0 0 0 3px #ffffff14}.settings-sticky-footer{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg,16px);background:#0f0f14f0;border:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px 24px;display:flex;position:sticky;bottom:20px;box-shadow:0 20px 40px #0009}.save-settings-hero-btn{color:#000;border-radius:var(--radius-md,10px);cursor:pointer;background:#fff;border:none;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:900;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 6px 20px #ffffff40}.save-settings-hero-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #fff6}.save-settings-hero-btn:active{transform:translateY(0)}.settings-saved-toast{color:#10b981;border-radius:var(--radius-md,8px);background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:800;display:inline-flex}@media (width<=768px){.settings-card{padding:16px}.settings-sticky-footer{flex-direction:column;padding:14px;bottom:12px}.save-settings-hero-btn{justify-content:center;width:100%}}.modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(16px);opacity:1;background:#040406d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-no-shift{animation:.15s ease-out forwards modalFadeOnly}@keyframes modalFadeOnly{0%{opacity:0}to{opacity:1}}.login-modal-card{background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:350px;padding:28px 20px 24px;display:flex;position:relative;box-shadow:0 20px 50px #000000d9;transform:none!important}.modal-card-static{animation:none!important;transform:none!important}.modal-close-btn{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:28px;height:28px;transition:background var(--transition-fast), color var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary)}.modal-header-badge{flex-direction:column;align-items:center;gap:8px;display:flex}.modal-icon-wrap{background:#6366f11f;border:1px solid #6366f140;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:4px;display:flex}.modal-icon-wrap .shield-icon{color:#818cf8}.modal-header-badge h2{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:900}.modal-header-badge p{color:var(--text-muted);max-width:280px;margin:0;font-size:12px;line-height:1.5}.google-oauth-box{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:44px;margin-top:22px;display:flex;direction:ltr!important}.google-btn-wrapper{justify-content:center;align-items:center;width:100%;min-height:44px;display:flex;direction:ltr!important}.google-btn-wrapper iframe{direction:ltr!important;margin:0 auto!important}@media (width<=380px){.login-modal-card{border-radius:10px;max-width:310px;padding:22px 14px}.modal-header-badge h2{font-size:16px}.modal-header-badge p{font-size:11.5px}.google-oauth-box{margin-top:16px}}.customize-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040406d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.customize-modal-card{border-radius:var(--radius-lg);flex-direction:column;width:400px;max-width:90vw;padding:30px;display:flex;position:relative;box-shadow:0 10px 40px #00000080}.modal-close-btn{color:var(--text-muted);cursor:pointer;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .2s;display:flex;position:absolute;top:15px;right:15px}.modal-close-btn:hover{color:#fff}.customize-modal-card input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb), .2);outline:none}.customize-modal-card button[type=submit]{transition:all .2s}.customize-modal-card button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.customize-modal-card button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.footer-root{background:radial-gradient(ellipse 80% 50% at 50% 0%, #6366f10a, transparent 70%), var(--bg-surface);border-top:1px solid var(--border-color);margin-top:70px;padding:50px 24px 28px;position:relative;overflow:hidden}.footer-root:before{content:"";background:linear-gradient(90deg,#0000,#6366f14d,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.footer-inner{flex-direction:column;gap:40px;max-width:1360px;margin:0 auto;display:flex}.footer-grid{grid-template-columns:2.2fr 1.3fr 1.5fr 1.5fr;align-items:start;gap:40px;display:grid}.footer-heading{letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;margin:0 0 16px;font-size:12px;font-weight:900}.footer-logo{cursor:pointer;transition:transform var(--transition-fast);align-items:center;gap:10px;margin-bottom:12px;display:inline-flex}.footer-logo:hover{transform:scale(1.02)}.brand-desc{color:var(--text-secondary);max-width:380px;margin:0 0 16px;font-size:13px;line-height:1.65}.security-badge-modern{color:#22c55e;border-radius:var(--radius-full);background:#22c55e14;border:1px solid #22c55e33;align-items:center;gap:6px;margin-bottom:18px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.shield-icon{color:#22c55e}.footer-socials-row{align-items:center;gap:8px;display:flex}.social-pill{border-radius:var(--radius-md);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff08;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-pill:hover{color:#fff;border-color:var(--border-active);transform:translateY(-2px)}.social-pill.tg:hover{background:#229ed9;border-color:#229ed9;box-shadow:0 4px 14px #229ed959}.social-pill.tt:hover{background:#000;border-color:#ff0050;box-shadow:0 4px 14px #ff005059}.social-pill.ig:hover{background:#e1306c;border-color:#e1306c;box-shadow:0 4px 14px #e1306c59}.social-pill.fb:hover{background:#1877f2;border-color:#1877f2;box-shadow:0 4px 14px #1877f259}.social-pill.yt:hover{background:red;border-color:red;box-shadow:0 4px 14px #ff000059}.footer-links-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-links-list li{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;width:fit-content;font-size:13.5px;font-weight:700;display:flex}.link-bullet{background:var(--text-muted);width:4px;height:4px;transition:all var(--transition-fast);border-radius:50%}.footer-links-list li:hover{color:var(--text-primary);transform:translate(-3px)}.footer-links-list li:hover .link-bullet{background:var(--text-primary);width:6px}.footer-links-list li.staff-login-link{border-radius:var(--radius-sm);border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff08;margin-top:6px;padding:4px 8px;font-size:12px}.footer-links-list li.staff-login-link:hover{color:var(--text-primary);border-color:var(--border-active)}.footer-genre-cloud{flex-wrap:wrap;gap:6px;display:flex}.footer-genre-chip{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;padding:4px 9px;font-size:11px;font-weight:700}.footer-genre-chip:hover{color:var(--text-primary);border-color:var(--border-active);background:#ffffff14;transform:translateY(-1px)}.creator-card-modern{border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#ffffff05;align-items:center;gap:12px;width:100%;max-width:240px;padding:12px 14px;text-decoration:none;display:flex}.creator-card-modern:hover{background:#ffffff0d;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 20px -6px #0006}.creator-avatar-wrap{flex-shrink:0;width:42px;height:42px;position:relative}.creator-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-color);width:100%;height:100%}.creator-dev-dot{border:2px solid var(--bg-surface);background:#6366f1;border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.creator-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.creator-name-row{align-items:center;gap:5px;display:flex}.creator-name{color:var(--text-primary);font-size:13.5px;font-weight:900}.ext-icon{color:var(--text-muted)}.creator-role{color:var(--text-muted);font-size:11px;font-weight:700}.footer-bottom-bar{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:20px;font-size:12.5px;display:flex}.footer-copyright strong{color:var(--text-primary)}.modern-back-top-btn{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;display:inline-flex}.modern-back-top-btn:hover{color:var(--text-primary);border-color:var(--border-active);background:#ffffff14;transform:translateY(-2px)}@media (width<=960px){.footer-grid{grid-template-columns:1fr 1fr;gap:30px}}@media (width<=600px){.footer-root{padding:40px 16px 24px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:32px}.footer-logo{justify-content:center}.brand-desc,.security-badge-modern{margin:0 auto 16px}.footer-socials-row{justify-content:center}.footer-links-list{align-items:center}.footer-links-list li,.footer-genre-cloud{justify-content:center}.creator-card-modern{margin:0 auto}.footer-bottom-bar{text-align:center;flex-direction:column;gap:16px}}.recruitment-ring-btn{cursor:pointer;z-index:9999;touch-action:manipulation;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:fixed;bottom:24px;right:24px;left:auto!important}html[dir=rtl] .recruitment-ring-btn{left:auto!important;right:24px!important}@media (width<=480px){.recruitment-ring-btn,html[dir=rtl] .recruitment-ring-btn{width:46px;height:46px;bottom:18px;left:auto!important;right:16px!important}}.recruitment-ring-btn:hover{transform:scale(1.12)}.animate-ring-pulse{animation:2.2s infinite ring-pulse}@keyframes ring-pulse{0%{transform:scale(1);box-shadow:0 0 #00d2ff99,0 8px 24px #0006}50%{transform:scale(1.04);box-shadow:0 0 0 16px #00d2ff00,0 10px 28px #00000080}to{transform:scale(1);box-shadow:0 0 #00d2ff00,0 8px 24px #0006}}.ring-bell-icon{animation:2s ease-in-out infinite bell-tilt}@keyframes bell-tilt{0%,to{transform:rotate(0)}20%,60%{transform:rotate(12deg)}40%,80%{transform:rotate(-12deg)}}.recruitment-badge{color:#fff;border:2px solid var(--bg-main,#040406);background:#ff0050;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 4px;font-size:11px;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ff005080}.recruitment-modal-backdrop{z-index:100000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#040406e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.recruitment-modal-card{background:var(--bg-surface,#0f0f14);border:1px solid var(--border-color,#ffffff1a);border-radius:var(--radius-lg,16px);flex-direction:column;width:100%;max-width:460px;padding:32px 24px;display:flex;position:relative;box-shadow:0 24px 48px #0009}.recruitment-close-btn{background:var(--bg-main,#040406);border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary,#a1a1aa);cursor:pointer;width:34px;height:34px;transition:all var(--transition-fast,.2s);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.recruitment-close-btn:hover{background:var(--text-primary,#fff);color:#000}.recruitment-header{text-align:center;border-top:4px solid;border-radius:4px;margin-bottom:24px;padding-top:20px}.recruitment-header-tag{letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:800;display:inline-flex}.recruitment-header h2{color:var(--text-primary,#fff);letter-spacing:-.02em;margin-bottom:8px;font-size:22px;font-weight:900}.recruitment-header p{color:var(--text-secondary,#a1a1aa);font-size:14px;line-height:1.6}.recruitment-roles-list{flex-direction:column;gap:10px;display:flex}.recruitment-role-card{border:1px solid var(--border-color,#ffffff14);border-radius:var(--radius-md,12px);color:var(--text-primary,#fff);background:#ffffff08;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.recruitment-role-card:hover{border-color:var(--hover-color,#00d2ff);background:#ffffff14;transform:translateY(-2px)}.role-action-pill{align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.most-popular-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:40px;padding:24px}.popular-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.popular-tabs{background:var(--bg-card,#ffffff0d);border:1px solid var(--border-color);border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px;display:flex}.popular-tab-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast,.2s);background:0 0;border:none;padding:7px 16px;font-size:12.5px;font-weight:700;line-height:1}.popular-tab-btn:hover{color:var(--text-primary)}.popular-tab-btn.active{background:#fff;font-weight:800;box-shadow:0 2px 10px #fff3;color:#000!important}[data-theme=light] .popular-tabs{background:#e2e8f0;border-color:#0000001f}[data-theme=light] .popular-tab-btn{color:#475569}[data-theme=light] .popular-tab-btn:hover{color:#09090b}[data-theme=light] .popular-tab-btn.active{background:#09090b;box-shadow:0 2px 10px #0003;color:#fff!important}.popular-list-container{flex-direction:column;gap:12px;display:flex}.empty-popular{text-align:center;color:var(--text-muted);background:var(--bg-glass);border-radius:var(--radius-md);border:1px dashed var(--border-color);padding:40px}.popular-list-item{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast,.2s);align-items:center;gap:15px;padding:12px 16px;display:flex}.popular-list-item:hover{background:var(--bg-card-hover);border-color:var(--border-active);transform:translate(4px)}.popular-rank{flex-shrink:0;justify-content:center;width:36px;display:flex}.rank-num{color:var(--text-muted);opacity:.6;font-size:22px;font-style:italic;font-weight:900}.rank-1{color:gold;opacity:1;text-shadow:0 0 10px #ffd70066}.rank-2{color:silver;opacity:1;text-shadow:0 0 10px #c0c0c066}.rank-3{color:#cd7f32;opacity:1;text-shadow:0 0 10px #cd7f3266}.popular-cover-wrapper{border:1px solid var(--border-color);border-radius:6px;flex-shrink:0;width:52px;height:72px;overflow:hidden}.popular-cover{object-fit:cover;width:100%;height:100%}.popular-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.popular-title{color:var(--text-primary);-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.popular-meta{color:var(--text-secondary);align-items:center;gap:15px;font-size:12px;display:flex}.popular-rating,.popular-views{align-items:center;gap:5px;font-weight:600;line-height:1;display:flex}.popular-rating svg,.popular-views svg{transform:translateY(-1px)}.popular-rating{color:#f59e0b}.popular-views{color:var(--text-secondary)}@media (width<=640px){.most-popular-section{border-radius:var(--radius-md);margin-top:24px;padding:16px 14px}.popular-header-row{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.popular-tabs{justify-content:space-between;gap:2px;width:100%;padding:3px;display:flex}.popular-tab-btn{text-align:center;white-space:nowrap;flex:1;min-width:0;padding:7px 4px;font-size:11px}.popular-list-item{gap:10px;padding:10px 12px}.popular-cover-wrapper{width:44px;height:62px}.popular-rank{width:24px}.rank-num{font-size:17px}.popular-title{font-size:13.5px}.popular-meta{gap:10px;font-size:11px}}.staff-page-root{flex-direction:column;gap:24px;max-width:1360px;margin:0 auto;padding:24px 20px 60px;display:flex}.staff-back-btn{align-self:flex-start;margin-bottom:8px}.staff-hero-card{border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:14px;padding:36px 30px;display:flex;position:relative;overflow:hidden}.staff-hero-badge{border-radius:var(--radius-full);color:#818cf8;background:#6366f11f;border:1px solid #6366f14d;align-items:center;gap:6px;padding:4px 14px;font-size:12px;font-weight:800;display:inline-flex}.staff-hero-title{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:28px;font-weight:900}.staff-hero-desc{max-width:680px;color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.staff-stats-row{box-sizing:border-box;grid-template-columns:repeat(6,1fr);gap:12px;width:100%;max-width:960px;margin-top:12px;display:grid}.staff-stat-box{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:transform var(--transition-fast), border-color var(--transition-fast);box-shadow:var(--shadow-sm);box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.staff-stat-box:hover{border-color:var(--border-active);transform:translateY(-2px)}.staff-stat-box .stat-number{color:var(--text-primary);font-size:20px;font-weight:900}.staff-stat-box .stat-label{color:var(--text-muted);font-size:11px;font-weight:700}.staff-tabs-wrapper{border-radius:var(--radius-xl);border:1px solid var(--border-color);-webkit-overflow-scrolling:touch;padding:8px 12px;overflow-x:auto}.staff-tabs-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.staff-tab-btn{color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;display:flex}.staff-tab-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}.staff-tab-btn.active{background:var(--bg-main);border-color:var(--border-active);color:var(--text-primary);box-shadow:var(--shadow-sm)}.staff-tab-btn.tab-trans.active{color:#60a5fa;background:#3b82f61a;border-color:#3b82f680}.staff-tab-btn.tab-clean.active{color:#c084fc;background:#a855f71a;border-color:#a855f780}.staff-tab-btn.tab-type.active{color:#facc15;background:#eab3081a;border-color:#eab30880}.staff-tab-btn.tab-proof.active{color:#4ade80;background:#22c55e1a;border-color:#22c55e80}.staff-tab-btn.tab-cover.active{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e80}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px;display:grid}.staff-member-card{border-radius:var(--radius-xl);border:1px solid var(--border-color);background:var(--bg-surface);transition:all var(--transition-normal);flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000040}.staff-member-card:hover{border-color:var(--border-active);transform:translateY(-3px);box-shadow:0 12px 30px -10px #0006}.staff-member-header{align-items:center;gap:14px;display:flex}.staff-avatar-ring{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:50%;flex-shrink:0;width:58px;height:58px;padding:2px;position:relative}.staff-avatar-img{object-fit:cover;background:var(--bg-main);border-radius:50%;width:100%;height:100%;display:block}.staff-avatar-monogram{color:#fff;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:20px;font-weight:900;display:flex}.staff-online-dot{border:2px solid var(--bg-surface);background:#22c55e;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.staff-member-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.staff-member-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:900;overflow:hidden}.staff-projects-count-pill{color:#818cf8;border-radius:var(--radius-full);background:#6366f11f;border:1px solid #6366f14d;align-items:center;gap:4px;width:fit-content;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.staff-custom-title-badge{color:#fbbf24;border-radius:var(--radius-full);background:linear-gradient(135deg,#f59e0b2e,#ea580c2e);border:1px solid #f59e0b73;align-items:center;gap:4px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 0 12px #f59e0b26}.staff-member-card.dev-member-card{background:var(--bg-surface);border-color:#6366f159;box-shadow:0 4px 20px #00000040}.staff-member-card.dev-member-card:hover{border-color:#6366f199;box-shadow:0 12px 30px -10px #6366f133}.staff-avatar-ring.dev-avatar-ring{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 14px #6366f14d}.staff-custom-title-badge.dev-title-badge{color:#818cf8;background:#6366f126;border:1px solid #6366f166;box-shadow:0 0 12px #6366f126}.staff-projects-count-pill.dev-pill{color:#818cf8;background:#6366f11a;border:1px solid #6366f14d;align-items:center;gap:5px;display:inline-flex}.staff-roles-badges{flex-wrap:wrap;gap:6px;display:flex}.staff-role-badge{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.staff-role-badge.badge-translator{color:#60a5fa;background:#3b82f61a;border-color:#3b82f640}.staff-role-badge.badge-cleaner{color:#c084fc;background:#a855f71a;border-color:#a855f740}.staff-role-badge.badge-typesetter{color:#facc15;background:#eab3081a;border-color:#eab30840}.staff-role-badge.badge-proofreader{color:#4ade80;background:#22c55e1a;border-color:#22c55e40}.staff-role-badge.badge-cover{color:#fb7185;background:#f43f5e1a;border-color:#f43f5e40}.staff-portfolio-section{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;padding-top:12px;display:flex}.staff-portfolio-title{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.staff-no-projects{color:var(--text-muted);padding:6px 0;font-size:11px;font-style:italic}.staff-portfolio-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#fff3 transparent;-webkit-user-select:none;user-select:none;gap:10px;padding-bottom:8px;display:flex;overflow:auto hidden}.staff-portfolio-grid::-webkit-scrollbar{height:4px}.staff-portfolio-grid::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.staff-portfolio-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.staff-work-card{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-color);scroll-snap-align:start;width:72px;height:104px;transition:transform var(--transition-fast), border-color var(--transition-fast);background:var(--bg-main);flex:0 0 72px;position:relative;overflow:hidden}.staff-work-card:hover{border-color:var(--primary,#60a5fa);z-index:10;transform:scale(1.06)}.staff-work-cover{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.staff-work-overlay{opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#0000 30%,#000000e6);flex-direction:column;justify-content:flex-end;padding:4px;display:flex;position:absolute;inset:0}.staff-work-card:hover .staff-work-overlay{opacity:1}.staff-work-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:800;overflow:hidden}.staff-work-type{color:#93c5fd;font-size:7.5px;font-weight:700}.staff-empty-card{text-align:center;border-radius:var(--radius-xl);color:var(--text-secondary);grid-column:1/-1;padding:50px 20px}.empty-staff-icon{color:var(--text-muted);margin-bottom:12px}@media (width<=860px){.staff-stats-row{grid-template-columns:repeat(3,1fr)}.staff-grid{grid-template-columns:1fr}}@media (width<=540px){.staff-page-root{gap:16px;padding:16px 12px 60px}.staff-hero-card{border-radius:var(--radius-lg);gap:10px;padding:20px 14px}.staff-hero-title{font-size:20px}.staff-hero-desc{font-size:12.5px}.staff-stats-row{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;margin-top:8px}.staff-stat-box{width:100%;padding:10px 6px}.staff-stat-box .stat-number{font-size:16px}.staff-stat-box .stat-label{font-size:9.5px}.staff-tabs-wrapper{padding:6px 8px}.staff-tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}.staff-tabs-container::-webkit-scrollbar{display:none}.staff-tab-btn{flex-shrink:0;padding:6px 14px;font-size:12px}.staff-member-card{border-radius:var(--radius-lg);gap:14px;padding:16px 14px}.staff-avatar-ring{width:50px;height:50px}.staff-member-name{font-size:15px}.staff-work-card{flex:0 0 66px;width:66px;height:96px}}:root{--bg-main:#070709;--bg-surface:#0f0f13;--bg-card:#14141a;--bg-card-hover:#1c1c24;--bg-header:#0a0a0ee0;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff17;--border-color:#ffffff1f;--border-light:#ffffff38;--border-active:#fff;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#070709;--accent-white:#fff;--accent-silver:#e2e8f0;--accent-glow:#ffffff40;--accent-tag-bg:#ffffff14;--badge-hot:#fff;--badge-hot-text:#000;--badge-new:#e2e8f0;--badge-new-text:#09090b;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #000000b3;--shadow-lg:0 16px 48px #000000e6;--glow-white:0 0 20px #ffffff2e;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Space Grotesk", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-main:#f8fafc;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-header:#ffffffeb;--bg-glass:#0000000a;--bg-glass-hover:#00000014;--border-color:#0000001f;--border-light:#00000038;--border-active:#000;--text-primary:#09090b;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-white:#000;--accent-silver:#1e293b;--accent-glow:#0003;--accent-tag-bg:#0000000f;--badge-hot:#000;--badge-hot-text:#fff;--badge-new:#1e293b;--badge-new-text:#fff;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 8px 24px #00000014;--shadow-lg:0 16px 48px #0000001f;--glow-white:0 0 20px #00000014}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#root,.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px 48px 60px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.glass-button{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-flex}.glass-button:hover{background:var(--bg-glass-hover);border-color:var(--border-active);transform:translateY(-1px)}.glass-button.active{background:var(--accent-white);color:var(--text-inverse);border-color:var(--accent-white);box-shadow:var(--glow-white)}.btn-primary{background:var(--accent-white);color:var(--text-inverse);border:1px solid var(--accent-white);box-shadow:var(--glow-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.badge-hot{background:var(--badge-hot);color:var(--badge-hot-text)}.badge-new{background:var(--badge-new);color:var(--badge-new-text);border:1px solid var(--border-color)}.badge-status{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff1a}.section-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:12px;font-size:22px;display:flex}.section-title .title-icon{width:24px;height:24px}.view-all-btn{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.view-all-btn:hover{color:var(--text-primary)}.grid-manhwa{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;display:grid}@media (width<=768px){.main-content{padding:16px 20px 80px}}@media (width<=640px){.grid-manhwa{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}[data-theme=light] .ks-logo-img{filter:invert()drop-shadow(0 2px 6px #0000001a)!important}@media (width<=360px){.grid-manhwa{grid-template-columns:repeat(2,1fr);gap:8px}}.home-section{margin-bottom:48px}.home-genre-filter-row{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.home-genre-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:8px 16px;font-size:13px;font-weight:700}.home-genre-btn.active,.home-genre-btn:hover{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:var(--shadow-sm)}.sql-status-pill{background:var(--bg-glass);border:1px solid var(--border-color);width:fit-content;color:var(--text-primary);letter-spacing:.08em;border-radius:var(--radius-full);align-items:center;gap:6px;margin:16px auto -8px;padding:4px 14px;font-size:11px;font-weight:800;display:flex}.ks-entrance-loader{z-index:99999;background:radial-gradient(circle,#14141c 0%,#09090e 60%,#030306 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;overflow:hidden}.ks-loader-bg-glow{pointer-events:none;background:radial-gradient(circle,#ffffff12 0%,#ffffff05 45%,#0000 70%);border-radius:50%;width:420px;height:420px;animation:3s ease-in-out infinite alternate ksPulseGlow;position:absolute}.ks-loader-content{z-index:2;flex-direction:column;align-items:center;display:flex;position:relative}.ks-loader-logo-wrapper{justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:22px;display:flex;position:relative}.ks-loader-icon{object-fit:contain;z-index:3;filter:drop-shadow(0 0 16px #ffffff4d);width:68px;height:68px;animation:2.5s ease-in-out infinite ksFloat}.ks-loader-pulse-ring{border:2px solid #ffffff40;border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite ksRingPulse;position:absolute;inset:0}.ks-loader-pulse-ring-2{border:1px dashed #ffffff1f;border-radius:50%;animation:10s linear infinite ksRotate;position:absolute;inset:-10px}.ks-loader-brand-title{letter-spacing:.22em;color:#fff;text-shadow:0 0 16px #fff6;margin-bottom:20px;font-family:Outfit,Space Grotesk,Inter,sans-serif;font-size:28px;font-weight:900}.ks-loader-progress-track{background:#ffffff14;border-radius:99px;width:180px;height:3px;margin-bottom:16px;position:relative;overflow:hidden}.ks-loader-progress-bar{background:linear-gradient(90deg,#0000,#fff,#0000);border-radius:99px;width:45%;height:100%;animation:1.4s ease-in-out infinite ksShimmer;position:absolute;top:0;left:0}.ks-loader-status-text{color:#ffffffa6;letter-spacing:.02em;margin:0;font-size:13px;font-weight:600;animation:2s ease-in-out infinite ksFadeInOut}@keyframes ksFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ksPulseGlow{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes ksRingPulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}@keyframes ksRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ksShimmer{0%{transform:translate(-150%)}to{transform:translate(250%)}}@keyframes ksFadeInOut{0%,to{opacity:.5}50%{opacity:.95}}img,.card-poster-img,.hero-cover-img,.detail-cover-img,.webtoon-page-img,.single-page-img,.popular-card-thumb,.catalog-card-img,.protected-cover-img,.protected-reader-img{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;-khtml-user-select:none!important;-webkit-user-drag:none!important;user-drag:none!important}