:root{--bg:#0b0c0e;--panel:#17181bcc;--panel2:#24262bcc;--text:#f5f5f7;--muted:#a1a1aa;--line:#ffffff1f;--accent:#0a84ff;--green:#30d158;color-scheme:dark}
html,body{background:#0b0c0e;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:0}
*,*:before,*:after{letter-spacing:0!important}
[hidden]{display:none!important}
.category-strip[hidden]{display:none!important}
body{background:radial-gradient(ellipse at 50% -20%,#32405255,transparent 46%),#0b0c0e}
button,input,textarea,select{font-family:inherit}
button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .12s ease}
button:active{transform:scale(.97)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0a84ff55;outline-offset:2px}
.site-header{background:#121316b8;border-color:#ffffff17;box-shadow:0 1px 0 #0008;backdrop-filter:saturate(150%) blur(20px);-webkit-backdrop-filter:saturate(150%) blur(20px)}
.brand-mark{background:#f5f5f7;color:#111215;border-radius:8px;box-shadow:inset 0 0 0 1px #fff8,0 5px 18px #0007}
.desktop-nav button{color:#a1a1aa}.desktop-nav button.active{color:#fff;border-color:#0a84ff}
.search-trigger,.account-trigger,.quiet-button,.load-more,.search-bar button,.hot-keywords button,.novel-tags button,.novel-pagination button{border:1px solid #ffffff1c;background:#ffffff0c;color:#f5f5f7;box-shadow:inset 0 1px #ffffff12,0 4px 16px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.search-trigger:hover,.account-trigger:hover,.quiet-button:hover,.load-more:hover,.search-bar button:hover,.hot-keywords button:hover{background:#ffffff16;border-color:#ffffff2c}
.search-bar input{border-color:#ffffff1c;background:#ffffff0b;box-shadow:inset 0 1px #ffffff0d}.search-bar input:focus{border-color:#0a84ff88;background:#ffffff10}
.announcement{border-color:#ffffff1c;background:#ffffff09;box-shadow:inset 0 1px #ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.announcement b,.page-heading p{color:#64d2ff}
.category-strip{background:#101114c7!important;border-color:#ffffff17!important;backdrop-filter:saturate(140%) blur(18px);-webkit-backdrop-filter:saturate(140%) blur(18px)}.category-strip button{background:#ffffff0a!important;border-color:#ffffff18!important;color:#d2d2d7!important;border-radius:7px!important}.category-strip button:hover{background:#ffffff16!important;color:#fff!important}
.cover,.novel-cover{border-radius:7px;box-shadow:0 8px 24px #0005}.video-card h3,.novel-card h2{color:#f5f5f7}.video-card:hover .cover{box-shadow:0 12px 30px #0008}
.play-badge{background:#f5f5f7;color:#151619;box-shadow:0 4px 14px #0007}
.novel-tags button.active{background:#f5f5f7;color:#17181b;border-color:#fff}.novel-cover.title-cover:before{background:#202226;color:#f5f5f7;border:1px solid #ffffff12}
.service-card{background:#17181bb8;border-color:#ffffff1c;box-shadow:inset 0 1px #ffffff0e,0 12px 34px #0004;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.service-copy a,.primary-link,.popup-ad-copy a,.limit-modal a{background:#0a84ff;color:#fff;box-shadow:0 7px 20px #0a84ff33}
.profile-panel,.limit-modal>div,.popup-ad>article{background:#191a1ed9;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff16,0 24px 70px #000a;backdrop-filter:saturate(140%) blur(24px);-webkit-backdrop-filter:saturate(140%) blur(24px)}
.popup-ad{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.popup-ad>article>button,.reader-close{background:#25262bcc;border:1px solid #ffffff24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.novel-reader{background:#0c0d0f}.reader-content{color:#e6e6e9}
.detail-body{background:#08090a}.detail-body .site-header{background:#111215c7}.player-stage{box-shadow:0 16px 55px #000c}.video-info{border-color:#ffffff18}.like-button{background:#ffffff0c;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff10}.like-button.liked{color:#ff375f;border-color:#ff375f66;background:#ff375f12}
.mobile-nav{background:#151619c7!important;border-color:#ffffff1a!important;box-shadow:0 -8px 30px #0007;backdrop-filter:saturate(160%) blur(22px);-webkit-backdrop-filter:saturate(160%) blur(22px)}.mobile-nav button.active{color:#fff}.mobile-nav button.active span{color:#64d2ff}
.toast{background:#f5f5f7e8;color:#111215;box-shadow:0 10px 30px #0008;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.account-page{background:#0b0c0e!important}.account-page:before{background:radial-gradient(ellipse at 50% 0,#34465b66,transparent 48%),#0b0c0e!important}.account-page:after{display:none}.account-panel,.profile-header,.info-card,.me-panel>.member-box,.me-panel>.likes-card,.profile-edit{background:#18191dbd!important;border-color:#ffffff22!important;box-shadow:inset 0 1px #ffffff14,0 24px 70px #0007!important;backdrop-filter:saturate(145%) blur(24px)!important;-webkit-backdrop-filter:saturate(145%) blur(24px)!important}.account-panel{border-radius:22px!important}.account-panel .account-brand .brand-mark,.profile-avatar{background:#f5f5f7!important;color:#111215!important;box-shadow:0 8px 24px #0006!important}.account-panel .account-kicker{color:#64d2ff!important}.account-panel input,.profile-edit input,.member-box input{background:#08090c99!important;border-color:#ffffff20!important;border-radius:12px!important}.account-panel input:focus,.profile-edit input:focus,.member-box input:focus{border-color:#0a84ff99!important;box-shadow:0 0 0 4px #0a84ff1f!important}.account-panel form>.primary-button,.member-box .primary-button{background:#f5f5f7!important;color:#111215!important;box-shadow:0 8px 24px #0005!important}.secondary-button,.account-panel>.back-link,.me-panel>#logout{background:#ffffff0c!important;border-color:#ffffff20!important;color:#f5f5f7!important}.account-panel .account-switch{color:#64d2ff!important}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.site-header,.category-strip,.mobile-nav,.profile-panel,.popup-ad>article,.account-panel{background:#191a1ef5!important}}
@media(max-width:600px){body{background:#0b0c0e}.site-header{backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px)}.category-strip{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.service-card{backdrop-filter:none;-webkit-backdrop-filter:none}.account-panel,.profile-header,.info-card,.me-panel>.member-box,.me-panel>.likes-card,.profile-edit{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(62px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:820px){
  .site-header,.category-strip,.mobile-nav,.announcement,.search-trigger,.account-trigger,.quiet-button,.load-more,.search-bar button,.hot-keywords button,.novel-tags button,.novel-pagination button,.service-card,.profile-panel,.limit-modal>div,.popup-ad,.popup-ad>article,.popup-ad>article>button,.reader-close,.toast,.download-button,.account-panel,.profile-header,.info-card,.me-panel>.member-box,.me-panel>.likes-card,.profile-edit{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .site-header{background:#17181bf2!important}
  .category-strip{background:#17181bf5!important}
  .mobile-nav{background:#17181bf7!important}
  .announcement,.search-trigger,.account-trigger,.quiet-button,.load-more,.search-bar button,.hot-keywords button,.novel-tags button,.novel-pagination button{background:#202226e8!important}
  .cover,.novel-cover{box-shadow:0 4px 12px #0004}
}

/* Command controls use one stable pill silhouette across catalog pages. */
.account-trigger,.quiet-button,.load-more,.search-bar button,.hot-keywords button,.novel-tags button,.novel-pagination button,.category-strip button,.home-section-heading button,.novel-load-error button,.service-copy a,.primary-link,.popup-ad-copy a,.like-button,.download-button,.limit-actions a,.limit-actions button,.share-panel button{border-radius:999px!important}
.home-section-heading button{min-height:34px;padding:0 13px;background:#ffffff08;border:1px solid #ffffff18}
.brand-mark.has-image{background-position:center;background-repeat:no-repeat;background-size:contain;background-color:#ffffff0d;color:transparent;font-size:0}
.brand-mark.has-image{background-color:transparent!important;box-shadow:none!important}
