:root{color-scheme:light;--bg: #f4efe6;--surface: #fffdf8;--surface-muted: #eee7dc;--reader-paper: #fffaf1;--text: #29251f;--muted: #7a7166;--line: #ddd2c3;--accent: #9a4f3e;--accent-strong: #773427;--danger: #8f3d36;--shadow: 0 18px 46px rgba(47, 38, 28, .1);--reader-width: 720px}:root[data-theme=night]{color-scheme:dark;--bg: #11100f;--surface: #1b1916;--surface-muted: #27231f;--reader-paper: #171512;--text: #eee7dc;--muted: #a99f91;--line: #383129;--accent: #c47a62;--accent-strong: #e0a089;--danger: #d78573;--shadow: 0 18px 50px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{background:var(--bg)}body{min-width:320px;margin:0;color:var(--text);background:linear-gradient(180deg,rgba(255,253,248,.72),rgba(238,231,220,.54) 42%,transparent),var(--bg);font-family:ui-serif,Songti SC,"Noto Serif CJK SC","Source Han Serif SC",Georgia,serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.menu-lock{position:fixed;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.read-progress{position:fixed;z-index:30;top:0;left:0;width:100%;height:2px;background:var(--accent);transform-origin:left}.menu-scrim{display:none}.shelf-view{width:min(1240px,calc(100vw - 40px));margin:0 auto;padding:42px 0 72px}.shelf-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px;padding:0 2px 18px;border-bottom:1px solid var(--line)}.shelf-hero h1{margin-top:0;font-size:clamp(36px,6vw,58px)}.shelf-hero>p{margin:0 0 8px;color:var(--muted);font:500 14px/1.4 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}.shelf-book{min-height:292px;display:grid;grid-template-columns:142px minmax(0,1fr);gap:20px;padding:18px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--surface) 93%,transparent);box-shadow:0 10px 30px #2f261c0f;cursor:pointer;text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.shelf-book:hover,.shelf-book.is-current{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}.cover{position:relative;aspect-ratio:3 / 4;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:3px;color:#f6fffd;background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 38%),#5b4a3d}.cover--image{padding:0;background:var(--surface-muted)}.cover--image img{width:100%;height:100%;object-fit:cover}.cover--empty{align-items:flex-start}.cover--clay,.cover--teal{background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 38%),#5b4a3d}.cover--violet{background:linear-gradient(160deg,rgba(255,255,255,.14),transparent 38%),#554863}.cover--empty strong{margin-top:auto;font-size:22px;line-height:1.1;letter-spacing:0}.cover span{font:700 12px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shelf-book__body{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.shelf-book h2{margin:0 0 8px;font-size:28px;line-height:1.18}.book-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.book-badges span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid var(--line);border-radius:999px;color:var(--accent-strong);background:var(--surface-muted);font:700 12px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shelf-book p,.shelf-book__body>span{margin:0;color:var(--muted);line-height:1.55}.shelf-book p{font-size:14px}.shelf-book__body>span{font-size:15px}.book-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.book-meta div{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:3px 7px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--surface-muted) 64%,transparent)}.book-meta dt,.book-meta dd{margin:0}.book-meta dt{color:var(--muted);font-size:12px}.book-meta dd{grid-column:2;font:800 14px/1.1 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.book-progress{display:grid;gap:10px}.book-progress div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.book-progress strong,.book-progress small{display:block}.book-progress strong{font-size:14px}.book-progress small{color:var(--muted);font-size:12px}.book-progress i{width:100%;height:3px;border-radius:999px;background:var(--accent);transform-origin:left}.shelf-loading{width:min(520px,100%);margin:20vh auto 0;padding:30px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:var(--shadow);text-align:center}.library{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding:22px 18px 18px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overscroll-behavior:contain;touch-action:pan-y}.back-to-shelf{min-height:40px;display:inline-flex;gap:9px;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer}.back-to-shelf:hover{border-color:var(--accent);color:var(--accent-strong)}.library__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:0 4px}.kicker{margin:0 0 8px;color:var(--accent);font:700 12px/1.1 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.06em;text-transform:uppercase}h1,h2,p{text-wrap:pretty}h1{margin:0;font-size:30px;line-height:1.1}.book-card{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--surface-muted)}.library-book{display:grid;gap:12px;padding:14px 4px 2px;border-top:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.library-book strong,.library-book span{display:block}.library-book strong{margin-bottom:6px;font-size:14px;line-height:1.45}.library-book span{color:var(--muted);font:500 12px/1.4 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.library-book i{width:100%;height:3px;border-radius:999px;background:var(--accent);transform-origin:left}.book-card strong,.book-card span{display:block}.book-card strong{margin-bottom:6px;font-size:14px}.book-card span{color:var(--muted);font-size:13px;line-height:1.5}.search-box{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:42px;padding:9px 11px;border:1px solid color-mix(in srgb,var(--line) 84%,transparent);border-radius:4px;background:var(--surface)}.search-box input{width:100%;border:0;outline:0;color:var(--text);background:transparent}.chapter-list{min-height:0;overflow:auto;padding:4px 2px 10px 0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 35%,transparent) transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chapter-list::-webkit-scrollbar{width:7px}.chapter-list::-webkit-scrollbar-track{background:transparent}.chapter-list::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--muted) 28%,transparent)}.volume-label{position:sticky;z-index:1;top:-4px;margin:18px 0 7px;padding:8px 8px 6px 2px;color:var(--danger);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:800 11px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.02em}.chapter-link{width:100%;min-height:42px;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border:1px solid transparent;border-radius:3px;background:transparent;cursor:pointer;text-align:left;transition:background-color .14s ease,border-color .14s ease,color .14s ease}.chapter-link:hover,.chapter-link.is-active{border-color:color-mix(in srgb,var(--line) 78%,transparent);background:color-mix(in srgb,var(--surface-muted) 72%,transparent)}.chapter-link.is-active{color:var(--accent-strong)}.chapter-index{color:var(--muted);font:700 11px/1 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.04em;text-align:right}.chapter-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.35}.chapter-link small{flex:0 0 auto;color:var(--muted);font:600 11px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.reader{position:relative;min-width:0;padding:24px 22px 48px}.topbar{position:sticky;z-index:20;top:12px;max-width:calc(var(--reader-width) + 80px);margin:0 auto 24px;display:grid;grid-template-columns:auto auto 1fr auto;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 12px 34px #2f261c14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar__title{min-width:0}.topbar__title span,.topbar__title strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__title span{color:var(--muted);font-size:12px}.topbar__title strong{margin-top:2px;font-size:16px}.topbar__actions{display:flex;gap:8px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer}.icon-button:hover{border-color:var(--accent);color:var(--accent-strong)}.settings-panel{max-width:calc(var(--reader-width) + 80px);margin:-12px auto 20px;display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:var(--shadow)}.setting-row{display:flex;justify-content:space-between;gap:16px;align-items:center}.setting-row>span{color:var(--muted);font-size:14px}.stepper,.segmented{display:flex;align-items:center;gap:8px}.stepper button,.segmented button{border:1px solid var(--line);border-radius:4px;background:var(--surface-muted);cursor:pointer}.stepper button{display:grid;place-items:center;width:34px;height:34px}.segmented button{min-width:48px;padding:7px 10px}.segmented .is-active{border-color:var(--accent);color:var(--accent-strong)}.novel-article{max-width:var(--reader-width);margin:0 auto;padding:62px 54px 72px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:4px;background:var(--reader-paper);box-shadow:0 14px 44px #2f261c12}.chapter-meta{padding-bottom:24px;margin-bottom:38px;border-bottom:1px solid color-mix(in srgb,var(--line) 68%,transparent)}.chapter-meta p{margin:0 0 12px;color:var(--danger);font:700 12px/1.2 ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:.03em}.chapter-meta h2{margin:0;font-size:32px;font-weight:650;line-height:1.22}.novel-article>p{margin:0 0 .88em;font-size:var(--reader-font-size);line-height:var(--reader-line-height);letter-spacing:0;text-align:justify;text-indent:2em;overflow-wrap:break-word}.skeleton{display:grid;gap:18px}.skeleton span{height:20px;border-radius:4px;background:linear-gradient(90deg,var(--surface-muted),color-mix(in srgb,var(--surface-muted) 60%,var(--surface)),var(--surface-muted));background-size:220% 100%;animation:pulse 1.4s ease-in-out infinite}.skeleton span:nth-child(2){width:92%}.skeleton span:nth-child(3){width:78%}.skeleton span:nth-child(4){width:86%}.chapter-controls{max-width:var(--reader-width);margin:24px auto 0;display:grid;grid-template-columns:1fr auto 1fr;gap:12px}.chapter-controls button{min-height:46px;display:inline-flex;gap:8px;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface);cursor:pointer}.chapter-controls button:last-child{justify-self:stretch}.chapter-controls button:disabled{cursor:not-allowed;opacity:.42}.mobile-only{display:none}.desktop-only{display:inline-grid}@keyframes pulse{to{background-position:-220% 0}}@media(max-width:860px){.menu-scrim{position:fixed;z-index:35;inset:0;display:block;border:0;background:#12110e57;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .16s ease}.menu-scrim.is-open{opacity:1;pointer-events:auto}.shelf-view{width:min(100vw - 24px,680px);padding:18px 0 40px}.shelf-hero{display:block;padding:0 2px 16px}.shelf-hero h1{font-size:42px}.book-grid{grid-template-columns:1fr}.shelf-book{grid-template-columns:116px minmax(0,1fr);min-height:238px;gap:16px}.cover{min-height:0}.shelf-book h2{font-size:24px}.book-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.app-shell{display:block}.library{position:fixed;z-index:40;inset:0 auto 0 0;width:min(90vw,390px);height:100dvh;padding:18px 14px 16px;transform:translate(-105%);transition:transform .18s ease;box-shadow:var(--shadow);border-right:1px solid var(--line)}.library.is-open{transform:translate(0)}.library__head h1{font-size:25px}.chapter-list{padding-bottom:26px}.chapter-link{min-height:46px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:9px 7px}.chapter-link small{display:none}.mobile-only{display:inline-grid}.desktop-only{display:none}.reader{padding:12px 12px 96px}.topbar{top:8px;margin-bottom:14px}.novel-article{padding:44px 28px 52px;box-shadow:0 10px 32px #2f261c0f}.chapter-meta{margin-bottom:24px;padding-bottom:20px}.chapter-meta h2{font-size:27px}.chapter-controls{position:fixed;z-index:25;left:10px;right:10px;bottom:12px;margin:0;padding:8px;border:1px solid var(--line);border-radius:4px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}}@media(max-width:520px){.topbar{grid-template-columns:auto minmax(0,1fr) auto}.topbar>.desktop-only{display:none}.shelf-book{grid-template-columns:1fr;padding:14px}.cover{min-height:0}.book-meta{grid-template-columns:1fr}.book-progress div{display:block}.topbar__actions{gap:6px}.icon-button{width:38px;height:38px}.novel-article{padding:38px 20px 46px;border-left:0;border-right:0;border-radius:0;box-shadow:none}.chapter-controls{grid-template-columns:1fr .8fr 1fr}.library{width:min(92vw,380px)}.library-book{padding-top:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}