.mjs-container {
max-width: 1100px;
margin: 0 auto;
padding: 1.5rem 1rem 3rem;
}
.mjs-hero {
background: linear-gradient(135deg, #0f1218 0%, #1a0f14 55%, #2a0f18 100%);
border-bottom: 1px solid #262c38;
padding: 3.5rem 1rem 3rem;
text-align: center;
position: relative;
overflow: hidden;
}
.mjs-hero::before {
content: '';
position: absolute;
top: -40%;
left: 50%;
transform: translateX(-50%);
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(220, 38, 38, 0.12) 0%, transparent 60%);
pointer-events: none;
}
.mjs-hero::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60px;
background: linear-gradient(180deg, transparent, rgba(6, 7, 10, 0.6));
pointer-events: none;
}
.mjs-hero-badge {
display: inline-block;
background: rgba(220, 38, 38, 0.15);
border: 1px solid rgba(220, 38, 38, 0.4);
color: #fca5a5;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 0.35rem 0.9rem;
border-radius: 999px;
margin-bottom: 1.1rem;
position: relative;
}
.mjs-title {
font-family: inherit;
font-size: clamp(2.2rem, 6vw, 3.4rem);
letter-spacing: 0.04em;
color: #f1f1f1;
margin: 0 0 0.6rem;
position: relative;
}
.mjs-title span {
color: #dc2626;
background: linear-gradient(135deg, #f87171, #dc2626);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.mjs-subtitle {
color: #9aa3b2;
max-width: 560px;
margin: 0 auto;
line-height: 1.6;
position: relative;
}
.mjs-features {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
margin-top: 1.4rem;
position: relative;
}
.mjs-features span {
background: rgba(34, 197, 94, 0.1);
border: 1px solid rgba(34, 197, 94, 0.3);
color: #86efac;
font-size: 0.75rem;
padding: 0.35rem 0.8rem;
border-radius: 999px;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.mjs-support {
display: flex;
align-items: center;
gap: 1rem;
background: linear-gradient(135deg, #161a22 0%, #1a1418 100%);
border: 1px solid #262c38;
border-radius: 16px;
padding: 1.4rem;
margin-bottom: 1.5rem;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.mjs-support-gif {
width: 90px;
height: 90px;
border-radius: 14px;
object-fit: cover;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
.mjs-support-content p { color: #9aa3b2; margin: 0 0 0.5rem; }
.mjs-support-suggestion { display: flex; align-items: center; gap: 0.6rem; }
.mjs-suggestion {
background: #0f1218;
border: 1px solid #2a3140;
border-radius: 10px;
color: #c3c9d4;
font-size: 0.85rem;
font-weight: 600;
padding: 0.5rem 0.9rem;
cursor: pointer;
transition: all 0.2s ease;
}
.mjs-suggestion:hover { border-color: #dc2626; color: #f1f1f1; transform: translateY(-1px); }
.mjs-suggestion.is-active { background: #dc2626; border-color: #dc2626; color: #fff; }
.mjs-suggestion.is-featured {
background: linear-gradient(135deg, #dc2626, #b91c1c);
color: #fff;
font-size: 1rem;
padding: 0.6rem 1.2rem;
box-shadow: 0 4px 16px rgba(220, 38, 38, 0.35);
}
.mjs-layout { display: grid; grid-template-columns: 1fr 1.2fr; gap: 1.5rem; align-items: start; }
.mjs-form-card {
background: linear-gradient(135deg, #161a22 0%, #1a1418 100%);
border: 1px solid #262c38;
border-radius: 16px;
padding: 1.5rem;
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.mjs-form-card h2 {
margin: 0 0 1rem;
font-size: 1.4rem;
color: #f1f1f1;
display: flex;
align-items: center;
gap: 0.6rem;
}
.mjs-form-card h2::before {
content: '';
width: 4px;
height: 1.2em;
border-radius: 2px;
background: linear-gradient(135deg, #dc2626, #f87171);
}
.mjs-notice {
background: rgba(220, 38, 38, 0.08);
border: 1px solid rgba(220, 38, 38, 0.3);
border-left: 3px solid #dc2626;
border-radius: 10px;
color: #c3c9d4;
font-size: 0.85rem;
padding: 0.7rem 0.9rem;
margin-bottom: 1rem;
}
.mjs-notice strong { color: #fca5a5; }
.mjs-form { display: flex; flex-direction: column; gap: 1rem; }
.mjs-field { display: flex; flex-direction: column; gap: 0.4rem; }
.mjs-field span { font-size: 0.85rem; color: #c3c9d4; font-weight: 500; }
.mjs-field input, .mjs-field textarea {
background: #0f1218;
border: 1px solid #2a3140;
border-radius: 10px;
color: #f1f1f1;
padding: 0.75rem 0.95rem;
font-size: 0.95rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mjs-field input:focus, .mjs-field textarea:focus {
outline: none;
border-color: #dc2626;
box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15);
}
.mjs-field small { color: #7c8494; font-size: 0.75rem; }
.mjs-suggestions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.mjs-submit {
background: linear-gradient(135deg, #dc2626, #b91c1c);
color: #fff;
border: none;
border-radius: 10px;
padding: 0.85rem 1.2rem;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
box-shadow: 0 4px 16px rgba(220, 38, 38, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.mjs-submit:hover { background: linear-gradient(135deg, #ef4444, #dc2626); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(220, 38, 38, 0.4); }
.mjs-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.mjs-form-msg { color: #fca5a5; font-size: 0.85rem; margin: 0; min-height: 1em; }
.mjs-form-msg.is-error { color: #fca5a5; }
.mjs-login-required {
display: flex;
align-items: center;
gap: 0.8rem;
background: rgba(220, 38, 38, 0.08);
border: 1px solid rgba(220, 38, 38, 0.35);
border-radius: 10px;
padding: 1rem;
}
.mjs-login-required-icon { font-size: 1.6rem; }
.mjs-login-required strong { color: #f1f1f1; display: block; }
.mjs-login-required p { color: #9aa3b2; font-size: 0.82rem; margin: 0.2rem 0 0; }
.mjs-login-required-actions { display: flex; flex-direction: column; gap: 0.4rem; }
.mjs-login-btn {
background: #dc2626;
color: #fff;
border: 1px solid #dc2626;
border-radius: 8px;
padding: 0.5rem 1rem;
font-size: 0.82rem;
font-weight: 600;
text-align: center;
text-decoration: none;
}
.mjs-login-btn.is-outline { background: transparent; color: #dc2626; }
.mjs-section { background: linear-gradient(135deg, #161a22 0%, #14171e 100%); border: 1px solid #262c38; border-radius: 16px; padding: 1.3rem; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); }
.mjs-section h2 {
margin: 0 0 1rem;
font-size: 1.2rem;
color: #f1f1f1;
display: flex;
align-items: center;
gap: 0.6rem;
}
.mjs-section h2::before {
content: '';
width: 4px;
height: 1.1em;
border-radius: 2px;
background: linear-gradient(135deg, #dc2626, #f87171);
}
.mjs-section h3 { font-size: 1rem; margin: 1rem 0 0.5rem; }
.mjs-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.mjs-item {
display: flex;
align-items: center;
gap: 0.6rem;
background: #0f1218;
border: 1px solid #262c38;
border-radius: 12px;
padding: 0.6rem 0.7rem;
transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.mjs-item:hover { border-color: #2a3140; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.mjs-avatar {
width: 36px;
height: 36px;
border-radius: 50%;
background: linear-gradient(135deg, #dc2626, #7f1d1d);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.9rem;
flex-shrink: 0;
box-shadow: 0 2px 8px rgba(220, 38, 38, 0.3);
}
.mjs-body { flex: 1; min-width: 0; }
.mjs-body strong { color: #f1f1f1; display: block; font-size: 0.85rem; }
.mjs-body p { color: #9aa3b2; font-size: 0.75rem; margin: 0.1rem 0 0; }
.mjs-amount { color: #dc2626; font-weight: 700; font-size: 0.85rem; white-space: nowrap; }
.mjs-top-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.mjs-top-item {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.6rem 0.7rem;
border: 1px solid #262c38;
border-radius: 12px;
background: #0f1218;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.mjs-top-item:hover { transform: translateY(-1px); border-color: #2a3140; box-shadow: 0 4px 12px rgba(0,0,0,0.2); }
.mjs-top-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background: linear-gradient(135deg, #1f2530, #262c38);
color: #f1f1f1;
font-weight: 700;
font-size: 1rem;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.mjs-top-body { flex: 1; min-width: 0; }
.mjs-top-name { display: flex; align-items: center; gap: 0.4rem; }
.mjs-top-name strong { color: #f1f1f1; font-size: 0.9rem; }
.mjs-top-medal { font-size: 1.1rem; line-height: 1; }
.mjs-top-pos {
font-size: 0.65rem;
font-weight: 700;
padding: 0.1rem 0.4rem;
border-radius: 999px;
background: #262c38;
color: #c3c9d4;
white-space: nowrap;
}
.mjs-top-item.is-rank-1 .mjs-top-pos { background: rgba(255, 215, 0, 0.15); color: #ffd700; }
.mjs-top-item.is-rank-2 .mjs-top-pos { background: rgba(192, 192, 192, 0.15); color: #e0e0e0; }
.mjs-top-item.is-rank-3 .mjs-top-pos { background: rgba(205, 127, 50, 0.15); color: #e8a05a; }
.mjs-top-count { color: #7c8494; font-size: 0.72rem; } .mjs-top-item.is-podium {
border-width: 1px;
background: linear-gradient(135deg, rgba(220, 38, 38, 0.08), rgba(34, 197, 94, 0.05));
}
.mjs-top-item.is-rank-1 {
border-color: rgba(255, 215, 0, 0.55);
box-shadow: 0 4px 20px rgba(255, 215, 0, 0.12);
}
.mjs-top-item.is-rank-1 .mjs-top-avatar {
background: linear-gradient(135deg, #ffd700, #f5c518);
color: #1a1a1a;
box-shadow: 0 2px 8px rgba(255, 215, 0, 0.4);
}
.mjs-top-item.is-rank-2 {
border-color: rgba(192, 192, 192, 0.5);
box-shadow: 0 4px 18px rgba(192, 192, 192, 0.1);
}
.mjs-top-item.is-rank-2 .mjs-top-avatar {
background: linear-gradient(135deg, #c0c0c0, #a8a8a8);
color: #1a1a1a;
box-shadow: 0 2px 8px rgba(192, 192, 192, 0.3);
}
.mjs-top-item.is-rank-3 {
border-color: rgba(205, 127, 50, 0.5);
box-shadow: 0 4px 18px rgba(205, 127, 50, 0.1);
}
.mjs-top-item.is-rank-3 .mjs-top-avatar {
background: linear-gradient(135deg, #cd7f32, #b06a28);
color: #fff;
box-shadow: 0 2px 8px rgba(205, 127, 50, 0.3);
}
.mjs-top-item.is-podium .mjs-top-name strong { font-weight: 700; }
.mjs-top-item.is-rank-1 .mjs-top-name strong { color: #ffd700; }
.mjs-top-item.is-rank-2 .mjs-top-name strong { color: #e0e0e0; }
.mjs-top-item.is-rank-3 .mjs-top-name strong { color: #e8a05a; } .mjs-top-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.mjs-top-header h2 { margin: 0; }
.mjs-top-tabs { display: flex; gap: 0.3rem; background: #0f1218; border: 1px solid #2a3140; border-radius: 8px; padding: 0.2rem; }
.mjs-top-tab {
background: transparent;
border: none;
color: #9aa3b2;
font-size: 0.8rem;
font-weight: 600;
padding: 0.4rem 0.9rem;
border-radius: 6px;
cursor: pointer;
transition: background 0.2s ease, color 0.2s ease;
}
.mjs-top-tab:hover { color: #f1f1f1; }
.mjs-top-tab.is-active { background: #dc2626; color: #fff; }
.mjs-top-panel { display: none; }
.mjs-top-panel.is-active { display: block; } .mjs-pix-card {
background: linear-gradient(135deg, #161a22 0%, #1a1418 100%);
border: 1px solid #262c38;
border-radius: 18px;
padding: 2rem;
text-align: center;
margin-bottom: 1.5rem;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
position: relative;
overflow: hidden;
}
.mjs-pix-card::before {
content: '';
position: absolute;
top: -30%;
left: 50%;
transform: translateX(-50%);
width: 300px;
height: 300px;
background: radial-gradient(circle, rgba(220, 38, 38, 0.1) 0%, transparent 60%);
pointer-events: none;
}
.mjs-pix-amount {
font-size: 2.2rem;
color: #dc2626;
font-weight: 800;
margin: 0 0 1rem;
background: linear-gradient(135deg, #f87171, #dc2626);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
.mjs-pix-qr-wrap { background: #fff; border-radius: 14px; padding: 1rem; display: inline-block; margin-bottom: 1rem; box-shadow: 0 4px 20px rgba(0,0,0,0.3); position: relative; }
.mjs-pix-qr-wrap img { width: 200px; height: 200px; }
.mjs-pix-copy { display: flex; gap: 0.5rem; max-width: 420px; margin: 0 auto 1rem; position: relative; }
.mjs-pix-copy textarea { flex: 1; background: #0f1218; border: 1px solid #2a3140; color: #f1f1f1; border-radius: 10px; font-size: 0.8rem; resize: none; padding: 0.5rem; }
.mjs-copy-btn { background: #262c38; color: #f1f1f1; border: none; border-radius: 10px; padding: 0 1rem; cursor: pointer; transition: background 0.2s ease; }
.mjs-copy-btn:hover { background: #2f3644; }
.mjs-pix-status { color: #86efac; font-size: 0.9rem; position: relative; }
.mjs-pix-card.is-completed { border-color: #22c55e; box-shadow: 0 0 0 1px rgba(34,197,94,0.3); }
.mjs-pix-status.is-completed { color: #22c55e; font-weight: 600; }
.mjs-pix-status.is-completed::before { content: '✓ '; } .mjs-success-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.mjs-success-modal.is-open { visibility: visible; opacity: 1; }
.mjs-success-backdrop { position: absolute; inset: 0; background: rgba(6, 7, 10, 0.75); }
.mjs-success-card {
position: relative;
background: linear-gradient(135deg, #161a22 0%, #14171e 100%);
border: 1px solid #2a3140;
border-radius: 18px;
padding: 2rem;
max-width: 400px;
width: 90%;
text-align: center;
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.mjs-success-icon {
width: 68px;
height: 68px;
margin: 0 auto 1rem;
border-radius: 50%;
background: linear-gradient(135deg, #22c55e, #16a34a);
color: #fff;
font-size: 2rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(34, 197, 94, 0.4);
}
.mjs-success-card h3 { margin: 0 0 0.6rem; color: #f1f1f1; font-size: 1.4rem; }
.mjs-success-text { color: #c3c9d4; font-size: 0.9rem; line-height: 1.5; margin: 0 0 0.8rem; }
.mjs-success-text strong { color: #86efac; }
.mjs-success-discord {
display: block;
background: linear-gradient(135deg, #5865F2, #4752c4);
color: #fff;
border: none;
border-radius: 10px;
padding: 0.8rem 1rem;
font-size: 1rem;
font-weight: 600;
text-align: center;
text-decoration: none;
margin: 1rem 0;
}
.mjs-success-discord:hover { background: #4752c4; }
.mjs-success-close {
background: #262c38;
color: #c3c9d4;
border: 1px solid #2a3140;
border-radius: 8px;
padding: 0.5rem 1.2rem;
font-size: 0.85rem;
cursor: pointer;
}
.mjs-success-close:hover { background: #2f3644; } .mjs-auth-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.mjs-auth-modal.is-open { visibility: visible; opacity: 1; }
.mjs-auth-backdrop { position: absolute; inset: 0; background: rgba(6, 7, 10, 0.75); }
.mjs-auth-card {
position: relative;
background: #161a22;
border: 1px solid #2a3140;
border-radius: 16px;
padding: 2rem;
max-width: 420px;
width: 90%;
max-height: 90vh;
overflow-y: auto;
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.mjs-auth-close {
position: absolute;
top: 0.8rem;
right: 1rem;
background: transparent;
border: none;
color: #9aa3b2;
font-size: 1.6rem;
line-height: 1;
cursor: pointer;
}
.mjs-auth-close:hover { color: #f1f1f1; }
.mjs-auth-panel { display: none; }
.mjs-auth-panel.is-active { display: block; }
.mjs-auth-panel h3 { margin: 0 0 0.4rem; color: #f1f1f1; font-size: 1.4rem; }
.mjs-auth-sub { color: #9aa3b2; font-size: 0.85rem; margin: 0 0 1.2rem; }
.mjs-auth-form { display: flex; flex-direction: column; gap: 0.9rem; }
.mjs-auth-form .mjs-field span { display: block; color: #c3c9d4; font-size: 0.8rem; margin-bottom: 0.3rem; }
.mjs-auth-form input {
width: 100%;
background: #0f1218;
border: 1px solid #2a3140;
color: #f1f1f1;
border-radius: 10px;
padding: 0.7rem 0.85rem;
font-size: 0.9rem;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mjs-auth-form input:focus { outline: none; border-color: #dc2626; box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.15); }
.mjs-auth-msg { color: #fca5a5; font-size: 0.8rem; margin: 0; min-height: 1em; }
.mjs-auth-msg.is-success { color: #86efac; }
.mjs-auth-submit {
background: linear-gradient(135deg, #dc2626, #b91c1c);
color: #fff;
border: none;
border-radius: 10px;
padding: 0.75rem 1rem;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
width: 100%;
box-shadow: 0 4px 16px rgba(220, 38, 38, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mjs-auth-submit:hover { background: linear-gradient(135deg, #ef4444, #dc2626); transform: translateY(-1px); }
.mjs-auth-submit:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }
.mjs-auth-divider {
display: flex;
align-items: center;
gap: 0.8rem;
margin: 1rem 0;
color: #6b7280;
font-size: 0.75rem;
}
.mjs-auth-divider::before, .mjs-auth-divider::after {
content: '';
flex: 1;
height: 1px;
background: #262c38;
}
.mjs-auth-discord {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
background: linear-gradient(135deg, #5865F2, #4752c4);
color: #fff;
border: none;
border-radius: 10px;
padding: 0.75rem 1rem;
font-size: 0.95rem;
font-weight: 600;
text-align: center;
text-decoration: none;
width: 100%;
box-shadow: 0 4px 16px rgba(88, 101, 242, 0.3);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.mjs-auth-discord:hover { background: linear-gradient(135deg, #6b76f5, #5865F2); transform: translateY(-1px); }
.mjs-auth-switch { color: #9aa3b2; font-size: 0.82rem; text-align: center; margin: 1rem 0 0; }
.mjs-auth-link {
background: none;
border: none;
color: #dc2626;
font-size: 0.82rem;
font-weight: 600;
cursor: pointer;
padding: 0;
text-decoration: underline;
}
.mjs-auth-link:hover { color: #f87171; } .mjs-modal {
position: fixed;
inset: 0;
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.mjs-modal.is-open { visibility: visible; opacity: 1; }
.mjs-modal-backdrop { position: absolute; inset: 0; background: rgba(6, 7, 10, 0.7); }
.mjs-modal-card {
position: relative;
width: 100%;
max-width: 440px;
background: #161a22;
border: 1px solid #2a3140;
border-radius: 14px;
padding: 1rem;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.mjs-modal-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.6rem; margin-bottom: 0.7rem; }
.mjs-modal-header h3 { margin: 0; font-size: 1.3rem; color: #f1f1f1; }
.mjs-modal-header p { margin: 0.2rem 0 0; color: #9aa3b2; font-size: 0.85rem; }
.mjs-modal-close-top {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 0.4rem;
background: linear-gradient(135deg, #dc2626, #b91c1c);
border: 1px solid #ef4444;
color: #fff;
border-radius: 999px;
padding: 0.3rem 0.7rem;
font-size: 0.72rem;
font-weight: 700;
cursor: pointer;
}
.mjs-modal-close-top:disabled { opacity: 0.85; cursor: not-allowed; }
.mjs-modal-close-icon { width: 14px; height: 14px; stroke: #fff; stroke-width: 2.5; fill: none; }
.mjs-modal-message { display: flex; align-items: center; gap: 0.6rem; background: rgba(34, 197, 94, 0.06); border: 1px solid rgba(34, 197, 94, 0.2); border-radius: 10px; padding: 0.5rem; margin-bottom: 0.6rem; }
.mjs-modal-gif { width: 40px; height: 40px; border-radius: 8px; object-fit: cover; }
.mjs-modal-message p { color: #c3c9d4; font-size: 0.72rem; line-height: 1.4; margin: 0; }
.mjs-modal-message strong { color: #86efac; }
.mjs-modal-tabs { display: flex; gap: 0.3rem; background: #0f1218; border: 1px solid #2a3140; border-radius: 8px; padding: 0.2rem; margin-bottom: 0.5rem; }
.mjs-modal-tab { flex: 1; background: transparent; border: none; color: #9aa3b2; font-size: 0.8rem; font-weight: 600; padding: 0.4rem 0.8rem; border-radius: 6px; cursor: pointer; }
.mjs-modal-tab.is-active { background: #dc2626; color: #fff; }
.mjs-modal-panel { display: none; }
.mjs-modal-panel.is-active { display: block; }
.mjs-modal-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.4rem; }
.mjs-modal-item { display: flex; align-items: center; gap: 0.5rem; background: #0f1218; border: 1px solid #262c38; border-radius: 8px; padding: 0.4rem 0.5rem; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; }
.mjs-modal-item:hover { border-color: #2a3140; transform: translateY(-1px); }
.mjs-modal-avatar { width: 26px; height: 26px; border-radius: 50%; background: #262c38; color: #f1f1f1; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 0.8rem; overflow: hidden; flex-shrink: 0; }
.mjs-modal-avatar img { width: 100%; height: 100%; object-fit: cover; }
.mjs-modal-body-text { flex: 1; min-width: 0; }
.mjs-modal-body-text strong { color: #f1f1f1; font-size: 0.85rem; display: block; }
.mjs-modal-body-text p { color: #9aa3b2; font-size: 0.75rem; margin: 0.1rem 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mjs-modal-time { color: #6b7280; font-size: 0.7rem; display: block; }
.mjs-modal-amount { color: #dc2626; font-weight: 700; font-size: 0.85rem; white-space: nowrap; }
.mjs-modal-medal { font-size: 0.9rem; line-height: 1; }
.mjs-modal-name-row { display: flex; align-items: center; gap: 0.3rem; }
.mjs-modal-loading, .mjs-modal-empty { color: #7c8494; font-size: 0.8rem; padding: 0.4rem 0; } .mjs-modal-item.is-podium {
border-width: 1px;
background: linear-gradient(135deg, rgba(220, 38, 38, 0.08), rgba(34, 197, 94, 0.05));
}
.mjs-modal-item.is-rank-1 {
border-color: rgba(255, 215, 0, 0.6);
box-shadow: 0 0 14px rgba(255, 215, 0, 0.18);
animation: mjs-pulse-gold 2.5s ease-in-out infinite;
}
.mjs-modal-avatar.is-rank-1 { box-shadow: 0 0 0 2px #ffd700, 0 0 10px rgba(255, 215, 0, 0.5); }
.mjs-modal-item.is-rank-1 .mjs-modal-body-text strong { color: #ffd700; }
.mjs-modal-item.is-rank-2 {
border-color: rgba(192, 192, 192, 0.55);
box-shadow: 0 0 12px rgba(192, 192, 192, 0.14);
}
.mjs-modal-avatar.is-rank-2 { box-shadow: 0 0 0 2px #c0c0c0, 0 0 8px rgba(192, 192, 192, 0.4); }
.mjs-modal-item.is-rank-2 .mjs-modal-body-text strong { color: #e0e0e0; }
.mjs-modal-item.is-rank-3 {
border-color: rgba(205, 127, 50, 0.55);
box-shadow: 0 0 12px rgba(205, 127, 50, 0.14);
}
.mjs-modal-avatar.is-rank-3 { box-shadow: 0 0 0 2px #cd7f32, 0 0 8px rgba(205, 127, 50, 0.4); }
.mjs-modal-item.is-rank-3 .mjs-modal-body-text strong { color: #e8a05a; }
@keyframes mjs-pulse-gold {
0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.15); }
50% { box-shadow: 0 0 18px rgba(255, 215, 0, 0.3); }
}
.mjs-modal-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 0.6rem; padding-top: 0.5rem; border-top: 1px solid #262c38; }
.mjs-modal-link { color: #dc2626; text-decoration: none; font-size: 0.8rem; }
.mjs-modal-snooze { display: flex; align-items: center; justify-content: space-between; margin-top: 0.4rem; }
.mjs-modal-snooze-btn { background: #262c38; border: 1px solid #2a3140; color: #c3c9d4; border-radius: 8px; padding: 0.35rem 0.7rem; font-size: 0.75rem; cursor: pointer; }
.mjs-modal-snooze-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.mjs-modal-snooze-count { color: #7c8494; font-size: 0.7rem; }
.mjs-modal-notice { background: rgba(220, 38, 38, 0.08); border: 1px solid rgba(220, 38, 38, 0.3); border-left: 3px solid #dc2626; border-radius: 8px; color: #c3c9d4; font-size: 0.72rem; padding: 0.5rem 0.7rem; margin: 0.6rem 0; }
.mjs-modal-notice strong { color: #fca5a5; }
.mjs-modal-cta { text-align: center; }
.mjs-modal-donate-btn { display: block; background: #dc2626; color: #fff; border: none; border-radius: 8px; padding: 0.6rem 1rem; font-size: 0.9rem; font-weight: 600; text-align: center; text-decoration: none; }
.mjs-modal-donate-btn:hover { background: #b91c1c; }
@media (max-width: 700px) {
.mjs-layout { grid-template-columns: 1fr; }
.mjs-login-required { flex-direction: column; align-items: flex-start; }
}body,html{overflow-x:hidden;width:100%;max-width:100%;box-sizing:border-box}*,:after,:before{box-sizing:inherit}canvas,iframe,img,svg,video{max-width:100%;height:auto}:root{--primary:#0cff8a;--primary-hover:#00e676;--secondary:#00b8ff;--accent:#ff00e5;--background:#0a0a12;--card-bg:#121220;--text:#fff;--text-secondary:#a0a0b8;--border:#1e1e30;--header-height:70px;--tag-bg:#1e1e30;--button-bg:#ff375f;--button-hover:#ff5277}body{background-color:var(--background);color:var(--text);font-family:Inter,sans-serif;margin:0;padding:0;line-height:1.6}a{color:var(--text);text-decoration:none;transition:color .3s}a:hover{color:var(--primary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 15px;box-sizing:border-box}.site-header{background-color:#000;position:sticky;top:0;z-index:9999;height:60px;display:flex;align-items:center}.header-container{width:100%;max-width:1280px;margin:0 auto;padding:0 15px;display:flex;align-items:center;justify-content:space-between;height:100%}.site-branding{display:flex;align-items:center}.site-logo{height:40px;display:flex;align-items:center}.site-logo img{max-height:40px;width:auto}.site-title{font-size:1.5rem;font-weight:700;margin:0;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:1px}.main-navigation{display:flex;align-items:center;height:100%}.nav-menu{display:flex;list-style:none;margin:0;padding:0;height:100%}.nav-menu li{margin:0;position:relative;height:100%;display:flex;align-items:center}.nav-menu li a{font-weight:500;padding:0 15px;height:100%;display:flex;align-items:center;color:#fff;transition:color .3s}.nav-menu li a:hover,.nav-menu li.current-menu-item a{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:10px}.login-menu-toggle,.mobile-menu-toggle,.search-toggle,.theme-toggle,.user-menu-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.login-menu-toggle:hover,.mobile-menu-toggle:hover,.search-toggle:hover,.theme-toggle:hover,.user-menu-toggle:hover{background-color:hsla(0,0%,100%,.1)}.user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.mobile-menu-toggle{display:none}.login-dropdown,.user-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:50%;max-width:400px;background-color:var(--card-bg);border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:all .3s;z-index:1010;overflow:hidden;max-width:100vw}.user-dropdown.desktop-dropdown{position:absolute;top:100%;right:0;left:auto;transform:translateY(10px);width:280px;z-index:1010}.user-dropdown.modal-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:400px}.user-dropdown.desktop-dropdown.active{transform:translateY(0)}.login-dropdown.active,.user-dropdown.modal-dropdown.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-overlay{display:none}.modal-overlay.active{display:none}.modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1012}.user-dropdown.desktop-dropdown .modal-close{display:none}.modal-close:hover{color:var(--primary)}.login-dropdown-content,.user-dropdown-content{position:relative;padding:20px;z-index:1011}.login-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.login-tab-btn{flex:1;padding:12px;text-align:center;background:none;border:none;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .2s}.login-tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.login-tab-content{display:none}.login-tab-content.active{display:block}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-size:14px;color:var(--text)}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;font-size:14px;background-color:hsla(0,0%,100%,.1);color:var(--text);transition:border-color .2s;z-index:1011}.form-group input:focus{border-color:var(--primary);outline:none}.remember-me{display:flex;align-items:center}.remember-me input{margin-right:8px}.login-submit,.register-submit{width:100%;padding:12px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .2s;z-index:1011}.login-submit:hover,.register-submit:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(12,255,138,.3)}.login-footer{margin-top:15px;text-align:center}.forgot-password{font-size:13px;color:var(--text-secondary);text-decoration:none}.forgot-password:hover{color:var(--primary);text-decoration:underline}.register-note{font-size:13px;color:var(--text-secondary);margin-bottom:15px}.user-dropdown-header{display:flex;align-items:center;margin-bottom:20px}.user-dropdown-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover}.user-dropdown-info{display:flex;flex-direction:column}.user-dropdown-name{font-weight:600;font-size:16px;color:var(--text)}.user-dropdown-email{font-size:14px;color:var(--text-secondary)}.user-dropdown-menu{display:flex;flex-direction:column}.user-dropdown-item{display:flex;align-items:center;padding:12px;color:var(--text);text-decoration:none;border-radius:4px;transition:background-color .2s}.user-dropdown-item:hover{background-color:hsla(0,0%,100%,.1);color:var(--primary)}.user-dropdown-item svg{margin-right:10px}.user-dropdown-divider{height:1px;background-color:var(--border);margin:8px 0}.search-form{display:flex;align-items:center;width:100%;justify-content:center}.search-field{flex:1;padding:12px;border:1px solid var(--border);border-radius:4px;background-color:hsla(0,0%,100%,.1);color:var(--text);font-size:16px;z-index:1011;width:100%}.search-field:focus{outline:none;border-color:var(--primary)}.search-submit{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000;border:none;border-radius:4px;padding:12px;margin-left:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1011;min-width:44px;height:44px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);z-index:1020;transform:translateX(-100%);transition:transform .3s;overflow-y:auto;max-width:100vw}.mobile-menu.active{transform:translateX(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border)}.mobile-menu-close{background:none;border:none;color:var(--text);font-size:24px;cursor:pointer;padding:5px}.mobile-menu-content{padding:20px}.mobile-nav-menu{list-style:none;padding:0;margin:0 0 30px}.mobile-nav-menu li{margin-bottom:15px}.mobile-nav-menu li a{display:block;padding:10px 15px;color:var(--text);font-size:18px;font-weight:500;border-radius:4px;transition:all .2s}.mobile-nav-menu li a:hover,.mobile-nav-menu li.current-menu-item a{background-color:hsla(0,0%,100%,.1);color:var(--primary)}.mobile-menu-actions{display:flex;flex-direction:column;gap:15px}.mobile-login-button,.mobile-logout-link,.mobile-profile-link,.theme-toggle-mobile{display:flex;align-items:center;padding:12px 15px;background-color:var(--card-bg);color:var(--text);border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;text-decoration:none}.mobile-login-button svg,.mobile-logout-link svg,.mobile-profile-link svg,.theme-toggle-mobile svg{margin-right:10px}.mobile-login-button:hover,.mobile-logout-link:hover,.mobile-profile-link:hover,.theme-toggle-mobile:hover{background-color:hsla(0,0%,100%,.1);color:var(--primary)}@media(max-width:992px){.nav-menu li a{padding:0 10px}}@media(max-width:768px){.main-navigation{display:none}.mobile-menu-toggle{display:flex;order:3}.header-actions{gap:5px}}@media(max-width:480px){.site-title{font-size:1.2rem}.login-dropdown,.user-dropdown{width:95%}}.hero-section{position:relative;height:500px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;margin-bottom:40px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;filter:brightness(.4);z-index:-1}.hero-content{max-width:800px;padding:0 20px;position:relative;z-index:1;width:100%;margin:0 auto}.hero-title{font-size:3.5rem;margin-bottom:20px;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(12,255,138,.5)}.hero-description{font-size:1.2rem;margin-bottom:30px;color:var(--text-secondary)}.hero-button{display:inline-block;padding:12px 30px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000;font-weight:600;border-radius:30px;text-transform:uppercase;letter-spacing:1px;transition:all .3s;border:none;cursor:pointer}.hero-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(12,255,138,.3);color:#000}.categories-section{padding:20px 0;background-color:var(--card-bg);margin-bottom:40px;border-radius:10px}.categories-scroll{display:flex;overflow-x:auto;padding:10px 5px;gap:10px;scrollbar-width:thin;scrollbar-color:var(--primary) var(--card-bg);-webkit-overflow-scrolling:touch;max-width:100%}.categories-scroll::-webkit-scrollbar{height:5px}.categories-scroll::-webkit-scrollbar-track{background:var(--card-bg)}.categories-scroll::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px}.category-button{display:inline-block;padding:8px 16px;background:linear-gradient(90deg,rgba(12,255,138,.1),rgba(0,184,255,.1));color:var(--text);border:1px solid var(--border);border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap;transition:all .3s}.category-button:hover{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000;transform:translateY(-2px)}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-bottom:50px}.manga-card{background-color:var(--card-bg);border-radius:10px;transition:transform .3s,box-shadow .3s;position:relative}.manga-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 10px var(--primary)}.manga-card-image{position:relative;padding-top:140%;overflow:hidden;max-height:220px}.manga-card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}@media(max-width:575px){.manga-grid{grid-template-columns:repeat(2,1fr);gap:10px}.manga-card-image{max-height:180px}.manga-card-content{padding:10px}.manga-card-title{font-size:.9rem}.manga-card-meta{font-size:.75rem}.latest-chapter{padding:5px}.latest-chapter .chapter-number{font-size:.75rem}.latest-chapter .new-tag{font-size:.65rem;padding:1px 4px}}@media(max-width:320px){.manga-grid{grid-template-columns:repeat(2,1fr);gap:8px}.manga-card-image{max-height:150px}.manga-card-content{padding:8px}.manga-card-title{margin-bottom:3px}.manga-card-meta{font-size:.7rem}}.manga-card-content{padding:15px}.manga-card-title{font-size:1rem;font-weight:600;margin:0 0 5px}.manga-card-meta{font-size:.8rem;color:var(--text-secondary);display:flex;justify-content:space-between}.manga-card-rating{display:flex;align-items:center}.manga-card-rating svg{color:var(--primary);margin-right:3px;width:14px;height:14px}.section-title{font-size:1.8rem;margin-bottom:25px;position:relative;padding-bottom:10px;font-weight:700}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.site-footer{background-color:var(--card-bg);padding:50px 0 20px;margin-top:50px;border-top:1px solid var(--border)}.footer-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px;flex-wrap:wrap;max-width:100%}.footer-widget-title{font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-widget-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary))}.footer-menu{list-style:none;padding:0;margin:0}.footer-menu li{margin-bottom:10px}.footer-menu li a{color:var(--text-secondary);transition:color .3s}.footer-menu li a:hover{color:var(--primary)}.site-info{text-align:center;padding-top:20px;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}.pagination{display:flex;justify-content:center;margin:40px 0}.page-numbers{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;border-radius:50%;background-color:var(--card-bg);color:var(--text);font-weight:500;transition:all .3s}.page-numbers.current{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000}.page-numbers:hover:not(.current){background-color:var(--border)}.manga-filters{margin-bottom:30px;background-color:rgba(18,18,32,.8);border-radius:10px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.2);border:1px solid var(--border)}.filters-container{display:flex;flex-wrap:wrap;gap:15px;align-items:center;max-width:100%}.filter-group{flex:1;min-width:200px}.filter-label{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--primary);font-size:.95rem;font-weight:500}.filter-icon{color:var(--primary)}.filter-select-wrapper{position:relative}.filter-select{width:100%;padding:12px 15px;background-color:rgba(30,30,48,.9);border:1px solid var(--border);border-radius:6px;color:#fff;font-size:.95rem;appearance:none;cursor:pointer;transition:all .2s}.filter-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(12,255,138,.2)}.filter-select option{background-color:var(--card-bg);color:#fff}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--primary);pointer-events:none}.apply-filters-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#000;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s;align-self:flex-end;margin-top:24px}.apply-filters-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(12,255,138,.3)}.error-404{text-align:center;padding:100px 0}.error-title{font-size:8rem;margin:0;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.error-message{font-size:2rem;margin-bottom:20px}.error-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:30px}.error-actions .btn{display:inline-block;padding:12px 30px;background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000;font-weight:600;border-radius:30px;text-transform:uppercase;letter-spacing:1px;transition:all .3s}.error-actions .btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(12,255,138,.3);color:#000}@media(max-width:992px){.hero-title{font-size:2.5rem}.manga-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:768px){.login-dropdown,.user-dropdown{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:320px;background-color:var(--card-bg);border-radius:10px;box-shadow:0 5px 25px rgba(0,0,0,.3);opacity:0;visibility:hidden;transition:all .3s;z-index:1010}.login-dropdown.active,.user-dropdown.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.7);z-index:1005;opacity:0;visibility:hidden;transition:all .3s}.modal-overlay.active{opacity:1;visibility:visible}.login-tabs{background-color:var(--card-bg);border-bottom:1px solid var(--border)}.login-tab-btn{color:var(--text-secondary)}.login-tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.login-tab-content{background-color:var(--card-bg);color:var(--text)}.form-group label{color:var(--text)}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{background-color:hsla(0,0%,100%,.1);border:1px solid var(--border);color:var(--text)}.login-submit,.register-submit{background:linear-gradient(90deg,var(--primary),var(--secondary));color:#000}.forgot-password{color:var(--text-secondary)}.register-note{color:var(--text-secondary)}.modal-close{position:absolute;top:10px;right:10px;width:30px;height:30px;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.modal-close:hover{color:var(--primary)}}@media(max-width:576px){.manga-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}}.manga-single{margin-top:30px;background:linear-gradient(180deg,rgba(0,0,0,.8) 0,var(--background) 100%);border-radius:10px;overflow:hidden;padding-bottom:30px}.manga-header{display:flex;gap:30px;margin-bottom:30px;padding:30px}.manga-cover{flex-shrink:0;width:220px;border-radius:10px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.5);position:relative;background-color:var(--card-bg)}.manga-cover-image{width:100%;height:auto;display:block}.manga-info{flex-grow:1}.manga-title{font-size:2.5rem;margin:0 0 15px;font-weight:700;color:var(--text)}.manga-stats{display:flex;align-items:center;gap:20px;margin-bottom:20px;color:var(--text-secondary)}.manga-chapters-count,.manga-rating,.manga-readers{display:flex;align-items:center;gap:5px}.star-icon{color:gold}.chapter-icon,.reader-icon{color:var(--text-secondary)}.manga-synopsis{margin-bottom:20px}.manga-synopsis h3{font-size:1.2rem;margin-bottom:10px;color:var(--text-secondary)}.synopsis-content{color:var(--text);line-height:1.6}.manga-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.manga-tag{background-color:var(--tag-bg);color:var(--text);padding:5px 12px;border-radius:20px;font-size:.85rem}.manga-meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:25px;flex-wrap:wrap;max-width:100%}.manga-meta-item{display:flex;flex-direction:column}.meta-label{color:var(--text-secondary);font-size:.9rem;margin-bottom:5px}.meta-value{color:var(--text);font-weight:500}.manga-actions{display:flex;gap:15px}.favorite-btn,.share-btn,.start-reading-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s}.start-reading-btn{background-color:var(--button-bg);color:#fff;border:none;flex:1}.start-reading-btn:hover{background-color:var(--button-hover);color:#fff}.favorite-btn,.share-btn{background-color:var(--card-bg);color:var(--text);border:1px solid var(--border)}.favorite-btn:hover,.share-btn:hover{background-color:var(--border)}.favorite-btn.active{color:#ff375f}.manga-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 30px;margin-bottom:20px}.manga-tab{padding:15px 20px;background:none;border:none;color:var(--text-secondary);font-size:1rem;font-weight:600;cursor:pointer;position:relative;transition:color .3s}.manga-tab:hover{color:var(--text)}.manga-tab.active{color:var(--text)}.manga-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--button-bg)}.manga-tab-content{display:none;padding:0 30px}.manga-tab-content.active{display:block}.chapters-list{list-style:none;padding:0;margin:0}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid var(--border);transition:background-color .3s}.chapter-item:hover{background-color:hsla(0,0%,100%,.05)}.chapter-info{display:flex;align-items:center;gap:15px}.chapter-details{display:flex;flex-direction:column}.chapter-number{font-weight:600;color:var(--text)}.chapter-date{font-size:.85rem;color:var(--text-secondary)}.read-button{background-color:var(--card-bg);color:var(--text);padding:5px 15px;border-radius:5px;font-size:.9rem;transition:all .3s}.read-button:hover{background-color:var(--button-bg);color:#fff}.chapter-single{margin-top:20px}.chapter-header{top:var(--header-height);z-index:100;background-color:var(--background);border-bottom:1px solid var(--border);padding:15px 0}.chapter-navigation{justify-content:space-between;flex-wrap:wrap;max-width:100%}.chapter-nav-left,.chapter-nav-right{flex:1}.chapter-title{text-align:center;flex:2}.chapter-title h1{font-size:1.5rem;margin:0;font-weight:600}.chapter-subtitle{display:block;font-size:1rem;color:var(--text-secondary);font-weight:400;margin-top:5px}.back-to-manga{display:flex;align-items:center;color:var(--text)}.back-to-manga svg{margin-right:8px}.back-to-manga:hover{color:var(--primary)}.chapter-controls{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;max-width:100%}.chapter-control{display:flex;align-items:center;padding:8px 15px;border-radius:30px;background-color:var(--card-bg);color:var(--text);transition:all .3s}.chapter-control:hover{background-color:var(--primary);color:#000}.chapter-control.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.prev-chapter svg{margin-right:8px}.next-chapter svg{margin-left:8px}.control-text{font-weight:500}.chapter-selector{position:relative}.chapter-selector select{appearance:none;background-color:var(--card-bg);border:1px solid var(--border);border-radius:30px;padding:8px 35px 8px 15px;color:var(--text);font-size:.9rem;cursor:pointer;width:200px}.chapter-selector:after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text);pointer-events:none}.chapter-content{margin:30px 0}.chapter-reader{max-width:800px;margin:0 auto;width:100%}.chapter-images{display:flex;flex-direction:column;gap:0;align-items:stretch;width:100%}.chapter-image-container{line-height:0;font-size:0;margin:0;padding:0}.chapter-image{width:100%;max-width:100%;height:auto;border-radius:0;display:block;margin:0;padding:0}.chapter-text-content{line-height:1.8;font-size:1.1rem}.chapter-footer{padding:20px 0;border-top:1px solid var(--border)}@media(max-width:768px){.manga-header{flex-direction:column;align-items:center;text-align:center;padding:20px}.manga-cover{width:180px;margin-bottom:20px}.manga-stats{justify-content:center}.manga-meta-grid{grid-template-columns:1fr}.manga-meta-item{align-items:center}.manga-actions{flex-direction:column}.manga-tabs{padding:0 30px}.manga-tab-content{padding:0 30px}.chapter-navigation{flex-direction:column;gap:15px}.chapter-title{order:-1}.chapter-controls{flex-wrap:wrap}.chapter-selector select{width:100%}}.chapter-reader-container{background-color:#000;min-height:100vh;position:relative;padding-bottom:50px}.chapter-header{background-color:rgba(0,0,0,.9);position:sticky;top:60px;z-index:50!important;transition:transform .3s;border-bottom:1px solid #222}.chapter-header.hidden{transform:translateY(-100%)}.chapter-title-bar{padding:15px 20px;border-bottom:1px solid #222}.manga-title{font-size:1.1rem;margin:0;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manga-title a{color:#fff;text-decoration:none}.manga-title a:hover{color:var(--button-bg)}.chapter-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.chapter-dropdown{position:relative;display:inline-block}.chapter-dropdown-btn{background-color:#222;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.9rem}.chapter-dropdown-btn:hover{background-color:#333}.chapter-dropdown-content{display:none;position:absolute;background-color:#222;min-width:200px;max-height:300px;overflow-y:auto;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:1;border-radius:4px;top:100%;left:0;margin-top:5px}.chapter-dropdown-content.show{display:block}.chapter-dropdown-content a{color:#fff;padding:10px 15px;text-decoration:none;display:block;font-size:.9rem;border-bottom:1px solid #333}.chapter-dropdown-content a:hover{background-color:#333}.chapter-dropdown-content a.selected{background-color:var(--button-bg);color:#fff}.reader-settings-btn{background:none;border:none;color:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem}.reader-settings-btn:hover{color:var(--button-bg)}.chapter-navigation{display:flex;align-items:center}.next-chapter-btn{display:flex;align-items:center;gap:5px;color:#fff;text-decoration:none;font-size:.9rem;padding:8px 15px;border-radius:4px;background-color:var(--button-bg)}.next-chapter-btn:hover{background-color:var(--button-hover)}.next-chapter-btn.disabled{opacity:.5;cursor:not-allowed;background-color:#444}.reader-settings-panel{background-color:#222;padding:15px;border-bottom:1px solid #333}.settings-group{margin-bottom:15px}.settings-group h3{font-size:1rem;margin:0 0 10px;color:#fff}.settings-options{display:flex;gap:10px;align-items:center}.settings-option{background-color:#333;border:none;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer}.settings-option.active{background-color:var(--button-bg)}.zoom-in,.zoom-out{background-color:#333;border:none;color:#fff;width:30px;height:30px;border-radius:4px;cursor:pointer;font-size:1.2rem}.zoom-level{color:#fff;margin:0 10px}.chapter-content{max-width:1e3px;margin:0 auto;padding:20px}.chapter-images.horizontal-mode{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;height:calc(100vh - 200px);align-items:stretch;max-width:100%}.chapter-image-container{text-align:center;position:relative;width:100%}.horizontal-mode .chapter-image-container{flex:0 0 100%;scroll-snap-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.horizontal-mode .chapter-image{max-height:100%;max-width:100%;object-fit:contain}.page-number{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:20px;font-size:.8rem;z-index:10}.horizontal-navigation{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;padding:10px;background-color:rgba(0,0,0,.5);border-radius:30px;width:fit-content;margin-left:auto;margin-right:auto}.horizontal-nav-btn{background-color:#222;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.horizontal-nav-btn:hover{background-color:var(--button-bg)}.page-indicator{color:#fff;font-size:1rem;font-weight:500}.chapter-footer{margin-top:30px;padding:20px;border-top:1px solid #222}.chapter-navigation-bottom{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.chapter-nav-btn{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:10px 15px;border-radius:4px;background-color:#222;font-size:.9rem}.chapter-nav-btn:hover{background-color:#333;color:#fff}.back-to-manga{background-color:var(--card-bg)}.next-chapter{background-color:var(--button-bg)}.next-chapter:hover{background-color:var(--button-hover)}@media(max-width:768px){.chapter-title-bar{padding:10px 15px}.manga-title{font-size:.9rem}.chapter-controls-bar{padding:8px 15px}.reader-settings-btn span{display:none}.chapter-navigation-bottom{flex-direction:column;gap:10px}.chapter-nav-btn{width:100%;justify-content:center}}.manga-status{position:absolute;top:10px;left:10px;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;z-index:2;color:#000}.status-ongoing{background-color:#4ade80}.status-completed{background-color:#f87171}.status-other{background-color:#facc15}.related-grid{margin-top:20px}@media(max-width:768px){.chapter-images.horizontal-mode{height:calc(100vh - 180px)}.horizontal-navigation{padding:8px;gap:10px}.horizontal-nav-btn{width:36px;height:36px}.categories-section{padding:10px 0}.category-button{padding:6px 12px;font-size:.8rem}}@media(max-width:576px){.manga-title{font-size:1.8rem}.manga-stats{flex-wrap:wrap}.chapter-item{flex-direction:column;align-items:flex-start;gap:10px}.read-button{align-self:flex-start}}table{width:100%;max-width:100%;overflow-x:auto;display:block}code,pre{max-width:100%;white-space:pre-wrap;word-wrap:break-word}.search-form-grid{flex-wrap:wrap;max-width:100%}@media(max-width:768px){.theme-toggle{display:none}.search-toggle{display:flex!important}.header-actions{gap:8px}.search-form{flex-wrap:nowrap}.search-field{padding:10px;font-size:14px}.search-submit{padding:10px;min-width:40px;height:40px}}.chapter-views,.manga-views{display:flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:.9rem}.chapter-views svg,.manga-views svg{color:var(--primary)}.chapter-views{margin-top:5px;justify-content:flex-end;font-size:.8rem;opacity:.8}.manga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;width:100%}@media(min-width:481px) and (max-width:768px){.manga-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.manga-grid{grid-template-columns:repeat(2,1fr);gap:10px}.manga-card{width:100%}.manga-card-image{height:auto}}.manga-card{width:100%;max-width:100%;overflow:hidden}.manga-card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:575px){.content-with-sidebar{display:flex;flex-direction:column}.site-main{width:100%;order:1}.manga-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.manga-card-image{padding-top:130%;max-height:160px}.manga-card-content{padding:8px}.manga-card-meta{font-size:.7rem}.manga-card-rating svg{width:12px;height:12px}.section-title{font-size:1.5rem;margin-bottom:15px}}@media(max-width:320px){.manga-grid-responsive{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.manga-card-image{max-height:140px}.manga-card-title{font-size:.8rem}}.content-with-sidebar{display:flex;flex-wrap:wrap}.site-main{flex:1;min-width:0}.site-sidebar{width:300px;margin-left:20px}@media(max-width:768px){.content-with-sidebar{flex-direction:column}.site-main{width:100%;order:1}.site-sidebar{width:100%;margin-left:0;margin-top:30px;order:2}.widget_popular_manga{order:3;margin-top:30px}}@media(max-width:575px){.site-sidebar{margin-top:20px}.widget{margin-bottom:20px}.widget_popular_manga{background-color:var(--card-bg);padding:15px;border-radius:10px;margin-top:25px}.widget_popular_manga .section-title{margin-top:0}}.hero-section-simple{padding:40px 0 30px;text-align:left}.hero-title-simple{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.hero-description-simple{font-size:1rem;color:var(--text-secondary);margin-bottom:0}.manga-grid-modern{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:40px}@media(max-width:1400px){.manga-grid-modern{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1200px){.manga-grid-modern{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.manga-grid-modern{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(max-width:480px){.manga-grid-modern{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.manga-card-modern{background-color:var(--card-bg);border-radius:6px;overflow:hidden;transition:transform .2s,box-shadow .2s}.manga-card-modern:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(0,0,0,.4)}.manga-card-modern-inner{display:flex;flex-direction:column;height:100%}.manga-cover-modern{position:relative;width:100%;padding-top:130%;overflow:hidden;background-color:hsla(0,0%,100%,.05)}.manga-cover-modern img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}.manga-cover-link:hover .manga-cover-modern img{transform:scale(1.05)}.manga-views-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);color:#fff;font-size:.7rem;font-weight:600;padding:4px 8px;border-radius:16px;display:flex;align-items:center;gap:4px;z-index:2;border:1px solid hsla(0,0%,100%,.1)}.manga-views-badge svg{width:12px;height:12px;opacity:.9}.manga-info-modern{padding:8px 10px;flex:1;display:flex;flex-direction:column}.manga-title-modern{font-size:.85rem;font-weight:600;margin:0 0 8px;line-height:1.25}.manga-title-modern a{color:var(--text-primary);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.manga-title-modern a:hover{color:var(--primary)}.chapter-list-modern{display:flex;flex-direction:column;gap:4px}.chapter-item-modern{font-size:.75rem}.chapter-link-modern{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background-color:hsla(0,0%,100%,.03);border-radius:4px;text-decoration:none;transition:background-color .2s}.chapter-link-modern:hover{background-color:hsla(0,0%,100%,.08)}.chapter-number-modern{color:var(--text-secondary);font-size:.72rem}.chapter-number-modern.no-chapters{padding:6px 8px;display:block}.chapter-badge-new{background:linear-gradient(135deg,#a855f7,#ec4899);color:#fff;font-size:.62rem;font-weight:600;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.4px}.most-viewed-section{margin-bottom:60px}.most-viewed-section .section-title{margin-bottom:30px}.homepage-container{padding-top:20px}:root{--bg-primary:#000;--bg-secondary:#0a0a0a;--card-bg:#111;--text-primary:#fff;--text-secondary:#a0a0a0;--primary:#a855f7;--secondary:#ec4899}body{background-color:var(--bg-primary);color:var(--text-primary)}.site-main{background-color:transparent}@media(max-width:768px){.hero-title-simple{font-size:1.5rem}.manga-title-modern{font-size:.95rem}.manga-info-modern{padding:12px}.chapter-list-modern{gap:4px}.chapter-link-modern{padding:5px 6px}.chapter-number-modern{font-size:.8rem}.chapter-badge-new{font-size:.65rem;padding:2px 6px}.manga-views-badge{font-size:.7rem;padding:4px 8px;gap:4px}.manga-views-badge svg{width:12px;height:12px}}@media(max-width:480px){.hero-section-simple{padding:20px 0}.hero-title-simple{font-size:1.3rem}.hero-description-simple{font-size:.9rem}.manga-title-modern{font-size:.9rem;margin-bottom:8px}.manga-info-modern{padding:10px}.chapter-list-modern{gap:3px}.chapter-number-modern{font-size:.75rem}}body.home{background:#05070d}body.home .content-with-sidebar,body.home .homepage-container{max-width:none;padding:0;margin:0}body.home .site-header{background:rgba(5,7,13,.96);border-bottom:1px solid hsla(0,0%,100%,.06);box-shadow:none}body.home .header-container{max-width:1440px;padding-left:34px;padding-right:34px}body.home .site-title{background:none;-webkit-text-fill-color:initial;color:#ff2b64;letter-spacing:1.4px;font-size:1.28rem}body.home .nav-menu li a{color:#aeb6c8;font-size:.86rem;padding:0 13px}body.home .nav-menu li a:hover,body.home .nav-menu li.current-menu-item a{color:#fff}body.home .site-main.home-2026{width:100%;max-width:none;margin:0}.home-featured{position:relative;min-height:440px;overflow:hidden;border-bottom:1px solid hsla(0,0%,100%,.05);isolation:isolate}.home-featured:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(43,15,11,.82) 0,rgba(11,16,36,.88) 53%,rgba(42,23,89,.78) 100%),var(--hero-bg);background-size:cover;background-position:center 27%;filter:saturate(.8);z-index:-2}.home-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(5,7,13,.28));z-index:-1}.home-featured-inner{max-width:1440px;min-height:440px;margin:auto;padding:46px 50px;display:grid;grid-template-columns:230px minmax(0,760px);gap:28px;align-items:center}.home-featured-cover{width:230px;height:326px;border-radius:11px;overflow:hidden;border:1px solid hsla(0,0%,100%,.26);box-shadow:0 20px 50px rgba(0,0,0,.38)}.home-featured-cover img{width:100%;height:100%;object-fit:cover;display:block}.home-featured-copy h1{margin:0 0 8px;color:#fff;font-size:calc(clamp(2.15rem,4vw,4rem));line-height:.96;font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;max-width:850px}.home-featured-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#c7cbd5;font-size:.82rem;text-transform:uppercase;letter-spacing:1px}.home-featured-meta strong{color:#fff}.home-featured-meta span+span:before{content:"|";color:#6b7280;margin-right:8px}.home-featured-copy>p{color:#d2d5df;max-width:780px;margin:17px 0 13px;line-height:1.7;font-size:.92rem}.home-featured-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}.home-featured-pills span{border:1px solid hsla(0,0%,100%,.16);background:rgba(7,12,22,.55);border-radius:999px;padding:5px 10px;color:#dce4ef;font-size:.72rem}.home-featured-pills span:first-child{border-color:#8b4b26;background:rgba(111,54,21,.38);color:#ffd7b5}.home-featured-pills span:nth-child(2){border-color:#315e91;background:rgba(32,74,120,.35);color:#cde6ff}.home-featured-pills span:nth-child(3){border-color:#286d55;background:rgba(28,102,75,.34);color:#caffec}.home-featured-actions{display:flex;gap:10px}.home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;color:#fff!important;font-size:.76rem;font-weight:800;background:rgba(5,8,14,.72);border:1px solid hsla(0,0%,100%,.04)}.home-btn-primary{color:#111827!important;background:#f7f9fc}.home-vip-strip{max-width:1330px;margin:17px auto 28px;border:1px solid rgba(255,79,139,.34);background:linear-gradient(90deg,#7b1434,#4b1a63);min-height:62px;border-radius:11px;padding:12px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:inset 0 1px hsla(0,0%,100%,.08)}.home-vip-strip div{display:flex;flex-direction:column;color:#f2dcea}.home-vip-strip strong{color:#fff;font-size:.88rem}.home-vip-strip span{font-size:.76rem;opacity:.86}.home-vip-strip>a{background:linear-gradient(90deg,#ff315c,#a52b9f);color:#fff;padding:9px 17px;border-radius:999px;font-size:.72rem;font-weight:800}.home-section{max-width:1330px;margin:0 auto 31px;padding:0}.home-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.home-section-head h2{margin:0;color:#f2f4f8;font-size:1.02rem;font-weight:850;letter-spacing:.15px}.home-section-head h2 span{color:#ff326b;margin-right:5px}.home-section-head p{margin:3px 0 0;color:#777f91;font-size:.75rem}.home-section-head>a{color:#e9edf4!important;background:#141b2b;border:1px solid hsla(0,0%,100%,.06);padding:8px 15px;border-radius:999px;font-size:.68rem;font-weight:750}.home-popular-track{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px;overflow:hidden}.home-latest-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}.home-manga-card{min-width:0;background:#0b1019;border:1px solid #232b39;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:transform .2s,border-color .2s}.home-manga-card:hover{transform:translateY(-3px);border-color:#3b4659}.home-manga-cover{display:block;position:relative;aspect-ratio:3/4.1;background:#111827;overflow:hidden}.home-manga-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.home-manga-card:hover .home-manga-cover img{transform:scale(1.035)}.home-cover-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#64748b;font-size:.72rem}.home-rating-badge,.home-type-badge{position:absolute;top:8px;z-index:2;border-radius:999px;font-size:.54rem;line-height:1;font-weight:800;padding:5px 7px;backdrop-filter:blur(8px)}.home-type-badge{left:7px;background:rgba(8,42,76,.86);color:#d8efff;border:1px solid rgba(84,169,235,.35)}.home-rating-badge{right:7px;background:rgba(10,13,19,.86);color:#ffd76a;border:1px solid rgba(255,214,102,.26)}.home-card-body{padding:8px 8px 9px}.home-card-body h3{margin:0 0 7px;min-height:30px;font-size:.72rem;line-height:1.25;font-weight:750}.home-card-body h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#f4f6fb}.home-card-chapters{display:flex;flex-direction:column;gap:5px}.home-card-chapters>a{display:flex;justify-content:space-between;align-items:center;gap:5px;background:#0d1420;border:1px solid #273043;color:#dde3ed;border-radius:5px;padding:5px 6px;font-size:.61rem}.home-card-chapters>a:first-child{border-color:#7c4d35}.home-card-chapters small{background:#fb315d;color:#fff;border-radius:999px;padding:2px 5px;font-size:.47rem;font-weight:900}.home-no-chapter{color:#687386;font-size:.61rem}.home-seo-panel{border-top:1px solid #242a35;background:#10131a;padding:30px calc(max(50px,50vw - 665px));margin-top:21px}.home-seo-panel h2{margin:0 0 10px;color:#f4f5f7;font-size:1rem}.home-seo-panel p{color:#959baa;max-width:940px;font-size:.74rem;line-height:1.7}.home-genre-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.home-genre-pills a{color:#7e8798;background:#171c25;border:1px solid #252b35;border-radius:999px;font-size:.61rem;padding:5px 9px}.home-genre-pills a:hover{color:#fff;border-color:#ff2f6d}body.home .site-footer{background:linear-gradient(180deg,#090c12,#11101a);border-top:1px solid #242936}body.home .site-footer .container{max-width:1330px}body.home .site-stats{margin:0;padding:19px 0;border:0}body.home .stats-wrapper{justify-content:flex-start;gap:8px}body.home .stats-divider{display:none}body.home .stats-group{gap:8px}body.home .stats-item{background:#151923;border:1px solid #252a35;border-radius:8px;padding:8px 12px;min-width:135px}body.home .stats-label{font-size:.58rem;color:#7f8796}body.home .stats-value{font-size:.92rem}body.home .footer-widgets{display:none}@media(max-width:1200px){.home-featured-inner,.home-section,.home-vip-strip{max-width:calc(100% - 40px)}.home-featured-inner{grid-template-columns:190px minmax(0,1fr);padding-left:0;padding-right:0}.home-featured-cover{width:190px;height:270px}.home-latest-grid,.home-popular-track{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:900px){.home-featured{min-height:auto}.home-featured-inner{padding:34px 0;grid-template-columns:155px minmax(0,1fr);min-height:0}.home-featured-cover{width:155px;height:220px}.home-featured-copy h1{font-size:2rem}.home-featured-copy>p{font-size:.8rem;max-height:64px;overflow:hidden}.home-latest-grid,.home-popular-track{grid-template-columns:repeat(4,minmax(0,1fr))}.home-seo-panel{padding-left:20px;padding-right:20px}}@media(max-width:680px){body.home .header-container{padding-left:15px;padding-right:15px}.home-featured-inner{max-width:calc(100% - 28px);display:block;padding:24px 0 28px;text-align:left}.home-featured-cover{width:118px;height:168px;float:left;margin:0 15px 10px 0}.home-featured-copy h1{font-size:1.5rem;padding-top:4px}.home-featured-copy>p{clear:both;padding-top:8px;max-height:none}.home-featured-pills{clear:both}.home-section,.home-vip-strip{max-width:calc(100% - 24px)}.home-vip-strip span{display:none}.home-popular-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.home-popular-track .home-manga-card{flex:0 0 148px;scroll-snap-align:start}.home-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-section-head h2{font-size:.9rem}}.login-dropdown{position:fixed!important;inset:auto!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:calc(min(480px,100vw - 32px))!important;max-width:calc(min(480px,100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;margin:0!important;transform:translate(-50%,-50%) scale(.98)!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;border:1px solid rgba(148,163,184,.18)!important;border-radius:18px!important;background:rgba(8,15,27,.98)!important;box-shadow:0 28px 80px rgba(0,0,0,.55)!important;z-index:10050!important}.login-dropdown.active{opacity:1!important;visibility:visible!important;transform:translate(-50%,-50%) scale(1)!important}.login-dropdown-content{width:100%!important;max-width:none!important;padding:24px!important;box-sizing:border-box!important}.login-dropdown .form-group,.login-dropdown .login-footer,.login-dropdown .login-tab-content,.login-dropdown .login-tabs,.login-dropdown .social-login-buttons,.login-dropdown form{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.login-dropdown .login-submit,.login-dropdown .modal-close,.login-dropdown .register-submit,.login-dropdown input[type=email],.login-dropdown input[type=password],.login-dropdown input[type=text]{position:sticky!important;top:8px!important;float:right;margin:-8px -8px 2px 8px!important;width:34px!important;height:34px!important;border-radius:10px!important;background:hsla(0,0%,100%,.045)!important;z-index:3!important}.modal-overlay{position:fixed!important;inset:0!important;display:block!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;background:rgba(0,0,0,.7)!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:opacity .2s,visibility .2s!important;z-index:10040!important}.modal-overlay.active{display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}@media(max-width:782px){.login-dropdown{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;border-radius:16px!important}.login-dropdown-content{padding:20px 16px 18px!important}.login-dropdown .login-tab-btn{padding:10px 8px!important;font-size:14px!important}.login-dropdown .form-group{margin-bottom:12px!important}.login-dropdown .form-group input[type=email],.login-dropdown .form-group input[type=password],.login-dropdown .form-group input[type=text]{min-height:44px!important;font-size:16px!important}}@media(max-height:620px){.login-dropdown{top:12px!important;bottom:12px!important;max-height:none!important;transform:translateX(-50%) scale(.98)!important}.login-dropdown.active{transform:translateX(-50%) scale(1)!important}}@media(max-width:782px){.login-dropdown{top:max(12px,env(safe-area-inset-top))!important;left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;transform:scale(.985)!important;transform-origin:center center!important;border-radius:15px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.login-dropdown.active{transform:scale(1)!important}.login-dropdown-content{padding:18px 14px 16px!important}.login-dropdown .login-tabs{position:sticky;top:0;z-index:2}.login-dropdown .login-tab-btn{font-size:13px!important}.login-dropdown .form-group label{font-size:13px!important}.login-dropdown .form-group input[type=email],.login-dropdown .form-group input[type=password],.login-dropdown .form-group input[type=text]{min-height:42px!important;padding:10px 12px!important}.login-dropdown .login-submit,.login-dropdown .modal-close,.login-dropdown .register-submit{position:sticky!important;top:4px!important;width:32px!important;height:32px!important}body.modal-open{overflow:hidden!important}}@media(max-width:380px){.login-dropdown{left:8px!important;right:8px!important}.login-dropdown-content{padding:14px 12px!important}.login-dropdown .login-tabs{gap:0!important}}@media(max-width:782px) and (max-height:620px){.login-dropdown{top:max(6px,env(safe-area-inset-top))!important;bottom:max(6px,env(safe-area-inset-bottom))!important;left:8px!important;right:8px!important;transform:none!important}.login-dropdown.active{transform:none!important}.login-dropdown-content{padding-top:12px!important;padding-bottom:12px!important}}