/* Shared presentation layer. Business routes and player behavior stay unchanged. */
:root{--bg:#101113;--panel:#1b1c20;--panel2:#26272c;--field:#141518;--text:#f2f2f4;--muted:#a0a1aa;--line:#ffffff14;--accent:#8eb9f5;--header-height:64px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}
html{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
body,.detail-body,.account-page{background:var(--bg)!important;color:var(--text)}
body{min-width:0;line-height:1.5}
button,input,textarea,select{font-family:inherit}
input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important;line-height:1.4;max-width:100%}
button,a,input,textarea,select{touch-action:manipulation}
button,a{transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
button:focus-visible,a:focus-visible{outline:2px solid #8eb9f5;outline-offset:4px}
button:active{transform:scale(.98)}
button:disabled{transform:none;opacity:.5;cursor:default}
.site-header,.detail-body .site-header{height:calc(var(--header-height) + var(--safe-top));padding-top:var(--safe-top);position:sticky;top:0;background:#161719ed!important;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.header-inner{max-width:1248px;padding:0 24px;gap:24px;min-width:0}
.brand{min-width:0;gap:10px}.brand b{font-size:17px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-mark{width:32px;height:32px;flex:none;border-radius:10px;box-shadow:none!important;background:#eeeeef;color:#161719}
.brand-mark.has-image{background-color:transparent!important}
.desktop-nav{align-self:center;gap:4px}.desktop-nav button{min-height:38px;border:0;border-radius:999px;font-size:14px;padding:0 18px;min-width:0}
.desktop-nav button.active{background:#ffffff0d;color:var(--text);border:0}
.search-trigger,.account-trigger,.detail-body .detail-back,.detail-body .account-trigger{height:40px;min-height:40px;border:1px solid var(--line);background:#ffffff08;color:var(--text);box-shadow:none;border-radius:999px;font-size:13px;font-weight:550;backdrop-filter:none;-webkit-backdrop-filter:none}
.account-trigger{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 18px}
.search-trigger{flex:none;width:40px}.search-icon{width:17px;height:17px;border-width:1.8px;margin:-3px 3px 0 0}.search-icon:after{height:1.8px;width:7px}
main{max-width:1248px;padding:32px 24px 100px}
.page-heading{align-items:center;gap:16px;margin-bottom:24px}.page-heading h1{font-size:26px;font-weight:650;line-height:1.3}.page-heading p{font-size:10px;color:var(--muted);margin-bottom:7px}.page-heading>span{font-size:12px}
.category-strip{top:calc(var(--header-height) + var(--safe-top));max-width:1248px;padding:10px 24px;gap:8px;background:#101113f7!important;border:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.category-strip button,.hot-keywords button,.novel-tags button{font-size:12px;font-weight:500;border:1px solid var(--line)!important;background:#ffffff06!important;color:#c5c5cc!important;box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.category-strip button{min-height:32px;padding:0 14px}
.announcement{max-width:1200px;height:36px;margin:10px auto 0;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:#ffffff03!important;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.announcement b{color:#c2c3ca;font-size:11px}.announcement span{font-size:12px;color:var(--muted)}
.video-grid,.compact-grid{gap:26px 16px}.cover,.tile-cover{aspect-ratio:3/4;border-radius:14px;background:#202126;box-shadow:none!important;isolation:isolate}
.cover:after{background:linear-gradient(transparent 78%,#0006)}
.cover time,.tile-duration{bottom:9px;right:9px;padding:3px 7px;border-radius:6px;font-size:10px;font-weight:550;font-variant-numeric:tabular-nums;background:#111a}
.video-card h3{min-height:3.2em;font-size:14px;font-weight:550;line-height:1.6;margin:11px 0 4px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.card-meta{font-size:11px;color:#92939c}.video-card:hover .cover{box-shadow:none}
.cover.cover-missing:before{content:attr(data-fallback);font-size:34px;font-weight:650;color:#72747d;background:#202126}.cover.cover-missing:after{background:none}
.skeleton-card{min-width:0}.skeleton-cover,.skeleton-line,.skeleton-heading{position:relative;overflow:hidden;background:#1d1e22}.skeleton-cover{aspect-ratio:3/4;border-radius:14px}.skeleton-line{width:78%;height:12px;margin-top:12px;border-radius:5px}.skeleton-line-short{width:46%;height:9px;margin-top:8px}.skeleton-heading{width:120px;height:20px;border-radius:6px;margin-bottom:18px}.skeleton-cover:after,.skeleton-line:after,.skeleton-heading:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#ffffff09,transparent);animation:skeleton-sweep 1.8s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translateX(100%)}}
.home-section+.home-section{margin-top:40px;padding-top:32px;border-color:var(--line)}
.home-section-heading button,.quiet-button,.load-more,.my-view-all,.likes-load-more,.novel-pagination button{border:1px solid var(--line);background:#ffffff06!important;color:#c6c7ce;box-shadow:none;min-height:34px;height:34px;padding:0 15px;font-size:12px;font-weight:500;border-radius:999px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.load-more,.likes-load-more{display:flex;width:max-content;max-width:100%;min-width:112px;margin:28px auto 0}
.search-bar{gap:10px;margin:4px 0 20px}.search-bar input{height:48px;background:#1c1d21;border:1px solid var(--line);box-shadow:none;border-radius:14px;padding:0 16px}.search-bar button{height:48px;box-shadow:none;background:#ffffff08!important}
.hot-keywords{gap:8px;grid-template-rows:repeat(2,32px);padding-bottom:14px;margin-bottom:28px}.hot-keywords button{height:32px;min-height:32px;padding:0 14px}
.novel-tags{top:calc(var(--header-height) + var(--safe-top));background:var(--bg)}.novel-tags button.active{background:#e8e8ed!important;color:#17181b!important;-webkit-text-fill-color:#17181b!important}
.novel-list{max-width:none;gap:4px}.novel-card{padding:18px 0;gap:18px}.novel-cover{border-radius:10px;box-shadow:none}.novel-card h2{font-weight:600}.novel-card p{color:var(--muted)}.novel-card .novel-classes{color:#b3bdd0}.novel-pagination{justify-content:center}
.service-grid{gap:18px}.service-card{border-radius:18px;background:#1b1c20!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.service-copy h2{font-weight:600}.service-copy p{color:var(--muted)}
.service-copy a,.primary-link,.popup-ad-copy a,.limit-actions a{background:#ececf0;color:#17181b;box-shadow:none;font-weight:600;border-radius:999px;min-height:40px;align-items:center;justify-content:center}
.detail-main{max-width:1180px;padding-top:24px;padding-bottom:calc(104px + var(--safe-bottom))}.player-stage{border:1px solid var(--line);border-radius:18px;box-shadow:none}.player-state{background:#0007}.player-state p{font-size:13px;color:#cccdd3}
.video-info{padding:26px 0}.video-info h1{font-size:22px;font-weight:600}.video-title-row{gap:24px}.detail-tags a{display:inline-flex;align-items:center;min-height:30px;border:1px solid var(--line);border-radius:999px;background:#ffffff05;color:#bfc1c9;padding:4px 11px;text-decoration:none;font-size:12px}.detail-tags a:hover{background:#ffffff0d;color:#fff;border-color:#ffffff26}
.search-summary{margin:-8px 0 16px;color:var(--muted);font-size:12px;text-align:right}.empty-state{width:100%;grid-column:1/-1;padding:48px 16px;text-align:center}.empty-state p{margin:0;color:var(--muted)}.empty-state button{min-height:36px;margin-top:14px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#ffffff07;color:var(--text);cursor:pointer}
.video-actions{gap:10px;flex-wrap:wrap}.video-actions button,.next-video-button{height:44px;border-radius:999px;border:1px solid var(--line);background:#ffffff08;color:#e2e2e8;box-shadow:none;font-size:13px;font-weight:550;backdrop-filter:none}.like-button.liked{color:#ff8f9f;background:#ff8f9f0d}.recommend-section{margin-top:32px}.section-heading h2{font-weight:600}
.my-page{max-width:960px}.my-page .auth-view,.account-panel{border-radius:24px!important;background:#1b1c20!important;border:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:32px}
.my-page .auth-view{margin:24px auto;max-width:440px}.auth-tabs{border:0;background:#111214;padding:4px;gap:4px}.auth-tabs button{font-size:14px;font-weight:600}.auth-tabs button.active{background:#33343a;color:#f5f5f7;box-shadow:0 1px 3px #0003}.my-page .auth-tabs{margin-bottom:18px}
.auth-pane{padding-top:12px}.my-page .auth-pane h2,.account-panel>h1{font-size:25px;font-weight:650;margin-bottom:24px}.account-intro{color:var(--muted);line-height:1.8}.account-kicker,.account-switch{color:#abc7ef}
.my-page .auth-pane label,.account-panel label,.member-box label{font-size:13px;font-weight:500;color:#bcbec7;gap:9px}
.my-page .auth-pane input,.account-panel input,.member-box input,.profile-edit input{height:50px!important;border:1px solid #ffffff18!important;border-radius:12px!important;background:#141518!important;color:var(--text);box-shadow:none!important;padding:0 15px;min-width:0}
.my-page .auth-pane input:focus,.account-panel input:focus,.member-box input:focus,.search-bar input:focus{border-color:#8eb9f5!important;outline:2px solid #8eb9f533;outline-offset:1px;box-shadow:none!important}
.my-page .auth-pane .primary-button,.account-panel form>.primary-button,.member-box .primary-button,.primary-button{background:#ececf0!important;color:#151619!important;box-shadow:none!important;min-height:46px;border-radius:999px!important;font-size:14px;font-weight:600}
.my-page .auth-pane .primary-button,.account-panel form>.primary-button{width:100%;margin-top:8px}.forgot-password-link{justify-self:end;color:#abc7ef;font-size:12px;padding:6px 0;margin-top:-7px;min-height:30px}.form-message{line-height:1.6}
.profile-header,.profile-panel,.info-card,.member-box,.likes-card,.profile-edit{background:#1b1c20!important;border:1px solid var(--line)!important;border-radius:18px;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.profile-header{padding:22px}.profile-grid{gap:12px}.info-card{padding:18px}.member-box,.likes-card{padding:22px;margin-top:20px}.secondary-button{box-shadow:none;background:#ffffff06!important}
.limit-modal,.popup-ad{padding:24px 20px;background:#0009;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.limit-modal>div,.popup-ad>article{border-radius:24px;background:#222328;border:1px solid #ffffff1a;box-shadow:0 24px 80px #0005;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 40px);overflow:auto}
.limit-modal>div{padding:40px 24px 26px}.limit-modal h2,.popup-ad-copy h2{font-size:21px;font-weight:600}.limit-modal p,.popup-ad-copy p{font-size:14px;line-height:1.8}.limit-actions{gap:10px}.limit-actions button{background:#ffffff09;box-shadow:none}.limit-modal .limit-close,.popup-ad>article>button{width:36px;height:36px;background:#ffffff0b;color:#d8d8de;font-weight:400}.share-panel input{font-size:16px}
#passwordChangeBox{border-radius:22px!important;background:#222328!important;max-height:calc(100dvh - 48px - var(--safe-top) - var(--safe-bottom));overflow:auto;box-shadow:0 24px 70px #0005!important}
.toast{background:#eaeaf0;color:#17181b;box-shadow:0 8px 24px #0003;border-radius:16px;font-size:13px;bottom:calc(86px + var(--safe-bottom))}
.novel-reader{background:var(--bg)}.novel-reader article{padding-top:calc(64px + var(--safe-top));padding-bottom:calc(90px + var(--safe-bottom))}.reader-close{top:calc(16px + var(--safe-top))}.reader-content{line-height:2;color:#d8d8de}
.mobile-nav{background:#1b1c20f2!important;border-color:var(--line)!important;box-shadow:none;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.mobile-nav button,.mobile-nav a{min-height:60px;font-size:10px;font-weight:500;gap:5px;color:#8b8d98}.mobile-nav button.active,.mobile-nav a.active{color:#f2f2f4}.mobile-nav button.active span{color:inherit}
/* Vector navigation avoids platform-dependent text glyphs. */
.mobile-nav span{display:block;width:22px;height:22px;margin:auto;font-size:0!important;background:currentColor;-webkit-mask:var(--nav-icon) center/contain no-repeat;mask:var(--nav-icon) center/contain no-repeat}
.mobile-nav :nth-child(1)>span{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='m3 10 9-7 9 7v10H15v-7H9v7H3Z'/%3E%3C/svg%3E")}
.mobile-nav :nth-child(2)>span{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 5C9 3 5 3 3 4v15c3-1 6-1 9 1 3-2 6-2 9-1V4c-2-1-6-1-9 1Zm0 0v15'/%3E%3C/svg%3E")}
.mobile-nav :nth-child(3)>span{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
.mobile-nav :nth-child(4)>span{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E")}
@media(hover:hover){.video-card:hover h3{color:#c2d7f5}.category-strip button:hover,.hot-keywords button:hover,.load-more:hover{background:#ffffff10!important}.video-card:hover .cover img{transform:scale(1.025)}.cover img{transition:opacity .2s,transform .25s}}
@media(max-width:820px){.mobile-nav{display:grid;position:fixed;inset:auto 0 0;z-index:50;grid-template-columns:repeat(4,1fr)}.header-inner{gap:14px}.video-grid,.compact-grid{gap:22px 12px}}
@media(max-width:600px){
 :root{--header-height:58px}html{scroll-padding-top:110px}
 .header-inner{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));gap:10px}.brand b{font-size:15px}.brand-mark{width:29px;height:29px;border-radius:9px}.account-trigger{display:inline-flex;max-width:92px;padding:0 13px;flex-shrink:0}.search-trigger{width:38px;height:38px;min-height:38px}
 main{padding:24px max(16px,env(safe-area-inset-right)) calc(96px + var(--safe-bottom)) max(16px,env(safe-area-inset-left))}.page-heading{margin-bottom:20px;gap:10px}.page-heading h1{font-size:23px}.page-heading>span{font-size:11px}
 .category-strip{padding:8px 16px;gap:8px}.announcement{margin:8px 16px 0}.video-grid,.compact-grid,.category-section .video-grid,.recommended-home .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.cover{border-radius:12px}.video-card h3{font-size:13px;margin-top:9px}.card-meta{font-size:10px}.skeleton-cover{border-radius:12px}
 .home-section+.home-section{margin-top:30px;padding-top:26px}.home-section-heading button{padding:0 11px;font-size:11px;flex:none}.search-bar{grid-template-columns:38px minmax(0,1fr) 56px;gap:7px}.search-bar input{padding:0 12px}.search-bar button{font-size:13px}
 .detail-main{padding-top:12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:calc(100px + var(--safe-bottom))}.player-stage{border:1px solid var(--line);border-radius:14px}.video-info{padding:22px 4px}.recommend-section{padding:0 4px}.video-info h1{font-size:18px;line-height:1.6}.video-actions{justify-content:flex-start;margin-top:18px}.detail-body .detail-back,.detail-body .account-trigger{min-width:60px;height:38px;max-width:100px;font-size:12px}.detail-brand{min-width:0}.detail-brand b{max-width:100px}
 .my-page{padding-bottom:16px}.my-page .auth-view{margin:12px auto 24px;padding:24px 20px;border-radius:22px!important}.my-page .auth-pane h2{font-size:24px}.profile-header,.member-box,.likes-card{padding:18px}.profile-grid{gap:10px}.info-card{padding:14px}.profile-panel{padding:18px}.service-card{border-radius:16px}.service-copy{padding:16px}.service-copy a{min-height:36px}
 .account-page{padding:calc(20px + var(--safe-top)) max(16px,env(safe-area-inset-right)) calc(28px + var(--safe-bottom)) max(16px,env(safe-area-inset-left));min-height:100svh}.account-panel{margin:auto;padding:26px 20px}.limit-modal>div{padding:40px 20px 24px}.popup-ad-copy{padding:22px}.novel-card{gap:14px}.reader-content{font-size:17px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.announcement span{transform:none!important}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){.site-header,.mobile-nav{background:#1b1c20!important}}

/* System-aware day/night theme. The player canvas deliberately stays black. */
.theme-toggle{width:40px;height:40px;min-width:40px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--text);cursor:pointer;box-shadow:none}
.theme-toggle span{width:19px;height:19px;display:block;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.theme-toggle[data-icon="sun"] span{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 1h1v5h-1zM12 18h1v5h-1zM1 12h5v1H1zM18 12h5v1h-5zM4 4l4 4-.8.8-4-4zM16 16l4 4-.8.8-4-4zM20 4l.8.8-4 4L16 8zM8 16l.8.8-4 4L4 20z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 1h1v5h-1zM12 18h1v5h-1zM1 12h5v1H1zM18 12h5v1h-5zM4 4l4 4-.8.8-4-4zM16 16l4 4-.8.8-4-4zM20 4l.8.8-4 4L16 8zM8 16l.8.8-4 4L4 20z'/%3E%3C/svg%3E")}
.theme-toggle[data-icon="moon"] span{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 15.2A8.7 8.7 0 0 1 8.8 3.5 9 9 0 1 0 20.5 15.2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 15.2A8.7 8.7 0 0 1 8.8 3.5 9 9 0 1 0 20.5 15.2Z'/%3E%3C/svg%3E")}
.account-theme-toggle{position:fixed;z-index:20;top:max(16px,calc(env(safe-area-inset-top) + 12px));right:max(16px,env(safe-area-inset-right))}
:root[data-theme="light"]{--bg:#f4f4f6;--panel:#fff;--panel2:#e9e9ed;--field:#fff;--text:#1d1d1f;--muted:#6e6e73;--line:#1d1d1f17;--accent:#356fae;color-scheme:light}
:root[data-theme="light"] body,:root[data-theme="light"] .detail-body,:root[data-theme="light"] .account-page{background:#f4f4f6!important;color:var(--text)}
:root[data-theme="light"] .site-header,:root[data-theme="light"] .detail-body .site-header{background:#f7f7f9e8!important;border-color:#1d1d1f12;box-shadow:0 1px 0 #00000008}
:root[data-theme="light"] .brand{color:#1d1d1f}:root[data-theme="light"] .brand-mark:not(.has-image){background:#1d1d1f;color:#fff}
:root[data-theme="light"] .desktop-nav button{color:#77777e}:root[data-theme="light"] .desktop-nav button.active{background:#1d1d1f0a;color:#1d1d1f}
:root[data-theme="light"] .search-trigger,:root[data-theme="light"] .theme-toggle,:root[data-theme="light"] .account-trigger,:root[data-theme="light"] .detail-body .detail-back,:root[data-theme="light"] .detail-body .account-trigger{background:#fff!important;color:#29292c!important;border-color:#1d1d1f18!important}
:root[data-theme="light"] .category-strip{background:#f4f4f6f5!important}:root[data-theme="light"] .category-strip button,:root[data-theme="light"] .hot-keywords button,:root[data-theme="light"] .novel-tags button{background:#fff!important;color:#55565d!important;border-color:#1d1d1f17!important}
:root[data-theme="light"] .announcement{background:#ffffffb8!important}:root[data-theme="light"] .announcement b,:root[data-theme="light"] .announcement span{color:#62636a}
:root[data-theme="light"] .page-heading h1,:root[data-theme="light"] .section-heading h2,:root[data-theme="light"] .video-card h3,:root[data-theme="light"] .novel-card h2{color:#1d1d1f}
:root[data-theme="light"] .cover,:root[data-theme="light"] .tile-cover,:root[data-theme="light"] .novel-cover{background:#e6e6ea}:root[data-theme="light"] .cover.cover-missing:before{background:#e5e5e9;color:#77777e}
:root[data-theme="light"] .skeleton-cover,:root[data-theme="light"] .skeleton-line,:root[data-theme="light"] .skeleton-heading{background:#e6e6ea}:root[data-theme="light"] .skeleton-cover:after,:root[data-theme="light"] .skeleton-line:after,:root[data-theme="light"] .skeleton-heading:after{background:linear-gradient(90deg,transparent,#ffffff90,transparent)}
:root[data-theme="light"] .home-section+.home-section,:root[data-theme="light"] .video-info{border-color:#1d1d1f12}
:root[data-theme="light"] .home-section-heading button,:root[data-theme="light"] .quiet-button,:root[data-theme="light"] .load-more,:root[data-theme="light"] .my-view-all,:root[data-theme="light"] .likes-load-more,:root[data-theme="light"] .novel-pagination button{background:#fff!important;color:#4e4f55;border-color:#1d1d1f17}
:root[data-theme="light"] .search-bar input,:root[data-theme="light"] .search-bar button{background:#fff!important;color:#1d1d1f;border-color:#1d1d1f17}
:root[data-theme="light"] .service-card,:root[data-theme="light"] .profile-header,:root[data-theme="light"] .profile-panel,:root[data-theme="light"] .info-card,:root[data-theme="light"] .member-box,:root[data-theme="light"] .likes-card,:root[data-theme="light"] .profile-edit{background:#fff!important;border-color:#1d1d1f14!important}
:root[data-theme="light"] .service-copy h2,:root[data-theme="light"] .profile-header h1,:root[data-theme="light"] .member-heading h2,:root[data-theme="light"] .section-title h2{color:#1d1d1f}
:root[data-theme="light"] .my-page .auth-view,:root[data-theme="light"] .account-panel{background:#fff!important;border-color:#1d1d1f14!important}
:root[data-theme="light"] .auth-tabs{background:#eeeeF1}:root[data-theme="light"] .auth-tabs button{color:#696a70}:root[data-theme="light"] .auth-tabs button.active{background:#fff;color:#1d1d1f;box-shadow:0 1px 4px #0002}
:root[data-theme="light"] .my-page .auth-pane label,:root[data-theme="light"] .account-panel label,:root[data-theme="light"] .member-box label{color:#55565d}
:root[data-theme="light"] .my-page .auth-pane input,:root[data-theme="light"] .account-panel input,:root[data-theme="light"] .member-box input,:root[data-theme="light"] .profile-edit input{background:#f7f7f9!important;color:#1d1d1f!important;border-color:#1d1d1f17!important}
:root[data-theme="light"] .primary-button,:root[data-theme="light"] .my-page .auth-pane .primary-button,:root[data-theme="light"] .account-panel form>.primary-button,:root[data-theme="light"] .member-box .primary-button{background:#1d1d1f!important;color:#fff!important}
:root[data-theme="light"] .secondary-button,:root[data-theme="light"] .account-panel>.back-link,:root[data-theme="light"] .me-panel>#logout{background:#f4f4f6!important;color:#343438!important;border-color:#1d1d1f17!important}
:root[data-theme="light"] .mobile-nav{background:#fafafbeF!important;border-color:#1d1d1f14!important}:root[data-theme="light"] .mobile-nav button,:root[data-theme="light"] .mobile-nav a{color:#777980}:root[data-theme="light"] .mobile-nav button.active,:root[data-theme="light"] .mobile-nav a.active{color:#1d1d1f}
:root[data-theme="light"] .detail-tags a,:root[data-theme="light"] .video-actions button,:root[data-theme="light"] .next-video-button{background:#fff;color:#45464c;border-color:#1d1d1f17}
:root[data-theme="light"] .player-stage,:root[data-theme="light"] .player-stage video,:root[data-theme="light"] .preroll-player{background:#000}:root[data-theme="light"] .player-stage{border-color:#000}
:root[data-theme="light"] .limit-modal>div,:root[data-theme="light"] .popup-ad>article,:root[data-theme="light"] #passwordChangeBox{background:#fff!important;color:#1d1d1f;border-color:#1d1d1f16}:root[data-theme="light"] .limit-modal p,:root[data-theme="light"] .popup-ad-copy p{color:#66676d}
:root[data-theme="light"] .novel-tags{background:#f4f4f6}:root[data-theme="light"] .novel-reader{background:#f4f4f6}:root[data-theme="light"] .reader-content{color:#323237}
:root[data-theme="light"] .toast{background:#1d1d1feF;color:#fff}
@media(max-width:600px){.theme-toggle{width:38px;height:38px;min-width:38px}.theme-toggle span{width:18px;height:18px}.account-theme-toggle{top:max(12px,calc(env(safe-area-inset-top) + 8px));right:max(12px,env(safe-area-inset-right))}}

/* iOS Safari zooms the viewport when an editable control renders below 16px. */
input.ios-zoom-safe,textarea.ios-zoom-safe,select.ios-zoom-safe{font-size:16px!important}
@media(max-width:820px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="range"]):not([type="color"]):not([type="file"]),textarea,select{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
}