/* Midnight design tokens. Change these to reskin the entire static template. */
/* Loading state retains each cover/panel's dimensions to prevent reading-position jumps. */
.lazy-media{position:relative;display:block;overflow:hidden;isolation:isolate;container-type:inline-size;background:#191f31}
.lazy-media>.lazy-image,.lazy-media .image-noscript{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;object-fit:cover;object-position:inherit;opacity:0;transition:opacity .2s}
.lazy-media[data-image-state="loaded"]>.lazy-image,.lazy-media .image-noscript{opacity:1}
.image-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#aaa5c1;background:linear-gradient(125deg,#21263a,#171c2c);pointer-events:none}
.image-feedback:before{content:'';width:30px;height:30px;border:2px solid #a28aff29;border-top-color:#ad97ef;border-radius:50%;box-sizing:border-box}
.image-message{max-width:90%;font-size:11px;line-height:1.6;text-align:center}
.lazy-media[data-image-state="idle"] .image-feedback:before{border-color:#77729155;border-top-color:#8b819e}
.lazy-media[data-image-state="loading"] .image-feedback:before{animation:image-loading-spin .85s linear infinite}
.lazy-media[data-image-state="loaded"]>.image-feedback{display:none}
.lazy-media[data-image-state="error"]{cursor:pointer}
.lazy-media[data-image-state="error"] .image-feedback:before{width:44px;height:44px;border:0;border-radius:0;background:url('../images/image-error.svg') center/contain no-repeat;animation:none}
.lazy-media[data-image-state="error"] .image-message{color:#d6b5c8}
.lazy-media:focus-visible{outline:2px solid #c1aaff;outline-offset:3px}
.hero .hero-media{height:100%;width:100%}
.reader-images>.reader-panel{width:100%;aspect-ratio:var(--image-ratio);border-bottom:0}
.reader-images>.reader-panel:last-child{border-bottom:0}
.reader-images>.reader-panel>.lazy-image,.reader-images>.reader-panel .image-noscript{height:100%;border:0;object-fit:contain}
.reader-panel .image-feedback:before{width:38px;height:38px}.reader-panel .image-message{font-size:13px}
.detail-cover:has(.lazy-media:not([data-image-state="loaded"]))>.cover-title{pointer-events:none;opacity:.15}
@container(max-width:80px){.image-message{display:none}.image-feedback:before,.lazy-media[data-image-state="error"] .image-feedback:before{width:21px;height:21px}}
@keyframes image-loading-spin{to{transform:rotate(360deg)}}
:root{color-scheme:dark;--bg:#0e1422;--panel:#191f31;--panel-soft:#141b2b;--line:#303b59;--text:#f6f5ff;--muted:#aab3d4;--faint:#7e8baa;--accent:#a28aff;--accent-bright:#b39cff;--green:#63d4b4;--radius:14px;--shell:560px;--nav:72px;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:100px}body{margin:0;background:#080d17;color:var(--text);font-size:16px;line-height:1.55;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 10%,#22224155,transparent 45%),radial-gradient(ellipse at 90% 80%,#1b2a4055,transparent 45%)}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}img{display:block;max-width:100%}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}h1{font-size:25px}h2{font-size:22px}h3{font-size:17px}button:disabled,.disabled{opacity:.38;cursor:default;pointer-events:none}a,button,input,textarea,summary{outline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent-bright)}input:focus,textarea:focus{outline:none}::selection{background:#8069d7;color:white}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:-100px;left:16px;padding:12px 20px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:12px}
.app{max-width:var(--shell);min-height:100dvh;margin:0 auto;background:var(--bg);padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 12px);box-shadow:0 0 100px #0004;overflow:clip;--page-shell-width:var(--shell)}.page-content{padding:0 20px 24px}.icon{width:23px;height:23px;vertical-align:middle}.icon-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;color:var(--muted)}.icon-button:hover{color:var(--accent);background:#a28aff0c}.brand-header,.page-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px}.brand{font-size:28px;font-weight:750;letter-spacing:1px;white-space:nowrap}.brand-identity{display:flex;align-items:center;gap:10px;min-width:0}.brand-identity .brand{flex-shrink:0}.brand-subtitle{padding-left:10px;border-left:1px solid var(--line);font-size:11px;font-weight:400;line-height:1.4;color:var(--muted);white-space:nowrap}.brand-header .header-actions{flex-shrink:0}.brand-star{font-size:15px;color:var(--accent);vertical-align:top;margin-left:5px}.header-actions{display:flex;align-items:center;gap:15px}.header-actions>.icon-button .icon{width:28px;height:28px;color:var(--text)}.avatar-small{display:grid;place-items:center;border-radius:50%;width:36px;height:36px;background:linear-gradient(135deg,#817bd1,#a28aff);color:white}.avatar-small .icon{width:23px;height:23px;fill:currentColor;stroke-width:1}.page-header{gap:6px}.page-header .page-title{font-size:22px;flex:1;text-align:center;font-weight:650}.page-header .back-link{margin-left:-9px}.page-header>.text-button{font-size:14px}.page-header>.icon-button:last-child{margin-right:-9px}.small-brand{font-weight:700;font-size:17px;white-space:nowrap}.page-header:has(.small-brand) .page-title,.page-header:has(.text-button) .page-title{text-align:left}.muted{color:var(--muted)}.small{font-size:13px}.accent{color:var(--accent)}.eyebrow{display:block;color:var(--muted);font-size:11px;letter-spacing:2px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;color:var(--muted);padding:0;font-size:14px}.text-button:hover,.more:hover,.author:hover{color:var(--accent)}.text-button .icon{width:19px;height:19px}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(125deg,#1b2336,#181e2f);color:var(--text);padding:9px 17px;line-height:1.45;transition:background .2s,transform .15s,border-color .2s}.button:hover{border-color:#736596}.button:active{transform:translateY(1px)}.button.primary{background:linear-gradient(115deg,#9580fa,#a18afa);border-color:#ad99ff;color:#17112f;font-weight:700;box-shadow:inset 0 1px 0 #ffffff25}.button.primary:hover{background:#b39cff}.button.full{width:100%}.button.subtle{background:transparent;color:var(--muted);font-size:14px}.button .icon{width:22px;height:22px}.panel{padding:19px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(125deg,#1b2335,#141b2a)}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:100%;max-width:var(--shell);height:calc(var(--nav) + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:#151c2bf5;backdrop-filter:blur(18px)}.bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--muted);font-size:13px;border-radius:8px}.bottom-nav .icon{width:25px;height:25px}.bottom-nav a.active{color:var(--accent)}.bottom-nav a.active .icon{fill:#a28aff38;stroke-width:2}.bottom-nav a:hover{background:#a28aff0d}
.home-search,.input-wrap{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel);min-height:48px;padding:0 14px;color:var(--muted)}.home-search:focus-within,.input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #a28aff15}.home-search input,.input-wrap input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);padding:12px 0;font-size:16px}.home-search input::placeholder,.input-wrap input::placeholder{color:#8792b5}.home-search{margin-bottom:14px}.hero{position:relative;aspect-ratio:2.03;overflow:hidden;border-radius:14px;margin:0 -5px 17px;background:#1b2947}.hero>a{display:block;height:100%}.hero img{width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .25s}.hero:after{content:"";pointer-events:none;position:absolute;inset:0;background:linear-gradient(0deg,#0b1022ee,transparent 75%)}.hero-copy{position:absolute;left:17px;bottom:28px;right:14px;z-index:1}.hero-copy h2{font-family:"Noto Serif SC","Songti SC",SimSun,serif;font-size:36px;font-weight:500;letter-spacing:3px;text-shadow:0 2px 20px #000}.hero-copy p{font-size:13px;margin-top:3px;color:#f1f0fe}.hero-copy .eyebrow{font-size:10px;color:#e0dcfa;letter-spacing:2px;margin-bottom:2px}.hero-controls{position:absolute;bottom:8px;left:0;width:100%;display:flex;justify-content:center;z-index:2;align-items:center}.hero-dots{display:flex;gap:8px}.hero-dot{width:9px;height:9px;background:#677094;border-radius:10px;padding:0;position:relative}.hero-dot:before{content:"";position:absolute;inset:-10px -5px}.hero-dot.active{width:23px;background:var(--accent)}.hero-pause{position:absolute;right:12px;bottom:-3px;display:grid;place-items:center;width:30px;height:26px;background:#0e14226e;border-radius:6px;color:#cbc3eb}.hero-pause .icon{width:13px;height:13px}.quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0 23px}.quick-nav a{background:linear-gradient(120deg,#1c2334,#171f30);border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:16px}.quick-nav .icon{width:28px;height:28px;color:var(--accent);fill:#a28aff77}.quick-nav a:hover{border-color:var(--accent);background:#222a40}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 13px}.section-heading h2{font-weight:650;letter-spacing:.5px}.section-heading h2 small{font-size:12px;color:var(--faint);font-weight:400;letter-spacing:0}.more{display:flex;gap:4px;align-items:center;color:var(--muted);font-size:14px;white-space:nowrap}.more .icon{width:17px;height:17px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.book-card{min-width:0}.cover{width:100%;object-fit:cover;aspect-ratio:0.8;height:auto;border-radius:9px;border:1px solid #3d4a66}.book-card a:hover .cover{border-color:var(--accent);filter:brightness(1.06)}.book-card h3{margin-top:7px;font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-card p{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.compact-grid .cover{aspect-ratio:1.02}.compact-grid h3{font-size:15px}.compact-grid p{font-size:12px}.night-note{display:flex;gap:9px;align-items:center;border-top:1px solid #26314a;padding:18px 0 0;margin-top:25px;font-size:12px;color:var(--muted)}.night-note>.icon:first-child{color:var(--accent);width:18px;height:18px}.night-note>.icon:last-child{margin-left:auto;width:15px;height:15px}.page-footer{text-align:center;font-size:11px;color:var(--faint);padding:22px 0 3px;letter-spacing:.5px}
.comic-intro{display:grid;grid-template-columns:46% 1fr;gap:19px;margin-top:8px}.detail-cover{position:relative}.detail-cover>.cover{aspect-ratio:.8;height:100%;object-position:55% center}.cover-title{position:absolute;bottom:0;left:0;width:100%;text-align:center;padding:28px 4px 12px;background:linear-gradient(transparent,#0a1024e8);border-radius:0 0 9px 9px;font-family:SimSun,serif;font-size:25px;letter-spacing:2px}.cover-title small{font-family:Georgia,serif;font-size:7px;display:block;letter-spacing:3px;margin-top:2px}.comic-info{padding:9px 0 0;min-width:0}.comic-info h1{font-size:25px;letter-spacing:1px}.author{display:inline-block;color:var(--muted);font-size:14px;margin:6px 0 9px}.tags{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tag,.status{font-size:12px;line-height:1.5;display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:10px;background:#272543;color:#b4a0ff;border:1px solid #3b3a67}.tag:hover{background:#413860}.tag:nth-child(2){color:#a7b6f5;background:#252e4a;border-color:#323b62}.status{color:var(--green);background:#17443e;border-color:#245f52}.status.finished{color:#b5c1d9;background:#29364c;border-color:#37435d}.comic-info .tags{margin:3px 0 12px}.comic-info .update{color:var(--muted);font-size:14px}.summary{font-size:14px;color:var(--muted);line-height:1.85;margin-top:13px}.detail-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin:17px 0 14px}.detail-actions .button{font-size:17px;padding:12px 6px;min-height:49px}.synopsis{font-size:14px;color:var(--muted);border-bottom:1px solid #242c40;padding-bottom:13px}.synopsis summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;min-height:30px}.synopsis .icon{width:17px;height:17px}.synopsis[open] .icon{transform:rotate(90deg)}.synopsis p{padding:10px 0;line-height:1.9}.chapter-list{background:var(--panel);border-radius:12px;padding:0 15px}.chapter-list a{display:flex;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}.chapter-list a:last-child{border-bottom:0}.chapter-list a>span{flex:1}.chapter-list a:hover{color:var(--accent)}.chapter-list time{font-size:12px;color:var(--faint);white-space:nowrap}.chapter-list .icon{width:17px;height:17px;color:var(--muted)}.chapter-section>.button{margin-top:9px;min-height:38px}.chapter-section>.section-heading{margin-top:17px}
.reader-page{--shell:inherit}.reader-page .app{padding-bottom:calc(68px + env(safe-area-inset-bottom));background:#090e18}.reader-header{height:68px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 15px;background:#0e1422f5;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.reader-header h1{font-size:20px;text-align:center}.reader-header p{font-size:13px;color:#b6a9ee;text-align:center}.reader-header .icon-button{color:var(--text)}.reader-main{position:relative;--brightness:1}.reader-images{filter:brightness(var(--brightness));transition:filter .1s}.reader-images img{width:100%;height:auto;border-bottom:0;margin:0;cursor:zoom-out}.reader-images img:last-child{border-bottom:0}.reader-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:var(--shell);height:calc(64px + env(safe-area-inset-bottom));padding:12px 6px calc(12px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:#101625f5;backdrop-filter:blur(10px);z-index:30;border-top:1px solid var(--line)}.reader-bottom>*{display:flex;align-items:center;justify-content:center;gap:8px;border-right:1px solid var(--line);font-size:16px}.reader-bottom>:last-child{border-right:0}.reader-bottom .icon{color:#c6b6f7;width:21px;height:21px}.chapter-end{text-align:center;padding:40px 20px 45px;background:var(--bg)}.chapter-end h2{font-size:23px;margin:12px 0}.chapter-end p{color:var(--muted);font-size:14px}.chapter-end .button{margin-top:22px}.reading-progress{position:fixed;top:68px;width:100%;max-width:var(--shell);height:2px;z-index:21;background:#202c4422}.reading-progress span{height:100%;width:0;display:block;background:var(--accent)}.reader-page.reading-light .reader-main,.reader-page.reading-light .chapter-end{background:#eae5dc;color:#242838}.reader-page.reading-light .chapter-end p{color:#505b73}.reader-page.reading-sepia .reader-main,.reader-page.reading-sepia .chapter-end{background:#30291f}.reader-page.reading-sepia .reader-images{filter:brightness(var(--brightness)) sepia(.25)}.reader-page.immersive .reader-header{transform:translateY(-100%)}.reader-page.immersive .reader-bottom{transform:translate(-50%,100%)}.reader-page.immersive .reading-progress{top:0}.reader-page.immersive .reader-images img{cursor:zoom-in}.reader-header,.reader-bottom{transition:transform .2s}.reader-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:50dvh;overflow:auto;padding:3px}.reader-catalog a{border:1px solid var(--line);padding:10px 4px;border-radius:8px;font-size:12px;text-align:center}.reader-catalog .active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.setting-group{border:0;margin:18px 0;padding:0}.setting-group legend,.setting-label{font-size:14px;color:var(--muted);margin-bottom:10px}.setting-options{display:flex;gap:10px}.setting-options .button{flex:1;padding:8px}.setting-options .active{border-color:var(--accent);color:var(--accent);background:#a28aff16}input[type=range]{width:100%;accent-color:var(--accent)}.reader-tip{font-size:12px;color:var(--faint);line-height:1.7}
.auth-content{padding-bottom:8px}.auth-art{height:330px;position:relative;overflow:hidden}.auth-art>img{width:100%;height:100%;object-fit:cover;object-position:40% center}.auth-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0e14228c,transparent 45%),linear-gradient(0deg,var(--bg) 2%,transparent 70%)}.auth-art-brand{position:absolute;top:12px;left:26px;z-index:1;font-size:23px;font-weight:650;letter-spacing:2px;text-shadow:0 1px 10px #000}.auth-art-brand small{display:block;font-size:12px;font-weight:400;line-height:1.8;color:#c4cbe7;letter-spacing:2px;margin-top:8px}.auth-intro{position:absolute;left:26px;right:26px;bottom:8px;z-index:1}.auth-intro h1{font-family:SimSun,serif;letter-spacing:4px;font-size:40px;font-weight:500}.auth-intro p{color:var(--muted);font-size:16px;margin-top:8px;letter-spacing:1px}.auth-form{padding:18px 26px 8px}.field{margin-bottom:19px}.field>label{display:block;font-size:15px;font-weight:550;margin-bottom:8px}.input-wrap{min-height:50px;gap:11px;border-radius:11px}.input-wrap>.icon{width:22px;height:22px;flex-shrink:0}.input-wrap .icon-button{width:31px;height:36px;margin-right:-6px}.input-wrap .icon-button .icon{width:18px;height:18px}.field-error{font-size:12px;color:#ffa7b4;margin-top:5px;line-height:1.6}.field-error:empty{display:none}.input-wrap:has([aria-invalid=true]){border-color:#e7889c}.captcha-row{display:flex;align-items:center;gap:9px}.captcha-row>.input-wrap{flex:1;min-width:0}.captcha-row input{font-size:14px}.captcha-image{width:104px;flex-shrink:0;padding:0;border-radius:5px;overflow:hidden;background:#e4dff7;height:49px}.captcha-image canvas{display:block;width:100%;height:100%}.captcha-refresh{flex-direction:column;gap:2px;font-size:11px;flex-shrink:0;line-height:1.4;color:var(--accent)}.captcha-refresh .icon{width:18px;height:18px}.auth-submit{min-height:51px;font-size:21px;letter-spacing:3px;margin-top:8px}.auth-switch{text-align:center;color:var(--muted);margin:23px 0 14px;font-size:15px}.auth-switch a{color:var(--accent);font-weight:600;white-space:nowrap}.auth-switch .icon{width:16px;height:16px}.auth-home{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 26px 0;border-top:1px solid var(--line);padding:21px;color:var(--accent)}.login-page .app{padding-bottom:20px}.register-content .auth-art{height:240px}.register-content .auth-art-brand{display:none}.register-content .auth-art:after{background:linear-gradient(0deg,#0e1422bb,transparent),linear-gradient(90deg,transparent,#0e142233)}.register-content .auth-intro{left:auto;right:24px;bottom:38px;text-align:right}.register-content .auth-intro h1{font-size:31px}.register-content .auth-intro p{font-size:14px}.register-content .auth-form{margin:-16px 16px 0;position:relative;background:linear-gradient(135deg,#111827f7,#101624);padding:22px}.register-content .field{margin-bottom:16px}.register-content .auth-home{display:none}.form-error{font-size:13px;color:#ffacbb;margin-bottom:8px}.form-error:empty{display:none}.notice{font-size:13px;color:var(--accent);padding:10px 12px;background:#a28aff13;border:1px solid #a28aff33;border-radius:8px;margin-bottom:16px;overflow-wrap:anywhere}
.account-banner{height:250px;overflow:hidden;border-radius:0 0 50% 8% / 0 0 10% 4%}.account-banner img{width:100%;height:100%;object-fit:cover}.account-content{display:flow-root;padding-top:20px}.profile{display:flex;align-items:center;gap:24px;margin:0 20px 22px;position:relative}.avatar{flex-shrink:0;width:116px;height:116px;object-fit:cover;object-position:50% 20%;border:2px solid #e6e8ff;border-radius:50%;box-shadow:0 0 0 6px var(--bg)}.profile>div{min-width:0;padding-top:14px}.profile h1{font-size:29px;font-weight:500;overflow-wrap:anywhere}.profile p{font-size:15px;color:var(--muted);margin:1px 0 5px}.profile small{display:flex;gap:7px;align-items:center;font-size:13px;color:var(--faint);overflow-wrap:anywhere}.profile small .icon{width:18px;height:18px}.account-links{padding-bottom:5px}.menu-row{display:flex;align-items:center;gap:20px;background:linear-gradient(120deg,#1b2335,#171f2e);border:1px solid var(--line);border-radius:14px;padding:13px 18px;margin-bottom:11px;min-height:92px}.menu-icon{background:#2a2a48;color:var(--accent);width:62px;height:59px;border-radius:15px;display:grid;place-items:center;flex-shrink:0}.menu-icon>.icon{width:31px;height:31px;fill:#a28aff28}.menu-row>span:nth-child(2){flex:1;min-width:0}.menu-row strong{display:block;font-size:21px;letter-spacing:.5px}.menu-row small{display:block;font-size:13px;color:var(--muted);margin-top:3px}.menu-row>.icon{color:var(--muted);width:20px;height:20px}.menu-row:hover{border-color:var(--accent)}.logout{margin-top:17px;min-height:51px;color:var(--muted)}
.shelf-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 14px;color:var(--faint);font-size:12px}.shelf-caption .text-button{font-size:12px}.shelf-list{display:grid;gap:15px}.shelf-card{display:flex;align-items:stretch;gap:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(125deg,#1a2233,#141b2a);padding:10px 11px;position:relative}.shelf-cover{width:33%;flex-shrink:0}.shelf-card .cover{height:100%;aspect-ratio:.85}.shelf-info{min-width:0;flex:1;padding:7px 0}.shelf-info h2{font-size:22px;margin-bottom:9px;padding-right:8px}.shelf-card .tags{margin-bottom:13px;padding-right:28px}.shelf-meta{border-top:1px solid var(--line);padding-top:10px;margin-right:38px;color:var(--muted);font-size:13px}.shelf-meta a{display:block;white-space:nowrap}.shelf-meta a>.icon{width:13px;height:13px}.shelf-meta small{display:block;font-size:12px;margin-top:5px;white-space:nowrap}.delete-book{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:37px;height:40px;border:1px solid var(--line);background:#1c2536;border-radius:10px}.delete-book>.icon{width:21px;height:21px}.empty-state{text-align:center;padding:72px 20px}.empty-state>.icon{width:64px;height:64px;color:var(--accent);margin-bottom:22px;stroke-width:1}.empty-state h2{font-size:21px}.empty-state p{font-size:14px;color:var(--muted);margin:12px 0 25px}
.invite-art{height:295px;position:relative;overflow:hidden}.invite-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.invite-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 50%)}.invite-heading{position:relative;margin:-16px 15px 25px;text-align:center}.invite-heading h1{font-family:SimSun,serif;font-size:32px;letter-spacing:2px;font-weight:500}.invite-heading p{font-size:15px;color:var(--muted);letter-spacing:1px}.star-divider{display:flex;gap:12px;align-items:center;justify-content:center;color:var(--accent);font-size:25px;margin:6px 45px}.star-divider:before,.star-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--accent))}.star-divider:after{transform:rotate(180deg)}.invite-panel h2{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:500;color:var(--muted);margin-bottom:14px}.invite-panel h2 .icon{color:var(--accent);width:26px;height:26px}.invite-panel textarea{resize:none;overflow-wrap:anywhere;width:100%;border:1px solid var(--line);border-radius:9px;padding:12px 15px;background:#101727;color:#c2cbea;font-family:monospace;font-size:14px;line-height:1.75;min-height:83px}.invite-panel>.button{margin-top:12px;min-height:49px;font-size:17px}.invite-panel>.small{margin-top:11px;text-align:center;font-size:11px}.invite-steps{list-style:none;margin:30px 0 26px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.invite-steps li{min-width:0;position:relative}.invite-steps li:not(:last-child):after{content:"→";position:absolute;right:-11px;top:26px;color:var(--faint)}.invite-steps li>div{width:76px;height:76px;border:1px solid #49517a;background:#1b2135;border-radius:50%;margin:0 auto 12px;position:relative;display:grid;place-items:center}.invite-steps b{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--accent);background:#2d294d;border-radius:50%;font-weight:400;font-size:16px}.invite-steps .icon{width:28px;height:28px;color:#c7c4ef;margin-top:9px}.invite-steps span{font-size:12px}.back-account{margin:3px 0 12px;min-height:50px}
.search-form{display:flex;gap:10px}.search-form .input-wrap{flex:1;min-width:0}.search-form>.button{min-width:76px;font-size:17px}.search-form input::-webkit-search-cancel-button{display:none}.hot-search{display:flex;align-items:center;gap:7px;margin:14px 0 15px;flex-wrap:wrap}.hot-search>span{color:var(--muted);font-size:12px;margin-right:3px}.chip{font-size:12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:15px;padding:5px 11px;white-space:nowrap;display:inline-flex;align-items:center;min-height:32px}.chip.active,.chip:hover{color:var(--accent);border-color:#8070c3;background:#292641}.search-history{margin:6px 0 20px;padding-bottom:15px;border-bottom:1px solid #222b41}.search-history>div:first-child{display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:12px}.search-history .chip{margin:5px 5px 0 0}.result-list{display:grid;gap:12px}.result-card{display:flex;border:1px solid #2a334d;border-radius:12px;overflow:hidden;background:linear-gradient(110deg,#1b2334,#141b29)}.result-cover{width:36%;flex-shrink:0}.result-cover .cover{width:100%;height:100%;min-height:159px;object-fit:cover;border:0;border-radius:0;aspect-ratio:1}.result-info{padding:10px 11px 11px 15px;min-width:0;flex:1}.result-title{display:flex;align-items:center;justify-content:space-between;gap:5px}.result-title h2{font-size:22px;min-width:0}.result-title>.icon{width:16px;height:16px;color:var(--muted)}.result-info .author{font-size:12px;margin:3px 0 7px}.result-info .tags{gap:5px}.result-info .tag,.result-info .status{font-size:10px;padding:1px 7px;min-height:21px;border-radius:9px}.result-summary{font-size:12px;color:var(--muted);margin-top:9px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.latest-link{font-size:12px;display:inline-block;color:var(--muted);margin-top:6px}mark{color:var(--accent);background:transparent}.ranking-masthead{position:relative;background:linear-gradient(90deg,var(--bg) 20%,#0e1422a0),url('../images/reader-3.webp') right top/auto 100% no-repeat}.ranking-title{display:flex;align-items:flex-start;gap:10px;padding:10px 16px 22px}.ranking-title h1{font-size:26px}.ranking-title p{font-size:13px;color:var(--muted);margin-top:3px}.ranking-title>.icon-button{margin-left:-6px}.ranking-content{padding-left:14px;padding-right:14px}.ranking-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 3px 14px}.ranking-tabs a{border:1px solid var(--line);border-radius:10px;background:var(--panel);text-align:center;padding:9px 5px;font-size:15px}.ranking-tabs a.active{background:var(--accent);color:#16112c;font-weight:700;border-color:var(--accent)}.rank-list{display:grid;gap:10px}.rank-card{display:flex;gap:13px;align-items:center;min-width:0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(115deg,#1d2434,#151c2a);padding:8px 10px 8px 8px}.rank-number{display:flex;align-items:center;justify-content:center;flex-direction:column;width:43px;flex-shrink:0;color:#a9aac9}.rank-number>.icon{width:20px;height:20px;fill:currentColor;stroke-width:1.2}.rank-number span{font-family:Georgia,serif;font-size:35px;font-weight:bold;line-height:1.2}.rank-1{border-color:#a39262;box-shadow:inset 0 0 16px #ba9d3930;background:linear-gradient(115deg,#302f2a,#19212e)}.rank-1 .rank-number{color:#edcd8d}.rank-2 .rank-number{color:#c9c9e6}.rank-3 .rank-number{color:#ebbb9d}.rank-cover{width:30%;flex-shrink:0}.rank-cover>.cover{aspect-ratio:1.12;border-radius:6px}.rank-info{flex:1;min-width:0}.rank-info .result-title h2{font-size:19px}.rank-info .tags{gap:5px;margin-top:5px}.rank-info .tag{font-size:10px;min-height:20px;padding:1px 6px}.rank-info>p{font-size:11px;color:var(--muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.rank-update{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:10px;color:var(--muted)}.rank-update>.status{font-size:10px;padding:1px 6px;min-height:19px}
.category-banner{padding:22px 17px;margin:5px 0 18px;border:1px solid #393856;border-radius:13px;background:linear-gradient(110deg,#23243e,#161e31)}.category-banner h1{font-family:SimSun,serif;font-size:24px;margin:8px 0}.category-banner p{color:var(--muted);font-size:13px}.filter-panel{padding:16px 14px}.filter-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}.filter-row:last-child{margin:0}.filter-row>strong{font-size:13px;flex-shrink:0;font-weight:400;color:var(--faint);padding:6px 0}.filter-row>div{display:flex;gap:7px;flex-wrap:wrap}.filter-row .chip{font-size:12px;min-height:30px;padding:4px 10px;background:transparent}.filter-row .chip.active{background:#302948}.category-page .book-grid{row-gap:23px}.toast{position:fixed;z-index:100;left:50%;bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 18px);transform:translate(-50%,12px);opacity:0;pointer-events:none;padding:12px 20px;width:max-content;max-width:min(90vw,460px);font-size:14px;line-height:1.6;border:1px solid #6c5e97;border-radius:12px;background:#2b2543f2;backdrop-filter:blur(10px);color:#f5edff;transition:opacity .2s,transform .2s;box-shadow:0 5px 30px #0004;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:min(90vw,460px);max-height:85dvh;overflow:auto;border:1px solid #465070;border-radius:18px;padding:23px;background:#181f30;color:var(--text);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#030713bd;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-7px -7px 15px 0}.dialog-head h2{font-size:21px}.dialog-body>p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-actions>.button{min-width:90px}.backtop{position:fixed;right:max(15px,calc((100vw - var(--shell))/2 + 15px));bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 14px);z-index:25;border:1px solid #484561;border-radius:50%;height:40px;width:40px;color:var(--accent);background:#1c2239e8;box-shadow:0 3px 16px #0004}.reader-page .backtop{display:none}.noscript{padding:20px;color:#ddc8ff;background:#302540;text-align:center}.notice-inline{padding:12px;color:var(--muted);font-size:13px}
@media(min-width:600px){body{padding:24px 0 0}.app{border:1px solid #273049;border-bottom:0;border-radius:20px 20px 0 0;min-height:calc(100dvh - 24px)}.hero{aspect-ratio:2.04}.hero-copy h2{font-size:43px}.hero-copy p{font-size:15px}.quick-nav a{padding:18px 8px}.quick-nav .icon{width:32px;height:32px}.book-card h3{font-size:19px}.book-card p{font-size:14px}.compact-grid h3{font-size:17px}.compact-grid p{font-size:13px}.section-heading{margin-top:27px}.comic-info h1{font-size:28px}.comic-info .summary{font-size:16px}.comic-info .update,.comic-info .author{font-size:16px}.comic-info .tag,.comic-info .status{font-size:13px}.cover-title{font-size:32px}.result-cover .cover{min-height:181px}.result-info{padding:13px 16px}.result-info .result-title h2{font-size:24px}.result-summary{font-size:13px}.rank-card{padding:10px 12px;gap:15px}.rank-cover{width:33%}.rank-info .result-title h2{font-size:22px}.rank-info>p{font-size:12px;-webkit-line-clamp:2}.rank-info .tag{font-size:11px}.rank-update{font-size:11px}.rank-number span{font-size:40px}.auth-art{height:365px}.register-content .auth-art{height:255px}.invite-art{height:325px}.reader-page{padding-top:0}.reader-page .app{border-top:0;border-radius:0}.reader-page .reader-header{top:0}.account-banner{height:280px}.shelf-info h2{font-size:25px}.shelf-meta{font-size:14px}.shelf-meta small{font-size:13px}}
@media(max-width:400px){:root{--nav:66px}.page-content{padding-left:15px;padding-right:15px}.brand-header,.page-header{padding-left:16px;padding-right:16px;height:64px}.brand{font-size:25px}.page-header .page-title{font-size:20px}.quick-nav{gap:10px}.quick-nav a{font-size:14px;padding:12px 5px}.quick-nav .icon{width:25px;height:25px}.hero-copy{left:13px;bottom:25px}.hero-copy h2{font-size:32px}.hero-copy p{font-size:11px}.hero-copy .eyebrow{font-size:9px}.book-grid{gap:11px}.book-card h3{font-size:15px}.book-card p{font-size:11px}.compact-grid{gap:12px}.compact-grid h3{font-size:13px}.compact-grid p{font-size:11px}.section-heading h2{font-size:21px}.more{font-size:12px}.comic-intro{gap:15px}.comic-info{padding-top:3px}.comic-info h1{font-size:22px}.comic-info .author{font-size:12px}.comic-info .update{font-size:12px}.comic-info .summary{font-size:12px;margin-top:8px}.comic-info .tags{gap:5px;margin-bottom:8px}.comic-info .tag,.comic-info .status{font-size:10px;padding:2px 7px;min-height:23px}.detail-actions{gap:9px}.detail-actions .button{font-size:15px}.cover-title{font-size:23px}.chapter-list a{font-size:14px}.shelf-card{gap:14px;padding:9px}.shelf-info h2{font-size:20px;margin-bottom:7px}.shelf-card .tag{font-size:10px;min-height:22px;padding:1px 7px}.shelf-meta{font-size:11px;padding-top:8px;margin-right:26px}.shelf-meta small{font-size:10px}.shelf-meta .icon{display:none}.delete-book{width:30px;height:34px;right:8px}.delete-book>.icon{width:18px;height:18px}.shelf-info{padding:4px 0}.shelf-card .tags{margin-bottom:9px}.result-info{padding:9px 10px 9px 12px}.result-title h2{font-size:19px}.result-summary{font-size:11px}.result-info .tag,.result-info .status{font-size:9px;padding:1px 5px}.result-cover .cover{min-height:153px}.hot-search{gap:5px}.hot-search .chip{padding:4px 8px;font-size:11px}.hot-search>span{font-size:11px}.rank-card{gap:10px;padding:8px}.rank-number{width:32px}.rank-number span{font-size:29px}.rank-number>.icon{width:17px;height:17px}.rank-cover{width:31%}.rank-info .result-title h2{font-size:17px}.rank-info .tag{font-size:9px;padding:1px 5px;min-height:18px}.rank-info>p{font-size:10px}.rank-update{gap:5px;font-size:9px;margin-top:5px}.rank-update .status{font-size:9px}.rank-info .tags{margin-top:3px}.rank-cover>.cover{aspect-ratio:1}.rank-info .result-title>.icon{width:12px}.ranking-content{padding-left:12px;padding-right:12px}.ranking-title h1{font-size:24px}.profile{gap:19px;margin-left:20px;margin-right:20px}.avatar{width:100px;height:100px}.profile h1{font-size:24px}.profile small{font-size:11px}.profile small .icon{display:none}.account-banner{height:218px}.menu-row{gap:17px;padding:13px;min-height:85px}.menu-icon{width:54px;height:54px}.menu-row strong{font-size:19px}.menu-row small{font-size:12px}.auth-art{height:295px}.auth-intro h1{font-size:35px}.auth-intro p{font-size:14px;letter-spacing:.5px}.auth-form{padding-left:22px;padding-right:22px}.captcha-row{gap:7px}.captcha-image{width:86px}.captcha-row>.input-wrap{padding-left:10px;padding-right:10px;gap:7px}.captcha-row>.input-wrap>.icon{width:17px}.captcha-row input{font-size:12px}.captcha-refresh{font-size:10px}.register-content .auth-form{padding:19px}.invite-art{height:250px}.invite-heading h1{font-size:26px}.invite-heading p{font-size:13px}.invite-steps span{font-size:11px}.invite-steps li>div{width:65px;height:65px}.invite-steps li:not(:last-child):after{top:21px}.invite-panel{padding:17px}.invite-panel h2{font-size:18px}.invite-panel textarea{font-size:12px}.reader-bottom>*{font-size:14px;gap:6px}.reader-bottom .icon{width:19px}.search-form>.button{min-width:67px;padding:9px 13px;font-size:16px}.search-form .input-wrap{gap:8px;padding-left:12px}}
@media(max-width:350px){.hero-copy h2{font-size:28px}.hero-copy .eyebrow{display:none}.comic-intro{grid-template-columns:43% 1fr;gap:12px}.comic-info .summary{line-height:1.6}.comic-info .status{font-size:9px}.shelf-cover{width:31%}.shelf-info h2{font-size:17px}.shelf-meta{font-size:10px}.shelf-card{gap:10px}.shelf-meta small{font-size:9px}.shelf-info .tags{padding-right:15px}.shelf-caption{font-size:11px}.rank-cover{width:28%}.rank-number{width:28px}.rank-card{gap:7px}.rank-info .result-title h2{font-size:16px}.rank-info>p{display:none}.rank-update{flex-wrap:wrap}.auth-form{padding-left:18px;padding-right:18px}.captcha-image{width:76px}.captcha-row>.input-wrap>.icon{display:none}.auth-intro{left:20px}.profile{gap:15px}.profile small{font-size:10px}.avatar{width:83px;height:83px}.profile h1{font-size:22px}.result-info .tags{gap:3px}.result-title h2{font-size:17px}.result-summary{font-size:10px}.result-info .status{font-size:8px}.invite-heading h1{font-size:24px}.category-banner h1{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep discovery metadata readable on small touchscreens. */
.home-section{scroll-margin-top:16px;margin-bottom:30px}.home-section>.section-heading{margin-top:23px}.section-caption{color:var(--faint);font-size:12px;line-height:1.7;margin:-5px 0 14px}.home-update-list article{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.home-update-list article:last-child{border:0}.update-cover{width:49px;flex-shrink:0}.update-cover .cover{aspect-ratio:.8;border-radius:6px}.home-update-list article>div{flex:1;min-width:0}.home-update-list h3{font-size:16px}.update-chapter{display:block;color:var(--accent-bright);font-size:12px;margin:2px 0}.home-update-list article>div>span{font-size:11px;color:var(--faint)}.home-update-list time{font-size:11px;align-self:flex-start;margin-top:3px;color:var(--faint);white-space:nowrap}.home-ranking{list-style:none;margin:0;padding:0}.home-ranking li{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.home-ranking li:last-child{border-bottom:0}.home-rank-number{font-size:25px;font-family:Georgia,serif;color:#b5acd8;width:33px;flex-shrink:0}.home-ranking li:first-child .home-rank-number{color:#ebc785}.home-rank-cover{width:62px;flex-shrink:0}.home-rank-cover .cover{aspect-ratio:1;border-radius:8px}.home-ranking li>div{min-width:0;flex:1}.home-ranking h3{font-size:17px}.home-ranking p{font-size:11px;color:var(--muted);margin:4px 0 6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.home-ranking .tag{font-size:10px;min-height:21px}.home-ranking .icon-button{width:25px;height:32px}.home-ranking .icon-button .icon{width:17px}.genre-tiles{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 6px}.genre-tiles>a{display:inline-flex;align-items:center;min-width:0;max-width:min(160px,100%);min-height:32px;border:1px solid var(--line);border-radius:6px;padding:5px 10px;background:var(--panel);font-size:12px;line-height:20px;color:var(--muted)}.genre-tiles>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genre-tiles>a:hover,.genre-tiles>a:focus-visible{border-color:var(--accent);color:var(--accent-bright);background:#a28aff12}.site-footer{border-top:1px solid var(--line);padding:24px 0 8px;margin-top:25px}.site-footer strong{font-size:13px;font-weight:500;color:var(--muted)}.site-footer p{font-size:11px;color:var(--faint);line-height:1.9;margin:8px 0 12px}.site-footer nav{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.site-footer a:hover{color:var(--accent)}.breadcrumbs{font-size:11px;color:var(--faint);margin:0 0 15px;line-height:1.8}.breadcrumbs ol{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:5px}.breadcrumbs li{display:flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}.breadcrumbs li+li:before{content:'/';color:#59647e}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs [aria-current]{color:var(--muted)}
@media(max-width:350px){.home-ranking li{gap:9px}.home-rank-cover{width:49px}.home-ranking .icon-button{width:16px}.home-rank-number{width:29px;font-size:23px}.home-section .more{font-size:11px}.home-ranking h3{font-size:15px}}
.comic-page .backtop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;width:48px;height:56px;padding:5px;border-radius:14px;border-color:#8370bd;background:linear-gradient(145deg,#30274bed,#1c2239f5);box-shadow:0 5px 20px #0005;backdrop-filter:blur(10px);transition:background .2s,box-shadow .2s}.comic-page .backtop .icon{width:24px;height:24px;stroke-width:2}.comic-page .backtop span{font-size:11px;line-height:1.2}.comic-page .backtop:hover{background:#3a3058;box-shadow:0 6px 22px #0006}.comic-page .backtop:active{background:#493a6c}
.tag-banner h1{font-family:inherit;font-size:29px;overflow-wrap:anywhere}.tag-banner h1>span{color:var(--accent)}.tag-total{display:block;margin-top:15px;color:var(--accent-bright);font-size:12px}.tag-switcher{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 24px}.tag-switcher .chip{min-height:36px;padding:6px 12px;gap:8px;font-size:13px}.tag-count{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}.tag-page .empty-state{padding:42px 12px}
@media(min-width:351px) and (max-width:599px){.rank-info .tag,.rank-update,.rank-update .status{font-size:11px}.rank-info>p{font-size:12px}.result-info .tag,.result-info .status{font-size:11px}.result-summary{font-size:12px}.shelf-meta{font-size:12px}.shelf-meta small{font-size:11px}.rank-cover>.cover{aspect-ratio:.9}}
/* Category result range. */
.category-range{margin:-5px 0 15px;color:var(--faint);font-size:12px}.category-page .section-heading>.small{min-width:0;text-align:right;font-variant-numeric:tabular-nums}
/* Functional page headings and compact account forms. */
.hero-copy h2,.cover-title,.category-banner h1,.invite-heading h1{font-family:inherit;letter-spacing:0;font-weight:650}.hero-copy .eyebrow{letter-spacing:0}.auth-art,.register-content .auth-art{height:auto;padding:22px 26px 8px;overflow:visible}.auth-art:after{display:none}.auth-intro,.register-content .auth-intro{position:static;text-align:left}.auth-intro h1,.register-content .auth-intro h1{font-family:inherit;letter-spacing:0;font-size:28px;font-weight:650}.register-content .auth-form{margin-top:10px}.invite-heading{margin:24px 20px}.invite-heading h1{font-size:26px}.invite-heading p{font-size:13px;letter-spacing:0;margin-top:8px}.site-footer{padding-top:18px}
/* Keep full title text in HTML; only its visual presentation is clamped. */
.book-card h3,.hero-copy h2,.home-ranking h3,.shelf-info h2,.result-title h2,.cover-title-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;white-space:normal;overflow-wrap:anywhere;word-break:normal}.book-card h3{min-height:2.8em}.book-card>a{display:block;min-width:0}.result-title h2{flex:1}.home-update-list h3,.update-chapter,.hero-copy p{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-update-list time{flex-shrink:0}.home-update-list article>div>a,.home-ranking li>div>a,.shelf-info>a{display:block;min-width:0;max-width:100%}.shelf-info h2{padding-right:0}.comic-intro{align-items:start}.detail-cover{min-width:0;width:100%}.detail-cover>.cover{height:auto}.comic-info h1{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;line-height:1.4;max-height:4.2em;overflow:hidden;overflow-wrap:anywhere;word-break:normal}.full-title-toggle{display:flex;width:max-content;max-width:100%;min-height:36px;font-size:12px;color:var(--accent-bright)}.comic-info .author{display:block;max-width:100%;overflow-wrap:anywhere}.reader-header>div{flex:1;min-width:0}.reader-header h1,.reader-header p,.reader-title-button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-title-button{display:block;width:100%;max-width:100%;padding:0;color:inherit;font:inherit;line-height:inherit;text-align:center}.reader-title-button:hover{color:var(--accent-bright)}.reader-title-button:focus-visible{outline-offset:-2px}.chapter-list a>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chapter-list time{flex-shrink:0}.hot-search .chip,.search-history .chip{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs li:last-child{max-width:100%}.breadcrumbs li:before{flex-shrink:0}.breadcrumbs [aria-current]{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dialog-body p,.reader-catalog a{overflow-wrap:anywhere;word-break:normal}.dialog-body .full-book-title{color:var(--text);font-size:16px;line-height:1.8}
.shelf-info>a{padding-right:30px}

/* A single row for every catalogue, tag, search and shelf pager. */
.pagination{display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;gap:8px;width:100%;max-width:360px;margin:23px auto 8px;white-space:nowrap}.pagination .button{min-width:0;min-height:44px;padding:8px 6px;font-size:13px;gap:3px;white-space:nowrap}.pagination .icon{width:16px;height:16px}.page-status{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}

/* Compact HTML sitemap; long labels retain their full link text. */
.sitemap-section{margin:24px 0}.sitemap-section h2{font-size:18px;margin-bottom:8px}.sitemap-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;list-style:none;margin:0;padding:0}.sitemap-links li{min-width:0}.sitemap-links a{display:flex;align-items:center;min-width:0;min-height:38px;height:100%;padding:5px 0;font-size:13px;line-height:1.5;color:var(--muted)}.sitemap-links a:hover{color:var(--accent-bright)}.sitemap-links a>span{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-height:3em;overflow:hidden;overflow-wrap:anywhere}

/* Guest account actions share the width of the account menu. */
.account-auth{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:20px}.account-auth .button{min-width:0;min-height:48px;font-size:16px;font-weight:600;white-space:nowrap}

/* Shared content channels; compact and available while scrolling. */
.channel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 20px 10px;margin-bottom:14px;background:#0e1422f5;position:sticky;top:0;z-index:22;backdrop-filter:blur(18px);border-bottom:1px solid #283047}
.channel-tabs>a,.channel-tabs>.channel-pending{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;color:var(--muted);font-size:17px;font-weight:600}
.channel-tabs>a.active{background:#29223f;color:#d7caff;box-shadow:inset 0 -2px #a28aff}
.channel-tabs>a:hover{color:var(--accent-bright);background:#242038}
.channel-tabs small{font-size:9px;line-height:1.5;color:#a5a7be;border:1px solid #434359;border-radius:4px;padding:1px 4px;font-weight:400;white-space:nowrap}
.channel-tabs>a.channel-pending{padding:0;min-width:0;color:#7f8493;background:transparent;box-shadow:none;cursor:pointer}
.channel-tabs>a.channel-pending:hover{color:#b5b9c4;background:#ffffff06}
.channel-tabs>a.channel-pending[aria-current="page"]{background:#ffffff04;box-shadow:inset 0 -2px #747b8e}
.channel-pending small{display:inline-flex;align-items:center;gap:3px;color:#8a8f9e;border-color:#373d4d;background:#ffffff03}
.channel-pending small .icon{width:11px;height:11px;stroke-width:1.8}
.collection-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:15px}
.collection-tabs>a{flex:1;min-height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);font-size:14px}
.collection-tabs>a.active{background:#2c2641;color:var(--accent-bright)}
.collection-tabs>a.collection-pending{gap:6px;color:#8d92a3}.collection-tabs>a.collection-pending.active{background:#ffffff05;box-shadow:inset 0 -2px #747b8e}
.collection-pending small{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:400;border:1px solid #373d4d;border-radius:4px;padding:1px 4px;white-space:nowrap}.collection-pending small .icon{width:11px;height:11px}
.pending-shelf-tabs{padding-bottom:0}.pending-shelf-tabs .collection-tabs{margin-bottom:5px}
.bottom-nav .nav-unavailable{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#606b85;font-size:13px}
.novel-genres{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.novel-genres .chip{min-width:58px;justify-content:center}
.novel-cover{--jacket:#665179;--ink:#eddded;position:relative;isolation:isolate;width:100%;aspect-ratio:.7;border-radius:7px;overflow:hidden;background:linear-gradient(150deg,var(--jacket),#141626);border:1px solid #ffffff20;box-shadow:inset 4px 0 0 #0002;display:flex;flex-direction:column;justify-content:space-between;padding:17% 12% 13%;color:var(--ink)}
.novel-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 48%,#ffffff16 49%,transparent 50%),linear-gradient(155deg,transparent 50%,#ffffff08 50%,#ffffff08 70%,transparent 70%);background-size:32% 100%,100% 100%}
.novel-cover:after{content:'';position:absolute;width:65%;height:36%;left:18%;bottom:14%;border:1px solid #ffffff2b;transform:skewY(-12deg);z-index:-1}
.novel-cover-title{font-family:"Songti SC",SimSun,serif;font-size:clamp(17px,5vw,25px);font-weight:700;line-height:1.55;letter-spacing:2px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;text-shadow:0 2px 8px #0006}
.novel-cover-author{font-size:10px;line-height:1.6;letter-spacing:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffffffab}
.tone-blue{--jacket:#374d70;--ink:#d6e4f1}.tone-gold{--jacket:#715c3f;--ink:#f1e1b9}.tone-wine{--jacket:#743e52;--ink:#f1d5d7}.tone-teal{--jacket:#2a6263;--ink:#d1e9dc}.tone-slate{--jacket:#495267;--ink:#e1e3ee}
.novel-card a:hover .novel-cover{border-color:var(--accent)}.novel-card h3{height:2.9em;white-space:normal;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere}
.novel-list{display:grid;gap:0}.novel-row{display:flex;gap:14px;align-items:center;min-width:0;padding:16px 0;border-bottom:1px solid #263049}.novel-row:first-child{padding-top:4px}.novel-row:last-child{border:0}
.novel-row-cover{width:69px;flex-shrink:0}.novel-row-cover .novel-cover{padding:13px 9px 10px}.novel-row-cover .novel-cover-title{font-size:13px;letter-spacing:1px;line-height:1.5}.novel-row-cover .novel-cover-author{font-size:8px;letter-spacing:0}
.novel-row-info{flex:1;min-width:0}.novel-row-title{font-size:17px;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.novel-byline,.novel-latest,.novel-record-date{font-size:11px;color:var(--muted);margin-top:7px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novel-latest{color:#b5a4e0}.novel-record-date{color:var(--faint);font-size:10px}
.novel-row-arrow{color:var(--faint);width:22px;min-height:44px;display:flex;align-items:center;flex-shrink:0}.novel-row-arrow .icon{width:18px}.novel-remove{width:32px}.novel-rank{font:italic 23px Georgia,serif;color:var(--accent);width:26px;flex-shrink:0}
.novel-detail{display:grid;grid-template-columns:36% minmax(0,1fr);gap:21px;align-items:start}.novel-info{min-width:0;padding:3px 0}.novel-info h1{font-size:24px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:anywhere}.novel-info p,.novel-info time{font-size:12px;color:var(--muted);margin:6px 0}.novel-info .tag{margin-top:7px}.novel-info .author{display:block;overflow-wrap:anywhere;font-size:13px;margin-bottom:8px}.novel-info time{font-size:11px}
.novel-home.has-continue{padding-bottom:88px}.novel-continue{position:fixed;bottom:calc(var(--nav) + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:100%;max-width:var(--shell);z-index:29;background:#222437f5;border-top:1px solid #49415e;backdrop-filter:blur(14px)}
.novel-continue>a{display:flex;gap:12px;align-items:center;padding:12px 20px}.novel-continue-icon{color:var(--accent);flex-shrink:0}.novel-continue>a>span:nth-child(2){min-width:0;flex:1}.novel-continue strong,.novel-continue small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.novel-continue strong{font-size:13px;font-weight:500}.novel-continue small{font-size:10px;margin-top:2px;color:var(--muted)}.novel-continue-button{color:#ccbaff;font-size:12px;display:flex;align-items:center;flex-shrink:0}.novel-continue-button .icon{width:17px}
.novel-reader-page{--shell:inherit}.novel-reader-page .app{background:var(--novel-paper,#131824);color:var(--novel-text,#d5d5de);padding-bottom:calc(78px + env(safe-area-inset-bottom))}.novel-reader-main{padding:30px 28px 20px}.novel-prose{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:var(--novel-font,20px);line-height:var(--novel-line,1.9);overflow-wrap:anywhere}.novel-prose h2{font-size:1.12em;line-height:1.7;margin-bottom:28px}.novel-prose p{text-indent:2em;margin-bottom:1.1em}.novel-chapter-end{border-top:1px solid #80808033;text-align:center;padding:30px 0 18px;margin-top:30px;font-size:13px;color:var(--novel-muted,#a0a1b5)}.novel-chapter-end a{margin-top:12px;color:inherit}
.novel-reader-page[data-novel-theme="sepia"]{--novel-paper:#eee3ce;--novel-text:#493e2d;--novel-muted:#6e604b}.novel-reader-page[data-novel-theme="light"]{--novel-paper:#f4f3ef;--novel-text:#303338;--novel-muted:#626770}.novel-reader-page .reader-bottom{font-size:13px}.novel-reader-page .reader-bottom small{font-size:10px;color:var(--muted)}.novel-catalog{display:grid;gap:7px}.novel-catalog a{display:block;overflow-wrap:anywhere;padding:12px;font-size:14px;border-radius:7px}.novel-catalog a.active{background:#302840;color:var(--accent-bright)}.novel-reader-page .backtop{bottom:calc(82px + env(safe-area-inset-bottom))}
@media(max-width:400px){.channel-tabs{padding:4px 15px 8px}.channel-tabs>a,.channel-tabs>.channel-pending{font-size:16px;gap:4px}.channel-tabs small{font-size:8px}.novel-detail{gap:15px}.novel-info h1{font-size:21px}.novel-info .author{font-size:12px}.novel-row{gap:10px}.novel-row-cover{width:58px}.novel-row-title{font-size:15px}.novel-row-cover .novel-cover-title{font-size:11px}.novel-row-cover .novel-cover-author{font-size:7px}.novel-byline,.novel-latest{font-size:10px;margin-top:5px}.novel-rank{font-size:20px;width:21px}.novel-cover-author{font-size:9px;letter-spacing:1px}.novel-reader-main{padding:25px 20px 15px}.novel-reader-page .reader-bottom>*{gap:4px;font-size:13px}.novel-reader-page .reader-bottom .icon{width:17px}}
.novel-cover{container-type:inline-size}.novel-cover-title{font-size:clamp(14px,19cqi,25px);letter-spacing:1px}
.novel-reader-page .reader-header,.novel-reader-page .reader-bottom{color:var(--text)}

/* Illustrated novel catalogue and full channel homepage. */
.novel-cover-illustrated{padding:0;justify-content:flex-end;container-type:inline-size;background:#202637}
.novel-cover-illustrated>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;z-index:-2}
.novel-cover-illustrated:before{background:linear-gradient(180deg,#080d1700 38%,#10142144 58%,#0e1322f5 100%);background-size:100% 100%;z-index:-1}
.novel-cover-illustrated:after{display:none}
.novel-cover-illustrated .novel-cover-title{font-size:clamp(14px,17cqi,24px);letter-spacing:0;line-height:1.4;-webkit-line-clamp:2;line-clamp:2;margin:0 10px 3px;color:#fff;text-shadow:0 1px 8px #0009}
.novel-cover-illustrated .novel-cover-author{font-size:9px;letter-spacing:.5px;margin:0 10px 10px;color:#d2cadc}
.novel-card-cover{position:relative}.novel-cover-status{position:absolute;top:6px;right:6px;padding:2px 5px;border:1px solid #ffffff24;border-radius:4px;color:#e9e7f4;background:#181b2dd9;font-size:9px;line-height:1.5;backdrop-filter:blur(8px)}.novel-cover-status.finished{color:#bce4d6;background:#143a34e6}
.novel-card-chapter{display:block;font-size:10px;color:var(--faint);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.novel-card-chapter:hover{color:var(--accent-bright)}
.novel-row-cover .novel-cover-title,.novel-row-cover .novel-cover-author{display:none}.novel-row-cover .novel-cover-illustrated:before{background:linear-gradient(transparent 70%,#0e132244)}.novel-row-cover .novel-cover-illustrated{padding:0}
.novel-update-date{display:block;color:var(--faint);font-size:10px;line-height:1.5;margin-top:5px}
.novel-hero{aspect-ratio:1.85;margin-left:0;margin-right:0;border:1px solid #ffffff17}.novel-hero img{object-position:center 34%}.novel-hero:after{background:linear-gradient(90deg,#080d1780,transparent 85%),linear-gradient(0deg,#0b1024f5,transparent 87%)}
.novel-hero .hero-copy{max-width:88%;bottom:30px}.novel-hero .hero-copy h2{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:29px;line-height:1.3;letter-spacing:0;font-weight:700;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;white-space:normal}
.novel-hero .hero-copy .eyebrow{font-size:10px;letter-spacing:1px;color:#d4c5f5;margin-bottom:6px}.novel-hero .hero-copy p{font-size:11px;color:#d3cfdf;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.novel-home .quick-nav{margin:16px 0 24px}.novel-home-ranking .novel-row:nth-child(1) .novel-rank{color:#d9bd84}.novel-home-ranking .novel-row:nth-child(2) .novel-rank{color:#c3c9db}.novel-home-ranking .novel-row:nth-child(3) .novel-rank{color:#cba394}
.novel-tag-tiles>a{gap:6px}.novel-tag-count{font-size:10px;color:var(--faint);flex-shrink:0}.novel-detail-tags{margin:7px 0}.novel-detail-tags .tag{margin:0;font-size:10px;min-height:22px;padding:1px 7px}
@media(max-width:400px){.novel-hero .hero-copy h2{font-size:25px}.novel-hero .hero-copy{left:13px;bottom:28px}.novel-cover-status{top:5px;right:5px;font-size:8px;padding:1px 4px}.novel-cover-illustrated .novel-cover-title{margin-left:8px;margin-right:8px}.novel-cover-illustrated .novel-cover-author{font-size:8px;margin:0 8px 8px}.novel-card p{font-size:10px}.novel-card-chapter{font-size:9px}}

/* Shared pending channels: distinct book/video icons and one comic destination. */
.video-content{display:flex;flex-direction:column;min-height:calc(100dvh - 216px);padding-top:2px;padding-bottom:14px;background:radial-gradient(ellipse 70% 30% at 50% 18%,#7260ac0b,transparent)}
.video-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 22px;min-width:0}
.video-stage{position:relative;isolation:isolate;width:min(310px,100%);height:190px;flex-shrink:0}
.video-stage:before{content:'';position:absolute;inset:17px 0 1px;border-radius:50%;background:radial-gradient(ellipse,#8972e32b,transparent 68%);filter:blur(9px);z-index:-1}
.video-stage-grid{position:absolute;inset:0 -5px;background-image:linear-gradient(#8e80b411 1px,transparent 1px),linear-gradient(90deg,#8e80b411 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black 8%,transparent 66%)}
.video-frame-back{position:absolute;left:calc(50% - 91px);top:30px;width:190px;height:123px;border:1px solid #69628255;border-radius:15px;background:linear-gradient(130deg,#2f2b4344,#131b2a44);transform:rotate(10deg)}
.video-frame{position:absolute;left:calc(50% - 101px);top:22px;width:194px;height:130px;border:1px solid #9082b18c;border-radius:13px;background:linear-gradient(135deg,#302b46,#1b2031 85%);box-shadow:0 18px 30px #0005,inset 0 1px #ddd0ff1c;transform:rotate(-7deg);overflow:hidden}
.video-clapper{height:27px;border-bottom:1px solid #9283b14a;background:repeating-linear-gradient(125deg,#a192c24f 0 18px,#262337 18px 37px)}
.video-frame-screen{position:relative;height:102px;display:grid;place-items:center;background:radial-gradient(ellipse at 45% 45%,#9c83e313,transparent 72%)}
.video-frame-screen:before{content:'';position:absolute;inset:12px;border:1px solid #c2b0ee13;border-radius:5px}
.video-frame-screen>.icon{width:45px;height:45px;fill:#b8a3f5;stroke:#d5c6ff;stroke-width:1;filter:drop-shadow(0 0 16px #a28aff33)}
.video-clock-badge{position:absolute;right:32px;bottom:23px;width:49px;height:49px;display:grid;place-items:center;background:linear-gradient(145deg,#c0adff,#9680d5);border:1px solid #d5c4ffb3;box-shadow:0 9px 22px #080a1855,inset 0 1px #ffffff4d;border-radius:15px;transform:rotate(7deg);color:#302548}
.video-clock-badge .icon{width:27px;height:27px;stroke-width:1.8}
.video-preparation-copy{text-align:center;max-width:100%;position:relative;margin-top:0}
.video-status{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#aca5c3;border:1px solid #74648642;background:#8e76b60a;border-radius:20px;padding:4px 10px;line-height:1.5}
.video-status>span{width:5px;height:5px;border-radius:50%;background:#a291c4;box-shadow:0 0 6px #a291c44d}
.video-preparation-copy h2{font-size:26px;font-weight:650;letter-spacing:.4px;color:#eeeaf8;line-height:1.5;margin:14px 0 7px;overflow-wrap:anywhere}
.video-preparation-copy>p{font-size:12px;line-height:1.7;color:#9096ae}
.video-placeholder-actions{width:100%;display:flex;justify-content:center;margin-top:28px}
.preparation-comic-button{min-width:190px;min-height:49px;gap:20px;border-radius:11px;font-size:15px;font-weight:600;box-shadow:0 6px 22px #9d84e51a}
.preparation-comic-button>.icon{width:16px;height:16px}
.channel-pending-page{--shell:560px}.channel-pending-page .app{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 16px)}
.novel-frame-back{position:absolute;left:calc(50% - 69px);top:25px;width:146px;height:137px;border:1px solid #80729366;border-radius:9px 15px 15px 9px;background:linear-gradient(130deg,#36314b88,#1b223444);transform:rotate(8deg)}
.novel-frame{position:absolute;left:calc(50% - 80px);top:14px;width:152px;height:142px;display:grid;place-items:center;border:1px solid #9082b18c;border-radius:9px 15px 15px 9px;background:linear-gradient(135deg,#362e4c,#202337 85%);box-shadow:0 18px 30px #0005,inset 0 1px #ddd0ff1c;transform:rotate(-7deg)}
.novel-frame:before{content:'';position:absolute;left:9px;top:0;bottom:0;border-left:1px solid #c7b5ec2a;box-shadow:-4px 0 5px #0002}
.novel-frame>.icon{width:76px;height:76px;margin-left:7px;color:#c8b4f5;stroke-width:1.1;filter:drop-shadow(0 0 13px #a28aff33)}
.novel-stage .video-clock-badge{right:44px;bottom:19px}
.video-footer{margin-top:4px;padding:13px 0 2px;border-top:1px solid #59607720;width:100%}.video-footer nav{justify-content:center}.video-footer a{display:flex;align-items:center;gap:6px;min-height:30px;color:#7e88a3;font-size:10px}.video-footer .icon{width:12px;height:12px}
@media(max-width:400px){.video-content{min-height:calc(100dvh - 202px)}.video-stage{height:179px}.video-frame{top:18px}.video-frame-back{top:26px}.video-clock-badge{bottom:18px}.video-preparation-copy h2{font-size:23px;letter-spacing:0}.video-placeholder-actions{margin-top:25px}.novel-frame{top:9px}.novel-frame-back{top:20px}.novel-stage .video-clock-badge{bottom:15px}}
@media(max-height:720px){.video-placeholder{padding-top:0}.video-stage{height:160px}.video-frame{top:11px;height:117px}.video-frame-back{top:16px;height:117px}.video-frame-screen{height:89px}.video-clock-badge{bottom:13px}.video-preparation-copy h2{margin-top:11px}.video-placeholder-actions{margin-top:21px}.novel-frame{top:6px;height:127px}.novel-frame-back{top:15px;height:121px}.novel-stage .video-clock-badge{bottom:12px}}

/* Video has watch history only; collection tabs stay limited to comics and novels. */
.video-history-row{display:grid;grid-template-columns:88px minmax(0,1fr) 34px;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #283147}.video-history-row:last-child{border:0}
.video-history-poster{height:79px;display:grid;place-items:center;position:relative;border-radius:10px;background:linear-gradient(145deg,#302a46,#1a2334);border:1px solid #554d703d;color:#ab9cc9}.video-history-poster>.icon{width:27px;height:27px}.video-history-poster>small{position:absolute;bottom:4px;right:6px;font-size:9px;color:#c0b9d1}
.video-history-info{min-width:0}.video-history-info h2{font-size:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.video-history-info p{font-size:11px;color:var(--muted);margin:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.video-history-info time{display:block;font-size:10px;color:var(--faint);margin-top:6px}.video-history-progress{display:block;height:3px;border-radius:3px;background:#2c3045;overflow:hidden;max-width:150px}.video-history-progress:before{content:'';display:block;height:100%;width:var(--watched,0%);background:#9b88cf;border-radius:inherit}.video-history-row>.icon-button{width:34px}
.video-history-empty{padding-top:65px;padding-bottom:65px}.video-history-empty>.icon{color:#9f8ebf}.video-history-empty p{max-width:260px;margin-left:auto;margin-right:auto}
@media(max-width:360px){.video-history-row{grid-template-columns:67px minmax(0,1fr) 30px;gap:10px}.video-history-poster{height:73px}.video-history-info h2{font-size:14px}.video-history-info p{font-size:10px}.video-history-row>.icon-button{width:30px}}

/* Adult label stays in the channel header subtitle and inherits this theme. */
.brand-header .header-adult-label{display:inline-block;vertical-align:middle;margin-inline-start:.4em;padding:1px 5px;border:1px solid currentColor;border-radius:3px;font-size:10px;font-weight:600;line-height:1.3;white-space:nowrap}

.brand-header .brand-subtitle:has(>.header-adult-label){display:flex!important;align-items:center;gap:.4em}
.brand-header .brand-subtitle>.header-subtitle-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brand-header .brand-subtitle>.header-adult-label{flex:0 0 auto;margin-inline-start:0}