body.single-chapter{background:#02050a!important;color:#eef3ff;}
body.single-chapter #page{background:transparent!important;}
body.single-chapter .site-header{background:rgba(3,7,13,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(112,143,190,.16)!important;}
.chapter-reader-container{--reader-panel:#08111e;--reader-panel-2:#0b1626;--reader-border:#20324b;--reader-muted:#8ea0bb;--reader-pink:#ff356f;--reader-violet:#8b35ff;background:radial-gradient(circle at 50% 0,rgba(48,65,112,.18),transparent 34%),linear-gradient(180deg,#02050a 0,#050913 100%)!important;min-height:100vh!important;padding:0 0 110px!important;}
.reader-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100000;background:rgba(255,255,255,.04);pointer-events:none}.reader-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--reader-pink),var(--reader-violet));box-shadow:0 0 16px rgba(255,53,111,.65);transition:width .1s linear}
body.admin-bar .reader-progress{top:32px}
.chapter-header{position:sticky!important;top:0!important;z-index:120!important;margin:0!important;background:rgba(4,8,15,.88)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:0!important;border-bottom:1px solid rgba(103,130,173,.18)!important;box-shadow:0 16px 44px rgba(0,0,0,.18)}
body.admin-bar .chapter-header{top:32px!important}.chapter-title-bar{max-width:1480px;margin:auto;padding:13px 28px!important;display:flex!important;align-items:center;justify-content:space-between;gap:20px;border:0!important}.chapter-title-bar .manga-title{font-size:14px!important;font-weight:750!important;letter-spacing:.01em;color:#eaf0fb!important}.chapter-title-bar .manga-title a{color:#fff!important}.chapter-title-bar .manga-title a:hover{color:#ff5d8d!important}.chapter-views{display:flex!important;align-items:center;gap:6px;color:#91a3bd!important;font-size:12px!important;white-space:nowrap}.chapter-views svg{width:15px;height:15px;color:#ff4d83}
.reader-stage-head{max-width:1160px;margin:26px auto 12px;padding:0 24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.reader-stage-head__title{display:flex;flex-direction:column;gap:4px}.reader-stage-head__title span{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#7f91ac;font-weight:800}.reader-stage-head__title strong{font-size:22px;color:#f6f8fc;letter-spacing:-.02em}.reader-stage-head__hint{font-size:12px;color:#71839e;text-align:right}
.chapter-content{max-width:none!important;margin:0!important;padding:0 18px 20px!important}.chapter-reader{max-width:1180px;margin:0 auto;padding:18px 0 28px;border-radius:26px;background:linear-gradient(180deg,rgba(10,18,31,.78),rgba(5,10,18,.5));border:1px solid rgba(91,118,160,.16);box-shadow:0 30px 90px rgba(0,0,0,.34);overflow:hidden}
.chapter-images{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;width:100%!important}.chapter-image-container{width:100%!important;display:flex;justify-content:center;background:#000;overflow:hidden}.chapter-image{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin:0 auto!important;box-shadow:none!important}.page-number{bottom:14px!important;right:14px!important;padding:5px 9px!important;border-radius:999px!important;background:rgba(4,8,15,.78)!important;border:1px solid rgba(255,255,255,.12)!important;color:#dce6f5!important;font-size:10px!important;font-weight:800!important;backdrop-filter:blur(9px)}
.horizontal-navigation{display:none;margin:16px auto 0!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(8,15,27,.86)!important;border:1px solid #24354d!important;box-shadow:0 14px 34px rgba(0,0,0,.28)}.horizontal-nav-btn{width:38px!important;height:38px!important;background:#0e1a2b!important;border:1px solid #293d58!important}.horizontal-nav-btn:hover{background:linear-gradient(135deg,#ff356f,#7a35ff)!important;border-color:transparent!important}.page-indicator{font-size:12px!important;color:#cdd8e8!important;font-weight:800!important}
.chapter-footer{max-width:1180px;margin:22px auto 0!important;padding:0 20px 20px!important;border:0!important}.chapter-navigation-bottom{max-width:none!important;gap:10px}.chapter-nav-btn{min-height:48px!important;padding:0 18px!important;border-radius:13px!important;border:1px solid #263951!important;background:#0b1524!important;color:#eaf0fb!important;font-weight:800!important;box-shadow:0 9px 22px rgba(0,0,0,.18)}.chapter-nav-btn:hover{transform:translateY(-1px);background:#101e31!important;border-color:#3d5574!important}.chapter-nav-btn.next-chapter{background:linear-gradient(135deg,#ff356f,#8a35ff)!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(174,44,125,.25)} .reader-mobile-bar{background:rgba(7,13,23,.9)!important;border:1px solid rgba(120,149,194,.28)!important;border-radius:20px!important;box-shadow:0 18px 60px rgba(0,0,0,.5)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.reader-mobile-bar__item{background:transparent!important;border:1px solid transparent!important;border-radius:14px!important;color:#abbad0!important;transition:.18s ease!important}.reader-mobile-bar__item:hover,.reader-mobile-bar__item.is-active{background:#111e31!important;border-color:#2f4666!important;color:#fff!important}.reader-mobile-bar__item:first-child,.reader-mobile-bar__item:nth-child(2){color:#f6f8fc!important}.reader-mobile-bar__item:nth-child(2){background:linear-gradient(135deg,rgba(255,53,111,.18),rgba(139,53,255,.18))!important;border-color:rgba(255,80,140,.28)!important}
.reader-mobile-sheet:not([hidden]){background:#091321!important;border:1px solid #263a55!important;border-radius:20px!important;padding:12px!important;box-shadow:0 30px 90px rgba(0,0,0,.62)!important;backdrop-filter:blur(20px)}.reader-mobile-sheet__header{color:#eef3ff!important}.reader-mobile-action{background:#0f1c2e!important;border:1px solid #2a3e5a!important;color:#dce6f5!important;border-radius:12px!important}.reader-mobile-sheet__chapter-list a{border-color:#22344d!important;color:#b9c7da!important}.reader-mobile-sheet__chapter-list a.is-current{background:linear-gradient(135deg,rgba(255,53,111,.18),rgba(139,53,255,.18))!important;color:#fff!important;border-color:#8b3c77!important} .chapter-images.horizontal-mode{height:calc(100vh - 190px)!important;min-height:560px;background:#02050a;border-radius:0}.horizontal-mode .chapter-image-container{background:#02050a!important}.horizontal-mode .chapter-image{max-height:100%!important;width:auto!important;max-width:100%!important;object-fit:contain}
@media (max-width:782px){body.admin-bar .reader-progress{top:46px}.chapter-title-bar{padding:10px 14px!important}.chapter-title-bar .manga-title{font-size:12px!important}.chapter-views{display:none!important}.reader-stage-head{margin:16px auto 8px;padding:0 12px}.reader-stage-head__title strong{font-size:18px}.reader-stage-head__hint{display:none}.chapter-content{padding:0 0 12px!important}.chapter-reader{border-radius:0!important;border-left:0;border-right:0;padding-top:0}.page-number{right:8px!important;bottom:8px!important}.chapter-footer{padding:0 10px 92px!important}.chapter-navigation-bottom{display:grid!important;grid-template-columns:1fr 1fr!important}.chapter-nav-btn{width:100%!important;justify-content:center!important;font-size:12px!important}.chapter-nav-btn.back-to-manga{grid-column:1/-1;grid-row:2}.reader-mobile-bar{width:calc(100vw - 12px)!important;bottom:max(6px,env(safe-area-inset-bottom,0px))!important;border-radius:16px!important;padding:5px!important}.reader-mobile-bar__item{min-height:52px!important}.reader-mobile-sheet:not([hidden]){width:calc(100vw - 12px)!important}}
@media (max-width:480px){.reader-stage-head__title span{font-size:9px}.reader-stage-head__title strong{font-size:16px}.chapter-navigation-bottom{grid-template-columns:1fr!important}.chapter-nav-btn.back-to-manga{grid-column:auto;grid-row:auto}.reader-mobile-bar__item span{font-size:9px!important}.reader-mobile-bar__item svg{width:18px!important;height:18px!important}} body.single-chapter .chapter-images:not(.horizontal-mode){
display:block!important;
line-height:0!important;
font-size:0!important;
gap:0!important;
row-gap:0!important;
column-gap:0!important;
margin:0!important;
padding:0!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container{
display:block!important;
position:relative!important;
width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
line-height:0!important;
font-size:0!important;
min-height:0!important;
height:auto!important;
overflow:hidden!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container + .chapter-image-container{
margin-top:-1px!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) img.chapter-image{
display:block!important;
vertical-align:top!important;
width:100%!important;
max-width:100%!important;
height:auto!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
line-height:0!important;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .page-number{
position:absolute!important;
z-index:2!important;
} body.single-chapter .reader-sidebar__zoom-label{
cursor:pointer;
user-select:none;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container{
scrollbar-width:thin;
scrollbar-color:#334866 #050913;
}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container::-webkit-scrollbar{height:7px}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container::-webkit-scrollbar-track{background:#050913}
body.single-chapter .chapter-images:not(.horizontal-mode) .chapter-image-container::-webkit-scrollbar-thumb{background:#334866;border-radius:999px} body.single-chapter .reader-mobile-bar{
width:min(620px,calc(100vw - 20px))!important;
padding:4px!important;
gap:4px!important;
border-radius:14px!important;
bottom:max(7px,env(safe-area-inset-bottom,0px))!important;
}
body.single-chapter .reader-mobile-bar__item{
min-height:42px!important;
padding:4px 2px!important;
gap:2px!important;
border-radius:10px!important;
}
body.single-chapter .reader-mobile-bar__item svg{
width:17px!important;
height:17px!important;
}
body.single-chapter .reader-mobile-bar__item span{
font-size:9px!important;
line-height:1!important;
}
body.single-chapter .reader-mobile-sheet{
bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;
}
body.single-chapter .chapter-reader-container{
padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
}
@media (max-width:782px){
body.single-chapter .reader-mobile-bar{
width:calc(100vw - 14px)!important;
padding:3px!important;
gap:3px!important;
border-radius:12px!important;
}
body.single-chapter .reader-mobile-bar__item{
min-height:40px!important;
padding:3px 1px!important;
border-radius:9px!important;
}
body.single-chapter .reader-mobile-bar__item svg{width:16px!important;height:16px!important;}
body.single-chapter .reader-mobile-bar__item span{font-size:8px!important;}
body.single-chapter .reader-mobile-sheet{bottom:calc(58px + env(safe-area-inset-bottom,0px))!important;}
}
@media (max-width:480px){
body.single-chapter .reader-mobile-bar__item{min-height:38px!important;}
body.single-chapter .reader-mobile-bar__item svg{width:15px!important;height:15px!important;}
} @media (max-width: 782px) {
body.single-chapter #comments,
body.single-chapter .comments-area,
body.single-chapter #wpdcom,
body.single-chapter .wpd-comments,
body.single-chapter .comment-section,
body.single-chapter .comments-section {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
box-sizing: border-box !important;
}
body.single-chapter #comments *,
body.single-chapter .comments-area *,
body.single-chapter #wpdcom *,
body.single-chapter .wpd-comments *,
body.single-chapter .comment-section *,
body.single-chapter .comments-section * {
max-width: 100%;
box-sizing: border-box;
}
body.single-chapter.reader-comments-visible .reader-mobile-bar {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translate(-50%, 14px) !important;
}
body.single-chapter .reader-mobile-bar {
transition: opacity .2s ease, visibility .2s ease, transform .2s ease !important;
}
}.user-dropdown {
position: absolute;
top: 100%;
right: 0;
width: 280px;
background-color: #ffffff; border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all 0.2s ease-in-out;
}
body.dark .user-dropdown {
background-color: #2d2d2d; }
.user-dropdown.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.user-dropdown-content {
padding: 16px;
}
.user-dropdown-header {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.user-dropdown-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
margin-right: 12px;
object-fit: cover;
}
.user-dropdown-info {
display: flex;
flex-direction: column;
}
.user-dropdown-name {
font-weight: 600;
font-size: 16px;
color: #333333; }
body.dark .user-dropdown-name {
color: #f0f0f0; }
.user-dropdown-email {
font-size: 14px;
color: #666666; }
body.dark .user-dropdown-email {
color: #b0b0b0; }
.user-dropdown-menu {
display: flex;
flex-direction: column;
}
.user-dropdown-item {
display: flex;
align-items: center;
padding: 10px 8px;
border-radius: 6px;
color: #333333; text-decoration: none;
transition: background-color 0.2s;
}
body.dark .user-dropdown-item {
color: #f0f0f0; }
.user-dropdown-item:hover {
background-color: #f5f5f5; }
body.dark .user-dropdown-item:hover {
background-color: #3d3d3d; }
.user-dropdown-item svg {
margin-right: 12px;
color: #666666; }
body.dark .user-dropdown-item svg {
color: #b0b0b0; }
.user-dropdown-divider {
height: 1px;
background-color: #e0e0e0; margin: 8px 0;
}
body.dark .user-dropdown-divider {
background-color: #444444; } @media (min-width: 769px) {
.user-menu-container {
position: relative;
}
.user-dropdown {
position: absolute;
top: calc(100% + 10px);
right: 0;
}
} @media (max-width: 768px) {
.user-dropdown {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
width: 90%;
max-width: 320px;
border-radius: 12px;
z-index: 1001;
}
.user-dropdown.active {
transform: translate(-50%, -50%) scale(1);
}
} .dropdown-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
z-index: 999;
display: none;
}
.dropdown-overlay.active {
display: block;
}.manga-language-flag {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 24px;
height: 18px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.manga-language-flag img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.manga-card .manga-language-flag {
top: 10px;
left: 10px;
z-index: 2;
width: 21px;
height: 11px;
}
.manga-title .manga-language-flag {
margin-right: 10px;
width: 32px;
height: 24px;
}
.chapter-item .manga-language-flag {
margin-right: 5px;
width: 24px;
height: 18px;
} .language-filter-container {
margin-bottom: 20px;
padding: 10px 15px;
background-color: var(--card-bg);
border-radius: 8px;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.language-filter-container label {
margin-right: 10px;
font-weight: 500;
color: var(--text);
}
.language-filter {
padding: 8px 12px;
border-radius: 6px;
border: 1px solid var(--border);
background-color: var(--background);
color: var(--text);
font-size: 0.9rem;
cursor: pointer;
min-width: 150px;
}
.language-filter:focus {
outline: none;
border-color: var(--primary);
box-shadow: 0 0 0 2px rgba(12, 255, 138, 0.2);
} .manga-filters .language-filter-group {
display: flex;
align-items: center;
}
.manga-filters .language-filter-label {
display: flex;
align-items: center;
margin-right: 10px;
}
.manga-filters .language-filter-label .language-icon {
margin-right: 5px;
} @media (max-width: 768px) {
.language-filter-container {
flex-direction: column;
align-items: flex-start;
}
.language-filter-container label {
margin-bottom: 8px;
}
.language-filter {
width: 100%;
}
}.slimeread-language-filter-widget {
margin-bottom: 30px;
}
.language-filter-widget .language-list {
list-style: none;
padding: 0;
margin: 0;
}
.language-filter-widget .language-item {
margin-bottom: 8px;
border-radius: 6px;
transition: all 0.2s ease;
}
.language-filter-widget .language-item:hover {
background-color: rgba(255, 255, 255, 0.05);
}
.language-filter-widget .language-item.active {
background-color: var(--primary);
}
.language-filter-widget .language-item.active .language-link {
color: #000;
}
.language-filter-widget .language-link {
display: flex;
align-items: center;
padding: 8px 12px;
color: var(--text);
text-decoration: none;
border-radius: 6px;
}
.language-filter-widget .language-flag {
margin-right: 10px;
width: 24px;
height: 18px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.language-filter-widget .language-flag img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.language-filter-widget .language-name {
flex-grow: 1;
font-size: 0.95rem;
}
.language-filter-widget .language-count {
font-size: 0.8rem;
color: var(--text-secondary);
opacity: 0.8;
}
.language-filter-widget .language-item.active .language-count {
color: rgba(0, 0, 0, 0.7);
} @media (max-width: 768px) {
.language-filter-widget .language-link {
padding: 10px 12px;
}
}html body #sr-login-modal.login-dropdown{
position:fixed!important; inset:0!important; width:100%!important; min-width:0!important; max-width:none!important; max-height:none!important; left:0!important; top:0!important; right:0!important; bottom:0!important; height:100vh!important; height:100dvh!important;
margin:0!important; padding:clamp(12px,3vw,28px)!important; box-sizing:border-box!important;
display:flex!important; align-items:center!important; justify-content:center!important;
overflow-x:hidden!important; overflow-y:auto!important; background:rgba(2,5,10,.78)!important;
backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important;
border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important;
opacity:0!important; visibility:hidden!important; pointer-events:none!important;
z-index:2147483600!important;
}
html body #sr-login-modal.login-dropdown.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
html body #sr-login-modal > .login-dropdown-content{
position:relative!important; inset:auto!important; transform:none!important;
width:min(480px,100%)!important; max-width:480px!important; min-width:0!important;
height:auto!important; max-height:calc(100dvh - 24px)!important; margin:auto!important;
padding:24px 26px 26px!important; box-sizing:border-box!important; overflow:auto!important;
background:linear-gradient(180deg,#0c121d 0%,#090e17 100%)!important;
border:1px solid #263247!important; border-radius:18px!important;
box-shadow:0 28px 90px rgba(0,0,0,.68)!important; opacity:1!important; visibility:visible!important;
z-index:1!important;
}
html body #sr-login-modal .modal-close{position:absolute!important;top:12px!important;right:12px!important;z-index:3!important;}
html body #sr-login-modal .login-tabs{margin:0 42px 20px 0!important;}
html body.sr-login-open{overflow:hidden!important;}
@media (max-width:600px){
html body #sr-login-modal.login-dropdown{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;}
html body #sr-login-modal > .login-dropdown-content{width:100%!important;max-width:430px!important;padding:20px 14px 16px!important;border-radius:15px!important;max-height:calc(100dvh - 16px)!important;}
}
@media (max-height:620px){html body #sr-login-modal.login-dropdown{align-items:flex-start!important;}html body #sr-login-modal > .login-dropdown-content{margin-top:8px!important;margin-bottom:8px!important;}}
html body #sr-login-modal #login-form,html body #sr-login-modal #register-form{width:100%!important;min-width:0!important;max-width:100%!important;display:block!important;float:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body #sr-login-modal .form-group{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html body #sr-login-modal input[type="text"],html body #sr-login-modal input[type="email"],html body #sr-login-modal input[type="password"]{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}
html body #sr-login-modal .login-submit,html body #sr-login-modal .register-submit{position:static!important;float:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:44px!important;transform:none!important;margin:16px 0 0!important;padding:12px 16px!important;box-sizing:border-box!important;text-align:center!important;white-space:normal!important}
html body #sr-login-modal>.login-dropdown-content{overflow-x:hidden!important;flex:0 1 480px!important;max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important}
html body #sr-login-modal .remember-me{display:flex!important;align-items:center!important;gap:8px!important}
html body #sr-login-modal .remember-me input{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important}html body #sr-search-modal.search-dropdown{
position:fixed!important; inset:0!important; width:100vw!important; height:100vh!important; height:100dvh!important;
margin:0!important; padding:clamp(12px,4vw,40px)!important; box-sizing:border-box!important;
display:flex!important; align-items:center!important; justify-content:center!important; overflow:auto!important;
background:rgba(2,5,10,.78)!important; backdrop-filter:blur(8px)!important; -webkit-backdrop-filter:blur(8px)!important;
border:0!important; border-radius:0!important; box-shadow:none!important; transform:none!important;
opacity:0!important; visibility:hidden!important; pointer-events:none!important; z-index:2147483600!important;
}
html body #sr-search-modal.search-dropdown.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
html body #sr-search-modal > .search-dropdown-content{
position:relative!important; inset:auto!important; transform:none!important;
width:min(680px,100%)!important; max-width:680px!important; min-width:0!important; margin:auto!important;
padding:28px!important; box-sizing:border-box!important;
background:linear-gradient(180deg,#0b1220,#080e18)!important; border:1px solid rgba(122,145,185,.28)!important;
border-radius:18px!important; box-shadow:0 28px 90px rgba(0,0,0,.68)!important; opacity:1!important;visibility:visible!important;z-index:1!important;
}
html body #sr-search-modal .search-modal-heading{font-size:1.1rem!important;font-weight:800!important;color:#f6f8fc!important;margin:0 42px 18px 0!important;}
html body #sr-search-modal .modal-close{position:absolute!important;top:14px!important;right:14px!important;z-index:3!important;}
html body #sr-search-modal .search-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;width:100%!important;margin:0!important;}
html body #sr-search-modal .search-modal-label{display:block!important;min-width:0!important;margin:0!important;}
html body #sr-search-modal .search-field{width:100%!important;height:48px!important;box-sizing:border-box!important;margin:0!important;padding:0 16px!important;border:1px solid #26354d!important;border-radius:12px!important;background:#070d17!important;color:#f7f9fc!important;font-size:16px!important;outline:none!important;}
html body #sr-search-modal .search-field:focus{border-color:#ff3d75!important;box-shadow:0 0 0 3px rgba(255,61,117,.12)!important;}
html body #sr-search-modal .search-submit{height:48px!important;min-width:112px!important;padding:0 18px!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:0!important;border-radius:12px!important;background:linear-gradient(100deg,#ff336d,#9e37e8)!important;color:#fff!important;font-weight:800!important;cursor:pointer!important;}
html body.sr-search-open{overflow:hidden!important;}
@media (max-width:600px){html body #sr-search-modal.search-dropdown{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;}html body #sr-search-modal > .search-dropdown-content{padding:22px 16px 16px!important;border-radius:15px!important;}html body #sr-search-modal .search-form{grid-template-columns:1fr!important;}html body #sr-search-modal .search-submit{width:100%!important;min-width:0!important;}}
@media (max-height:520px){html body #sr-search-modal.search-dropdown{align-items:flex-start!important;}html body #sr-search-modal > .search-dropdown-content{margin-top:8px!important;margin-bottom:8px!important;}}#sr-dropdown-overlay{display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
body>#sr-user-dropdown{position:fixed!important;right:auto!important;bottom:auto!important;transform:none!important;max-width:calc(100vw - 24px)!important;margin:0!important;z-index:2147483000!important;overflow-y:auto!important;background:#0b111b!important;color:#f5f7fb!important;border:1px solid #303948!important;border-radius:14px!important;box-shadow:0 14px 48px #0008!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:opacity .15s ease,visibility .15s ease!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body>#sr-user-dropdown.active{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
body>#sr-user-dropdown .user-dropdown-content{background:#0b111b!important;filter:none!important;padding:16px!important}
body>#sr-user-dropdown .user-dropdown-name{color:#f5f7fb!important}body>#sr-user-dropdown .user-dropdown-email{overflow-wrap:anywhere;color:#9aa9bd!important}body>#sr-user-dropdown .user-dropdown-item{color:#cbd3e1!important}body>#sr-user-dropdown .user-dropdown-item:hover{background:#162132!important;color:#fff!important} body.single-chapter .reader-mobile-bar{grid-template-columns:repeat(6,minmax(0,1fr))!important}
body.single-chapter.sr-reader-controls-hidden .reader-mobile-bar,body.single-chapter.sr-reader-controls-hidden .reader-sidebar,body.single-chapter.sr-reader-controls-hidden .reader-mobile-sheet,body.single-chapter.sr-reader-controls-hidden .reader-mobile-backdrop{display:none!important;pointer-events:none!important}
body.single-chapter .reader-show-menu{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:9100;border:1px solid #354a62;border-radius:20px;padding:9px 13px;background:#0b1523;color:#dbe5f5;font-size:12px;line-height:1.2;cursor:pointer;box-shadow:0 3px 14px #0008}
body.single-chapter .reader-show-menu[hidden]{display:none!important}
body.single-chapter .reader-show-menu:focus-visible{outline:2px solid #e855a1;outline-offset:3px}
body.single-chapter #sidebarHideMenu svg{width:20px;height:20px}
@media(max-width:360px){body.single-chapter .reader-mobile-bar{gap:3px!important;padding:5px!important}body.single-chapter .reader-mobile-bar__item{padding-left:2px!important;padding-right:2px!important}body.single-chapter .reader-mobile-bar__item span{font-size:10px!important}}