:root{color:#2b322c;font-synthesis:none;text-rendering:optimizelegibility;--green:#70816a;--green-dark:#4f6050;--green-pale:#e8ece4;--paper:#f3efe5;--surface:#fcfbf7;--line:#2d3a2e1f;--muted:#7b817b;--shadow:0 20px 60px #30362d14;background:#f4f3ee;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;min-height:100%;margin:0;overflow-x:hidden}html.reader-active,body.reader-active{overscroll-behavior:none;height:100%;overflow:hidden}body{background:radial-gradient(circle at 80% 0,#9aae9217,#0000 32rem),#f4f3ee;min-width:320px;min-height:100vh}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.muted{color:var(--muted)}.eyebrow{color:var(--green);letter-spacing:.2em;font-size:.7rem;font-weight:700}.brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#f5f2e9;background:var(--green);border-radius:14px;place-items:center;width:42px;height:42px;font-family:Noto Serif SC,serif;font-size:1.2rem;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.brand-mark.small{border-radius:11px;width:34px;height:34px;font-size:1rem}.brand>div:last-child{flex-direction:column;display:flex}.brand strong{letter-spacing:.02em;font-family:DM Serif Display,Noto Serif SC,serif;font-size:1.16rem}.brand span{color:var(--muted);letter-spacing:.12em;margin-top:1px;font-size:.67rem}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 17px;font-size:.86rem;font-weight:600;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.primary-button{color:#fff;background:var(--green);box-shadow:0 10px 24px #5c705733}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--green-dark);box-shadow:0 13px 28px #5c705740}.primary-button:disabled{opacity:.6;cursor:default;transform:none}.primary-button.large{width:100%;min-height:50px;margin-top:6px}.secondary-button{border:1px solid var(--line);color:#465047;background:#ffffffa8}.text-button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;font-size:.8rem}.icon-button{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.icon-button:hover,.icon-button.active{border-color:var(--line);color:var(--green-dark);background:var(--green-pale)}.login-page{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-visual{color:#f8f5ec;background:radial-gradient(circle at 76% 22%,#d8e2bf21,#0000 28%),linear-gradient(145deg,#1e2a21fc,#51684ef5);align-items:flex-end;min-height:100vh;padding:64px clamp(48px,7vw,120px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";background:linear-gradient(#0000 30%,#161e1780),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 90px);position:absolute;inset:0}.visual-glow{filter:blur(30px);background:#cdd9b71f;border-radius:50%;width:38rem;height:38rem;position:absolute;top:-20%;right:-12%}.visual-copy{z-index:1;max-width:610px;position:relative}.brand.light{position:absolute;bottom:calc(100% + clamp(120px,23vh,260px))}.brand.light .brand-mark{color:#405141;background:#f2eee3}.brand.light span{color:#ffffffa6}.quote-mark{color:#f0eddc61;height:50px;font-family:Georgia,serif;font-size:6rem;line-height:1}.visual-copy h1{letter-spacing:.03em;margin:10px 0 24px;font-family:Noto Serif SC,serif;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:500;line-height:1.32}.visual-copy>p{color:#ffffffa8;max-width:480px;font-family:Noto Serif SC,serif;font-size:1rem;line-height:1.9}.login-features{color:#ffffffd1;gap:25px;margin-top:34px;font-size:.8rem;display:flex}.login-features span{align-items:center;gap:8px;display:inline-flex}.login-panel{background:radial-gradient(circle at 100% 0,#738b6c1f,#0000 28rem),#f7f5ef;place-items:center;min-height:100vh;padding:45px;display:grid}.login-card{width:min(100%,390px)}.login-card h2{color:#293229;margin:13px 0 8px;font-family:Noto Serif SC,serif;font-size:1.85rem;font-weight:600}.login-card>p{margin:0 0 34px;font-size:.84rem}.login-card label{margin-bottom:19px;display:block}.login-card label>span{color:#596159;margin-bottom:8px;font-size:.78rem;font-weight:600;display:block}.login-card input,.url-import-card input{color:#2e352f;background:#ffffffa6;border:1px solid #37463826;border-radius:12px;outline:none;width:100%;height:48px;padding:0 15px;transition:border .16s,box-shadow .16s}.login-card input:focus,.url-import-card input:focus{border-color:#627c5c8c;box-shadow:0 0 0 4px #6a86641a}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{width:43px;height:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid;position:absolute;top:0;right:3px}.form-error{color:#914940;background:#f5e6e2;border-radius:9px;margin:-6px 0 16px;padding:10px 12px;font-size:.78rem}.login-card .text-button{margin:18px auto 0;display:block}.login-mobile-logo{display:none}.app-shell{grid-template-columns:244px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9f8f3d1;flex-direction:column;height:100vh;padding:31px 24px 24px;display:flex;position:sticky;top:0}.sidebar nav{flex-direction:column;gap:7px;margin-top:53px;display:flex}.sidebar nav a{color:#737a73;border-radius:12px;align-items:center;gap:12px;min-height:46px;padding:0 14px;font-size:.85rem;font-weight:500;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#465547;background:#e9ede5}.sidebar nav a.active{box-shadow:inset 3px 0 var(--green)}.sidebar-foot{margin-top:auto}.offline-pill{color:var(--muted);align-items:center;gap:8px;margin:0 10px 14px;font-size:.72rem;display:flex}.profile-button{border:1px solid var(--line);color:#475147;text-align:left;cursor:pointer;background:#ffffff80;border-radius:13px;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;width:100%;padding:11px;display:grid}.avatar{color:#fff;background:linear-gradient(145deg,#8b9e83,#5d715d);border-radius:50%;place-items:center;width:34px;height:34px;font-family:Noto Serif SC,serif;font-weight:600;display:grid}.profile-button>span:nth-child(2),.user-row>div{flex-direction:column;min-width:0;display:flex}.profile-button strong,.user-row strong{text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.profile-button small,.user-row small{color:var(--muted);margin-top:2px;font-size:.65rem}.main-content{min-width:0}.mobile-nav{display:none}.page-wrap{width:min(100%,1420px);margin:0 auto;padding:54px clamp(32px,5vw,76px) 80px}.page-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px;display:flex}.page-header h1{letter-spacing:.02em;margin:9px 0 8px;font-family:Noto Serif SC,serif;font-size:clamp(2rem,3vw,2.75rem);font-weight:600}.page-header p{color:var(--muted);margin:0;font-family:Noto Serif SC,serif;font-size:.88rem}.header-actions{gap:10px;display:flex}.file-button{position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.notice-bar{color:#50614e;text-align:left;background:#eaf0e6;border:1px solid #5d7a5624;border-radius:11px;align-items:center;gap:9px;width:100%;min-height:42px;margin:-20px 0 26px;padding:10px 15px;font-size:.8rem;display:flex}button.notice-bar{cursor:pointer}.notice-bar a{margin-left:auto;font-weight:700;text-decoration:underline}.library-toolbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.library-toolbar>span,.section-title>span{color:var(--muted);font-size:.74rem}.search-field{border:1px solid var(--line);width:min(100%,360px);height:43px;color:var(--muted);background:#ffffff8c;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-field input{color:#374038;background:0 0;border:0;outline:0;width:100%}.book-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:35px 28px;display:grid}.book-card{min-width:0;position:relative}.book-cover{aspect-ratio:.69;background:#d9ddd3;border-radius:4px 13px 13px 4px;transition:transform .22s,box-shadow .22s;display:block;position:relative;overflow:hidden;box-shadow:-7px 7px 20px #353c320f,0 15px 30px #353c3221}.book-cover:after{content:"";background:#1f282024;border-right:1px solid #ffffff40;width:7px;position:absolute;inset:0 auto 0 0}.book-cover:hover{transform:translateY(-5px)rotate(.3deg);box-shadow:-8px 11px 24px #353c3214,0 22px 38px #353c322e}.book-cover img{object-fit:cover;width:100%;height:100%}.generated-cover{color:#f4f0e5;text-align:center;background:radial-gradient(circle at 78% 14%,#ffffff29,#0000 28%),linear-gradient(155deg,#83917c,#526453);justify-content:center;align-items:center;width:100%;height:100%;padding:26px 22px;display:flex}.generated-cover:before{content:"";border:1px solid #ffffff2e;border-radius:2px 8px 8px 2px;position:absolute;inset:13px}.generated-cover>span{font-family:Noto Serif SC,serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:500}.generated-cover small{font-family:Noto Serif SC,serif;font-size:.7rem;position:absolute;bottom:28px}.cover-progress{background:#ffffff42;border-radius:99px;height:3px;position:absolute;bottom:9px;left:12px;right:12px;overflow:hidden}.cover-progress span{border-radius:inherit;background:#fff;height:100%;display:block}.book-info{padding-top:16px}.book-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:600;overflow:hidden}.book-info>p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;overflow:hidden}.book-meta{color:#9a9e98;flex-wrap:wrap;gap:6px 15px;margin-top:10px;font-size:.66rem;display:flex}.offline-button,.more-button{opacity:0;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#222b2391;transition:opacity .16s;position:absolute;top:8px}.offline-button{right:46px}.more-button{right:7px}.book-card:hover .offline-button,.book-card:hover .more-button,.offline-button.active{opacity:1}.tiny-progress{font-size:.59rem}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{min-height:220px;color:var(--muted);place-items:center;display:grid}.empty-state.elevated{text-align:center;background:#ffffff57;border:1px dashed #4b5b4b2e;border-radius:24px;align-content:center;min-height:410px}.empty-state h3{color:#3e493f;margin:17px 0 7px;font-family:Noto Serif SC,serif}.empty-state p{margin:0 0 20px;font-size:.8rem}.empty-icon,.section-icon{color:var(--green-dark);background:var(--green-pale);place-items:center;display:grid}.empty-icon{border-radius:19px;width:58px;height:58px}.discover-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.discover-toolbar h1{margin:0;font-family:Noto Serif SC,serif;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:600}.discover-source{color:var(--green-dark);background:var(--green-pale);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:5px 9px;font-size:.66rem;display:inline-flex}.discover-panel{border:1px solid var(--line);background:#ffffff80;border-radius:15px;padding:8px;box-shadow:0 12px 32px #2e392d0d}.discover-search{color:#6d776c;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;padding-left:10px;display:grid}.discover-search input{background:0 0;border:0;outline:0;min-width:0;height:40px}.discover-search .primary-button{min-width:70px;height:40px;padding:0 16px}.section-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.section-title h2{margin:0;font-family:Noto Serif SC,serif;font-size:1rem}.section-title>span{color:var(--muted);font-size:.66rem}.search-results{margin-top:18px}.result-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:8px;display:grid}.result-card{border:1px solid var(--line);background:#ffffff85;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px 11px 10px 13px;display:grid}.result-info{min-width:0}.result-heading{align-items:baseline;gap:7px;min-width:0;display:flex}.result-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:Noto Serif SC,serif;font-size:.9rem;font-weight:600;overflow:hidden}.result-heading>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;font-size:.65rem;overflow:hidden}.result-meta{color:var(--muted);white-space:nowrap;gap:10px;margin-top:5px;font-size:.61rem;display:flex;overflow:hidden}.result-meta span+span:before{color:var(--line-strong);content:"·";margin-right:10px}.import-result-button{isolation:isolate;color:#f7f6ef;background:var(--green);cursor:pointer;border:1px solid #48624b38;border-radius:9px;min-width:88px;height:34px;padding:0 10px;font-size:.65rem;position:relative;overflow:hidden}.import-result-button:disabled{cursor:default;opacity:.72}.import-result-button>span{z-index:1;position:relative}.import-button-progress{z-index:0;background:#17361e6b;transition:width .3s;position:absolute;inset:0 auto 0 0}.import-result-button.completed{color:var(--green-dark);background:var(--green-pale)}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.panel{border:1px solid var(--line);background:#ffffff80;border-radius:20px;padding:26px;box-shadow:0 16px 45px #2e392d0a}.panel-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.panel-heading h2{margin:0 0 4px;font-family:Noto Serif SC,serif;font-size:1.18rem}.panel-heading p{color:var(--muted);margin:0;font-size:.72rem}.invite-box{background:var(--green-pale);border-radius:13px;flex-wrap:wrap;align-items:center;gap:12px;padding:15px;display:flex}.invite-box code{text-overflow:ellipsis;flex:1;font-size:.76rem;overflow:hidden}.invite-box small{width:100%;color:var(--muted);font-size:.65rem}.user-list{gap:8px;display:grid}.user-row{border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:11px;padding:10px;display:grid}.user-row:hover{background:#e6ebe2a6}.role-badge{color:var(--green-dark);background:var(--green-pale);border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:.64rem;display:inline-flex}.update-banner{z-index:50;color:#fff;cursor:pointer;background:#526553;border:1px solid #ffffff2e;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #1e281e38}.app-loading{min-height:100vh;color:var(--muted);background:var(--paper);place-content:center;justify-items:center;gap:12px;display:grid}.reader-shell{--reader-bg:#eee9dc;--reader-paper:#f5f0e4;--reader-text:#32352f;--reader-muted:#8a8a80;z-index:100;color:var(--reader-text);background:var(--reader-bg);filter:brightness(var(--reader-brightness));transition:color .22s,background .22s;position:fixed;inset:0;overflow:clip}.reader-shell.theme-clean{--reader-bg:#f2f2f0;--reader-paper:#fff;--reader-text:#292c29;--reader-muted:#898d89}.reader-shell.theme-night{--reader-bg:#171a18;--reader-paper:#202421;--reader-text:#c9cdc4;--reader-muted:#858b82}.reader-header,.reader-footer{z-index:10;color:var(--reader-muted);background:color-mix(in srgb, var(--reader-bg) 88%, transparent);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);align-items:center;transition:opacity .22s,transform .22s;display:grid;position:absolute;left:0;right:0}.reader-header{border-bottom:1px solid color-mix(in srgb, var(--reader-text) 8%, transparent);grid-template-columns:52px 1fr auto;height:67px;padding:0 24px;top:0}.reader-footer{border-top:1px solid color-mix(in srgb, var(--reader-text) 7%, transparent);grid-template-columns:42px 1fr minmax(80px,auto);gap:12px;height:42px;padding:0 28px;font-size:.65rem;bottom:0}.chrome-hidden .reader-header{opacity:0;transform:translateY(-100%)}.chrome-hidden .reader-footer{opacity:0;transform:translateY(100%)}.reader-icon-button{width:38px;height:38px;color:var(--reader-muted);cursor:pointer;background:0 0;border:0;border-radius:11px;place-items:center;display:grid}.reader-icon-button:hover{color:var(--reader-text);background:color-mix(in srgb, var(--reader-text) 7%, transparent)}.reader-title{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-self:center;align-items:center;max-width:min(55vw,520px);display:flex}.reader-title strong,.reader-title span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.reader-title strong{color:var(--reader-text);font-family:var(--reader-font);font-size:.84rem}.reader-title span{margin-top:2px;font-size:.62rem}.reader-header-actions{gap:3px;display:flex}.reader-stage{transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .4s;position:absolute;inset:67px 0 42px}.reader-stage.flip-forward{filter:drop-shadow(20px 0 24px #00000021);transform-origin:0;transform:perspective(1400px)rotateY(-4deg)translate(-1.5%)}.reader-stage.flip-backward{filter:drop-shadow(-20px 0 24px #00000021);transform-origin:100%;transform:perspective(1400px)rotateY(4deg)translate(1.5%)}.chrome-hidden .reader-stage{inset:0}.scroll-reader{scroll-behavior:smooth;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:100%;overflow:auto}.reader-article{width:min(100% - 36px,790px);padding:68px var(--reader-margin) 90px;font-family:var(--reader-font);margin:0 auto}.scroll-reader .reader-article+.reader-article{border-top:1px solid color-mix(in srgb, var(--reader-text) 12%, transparent);margin-top:20px;position:relative}.chapter-kicker{color:var(--reader-muted);letter-spacing:.12em;text-align:center;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.65rem}.reader-article h1{font-family:var(--reader-font);font-size:calc(var(--reader-font-size) * 1.65);text-align:center;margin:18px 0 50px;font-weight:600;line-height:1.45}.reader-content{font-size:var(--reader-font-size);line-height:var(--reader-line-height);letter-spacing:.03em}.reader-content p{margin:0 0 var(--reader-paragraph-space);text-align:justify}.reader-content img{max-width:100%;height:auto;margin:25px auto;display:block}.reader-content mark.reader-search-match{color:#fffaf0;background:#2f4437;border-radius:.18em;padding:.04em .14em;box-shadow:0 0 0 1px #1423191f}.next-chapter-action{width:min(100% - 36px,790px);padding:8px var(--reader-margin) 68px;justify-content:center;margin:0 auto;display:flex}.next-chapter-button{border:1px solid color-mix(in srgb, var(--reader-text) 12%, transparent);width:min(100%,440px);min-height:62px;color:var(--reader-text);background:color-mix(in srgb, var(--reader-paper) 92%, var(--reader-text) 8%);cursor:pointer;text-align:left;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 18px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:0 10px 28px #00000012}.next-chapter-button span{color:var(--reader-muted);letter-spacing:.08em;font-family:Inter,sans-serif;font-size:.72rem}.next-chapter-button strong{font-family:var(--reader-font);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.next-chapter-button:hover{border-color:color-mix(in srgb, var(--reader-text) 25%, transparent);transform:translateY(-2px);box-shadow:0 14px 34px #0000001a}.next-chapter-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.next-chapter-button:disabled{cursor:wait;opacity:.65;text-align:center;grid-template-columns:1fr;transform:none}.last-chapter-label,.next-chapter-error{color:var(--reader-muted);text-align:center;font-size:.72rem}.next-chapter-error{color:#a45145;padding:0 20px 32px}.page-reader{width:100%;height:100%;position:relative}.page-reader-viewport{background:var(--reader-paper);width:min(100% - 110px,1050px);height:100%;margin:0 auto;overflow:hidden;box-shadow:0 18px 60px #0000001a}.page-flow{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-overflow-scrolling:touch;width:100%;height:100%;overflow:auto hidden}.page-flow::-webkit-scrollbar{display:none}.reader-article.paginated{width:auto;height:100%;padding:56px var(--reader-margin);column-gap:calc(var(--reader-margin) * 2);column-width:calc(min(100vw - 110px, 1050px) - var(--reader-margin) * 2);column-fill:auto;margin:0}.reader-article.paginated h1{break-after:avoid}.page-turn{z-index:5;cursor:pointer;pointer-events:none;background:0 0;border:0;width:28%;position:absolute;top:0;bottom:0}.page-turn.left{cursor:w-resize;left:0}.page-turn.right{cursor:e-resize;right:0}.reader-footer>span:first-child{text-align:right}.footer-line{background:color-mix(in srgb, var(--reader-text) 10%, transparent);border-radius:99px;height:2px;overflow:hidden}.footer-line i{background:var(--green);height:100%;display:block}.drawer-layer{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f131047;position:fixed;inset:0;overflow:hidden}.reader-drawer{color:#323a33;background:#faf8f1;width:min(90vw,430px);max-width:100%;padding:27px;animation:.22s ease-out drawer-in;position:absolute;top:0;bottom:0;box-shadow:0 0 70px #141c1538}.catalog-drawer{flex-direction:column;min-height:0;display:flex;left:0}.settings-drawer{right:0}@keyframes drawer-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.settings-drawer{animation-name:drawer-in-right}@keyframes drawer-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.drawer-heading{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:24px;display:flex}.drawer-heading h2{margin:0 0 5px;font-family:Noto Serif SC,serif;font-size:1.3rem}.drawer-heading p{color:var(--muted);margin:0;font-size:.7rem}.drawer-heading button{width:34px;height:34px;color:var(--muted);background:var(--green-pale);cursor:pointer;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.catalog-search{color:#778077;background:#fff;border:1px solid #dde1d8;border-radius:13px;flex:none;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;margin-top:16px;padding:8px 8px 8px 13px;display:grid}.catalog-search:focus-within{border-color:#849b88;box-shadow:0 0 0 3px #5a77601f}.catalog-search input{color:#354038;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:.76rem}.catalog-search input::placeholder{color:#9aa19a}.catalog-search>button{color:#f7faf6;cursor:pointer;background:#496451;border:0;border-radius:9px;min-width:54px;height:32px;font-size:.68rem;font-weight:700}.catalog-search>button:disabled{cursor:default;opacity:.48}.catalog-search-error{color:#a45145;flex:none;margin:9px 4px 0;font-size:.68rem}.catalog-search-summary{color:#7d857d;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:42px;font-size:.67rem;display:flex}.catalog-search-summary button{color:#496451;font-size:inherit;cursor:pointer;background:0 0;border:0;font-weight:700}.catalog-search-results{flex:1;min-height:0;padding-bottom:18px;overflow:auto}.catalog-search-results>button{color:#596259;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:6px;width:100%;min-width:0;padding:13px 10px;display:flex}.catalog-search-results>button:hover{background:var(--green-pale)}.catalog-search-results strong{color:#3f4d42;font-family:Noto Serif SC,serif;font-size:.78rem;font-weight:600}.catalog-search-snippet{color:#7a817a;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.65;display:-webkit-box;overflow:hidden}.catalog-search-snippet>span{display:inline}.catalog-search-preview-match{color:#fffaf0;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#2f4437;border-radius:.2em;padding:.05em .18em}.catalog-search-empty{color:#929992;text-align:center;padding:52px 15px;font-size:.72rem}.catalog-list{flex:1;min-height:0;padding:17px 0;overflow:auto}.bookmark-list{border-bottom:1px solid var(--line);padding:15px 0}.bookmark-list>label{color:var(--muted);margin:0 8px 8px;font-size:.65rem;font-weight:700;display:block}.bookmark-list>div{grid-template-columns:1fr 32px;gap:4px;display:grid}.bookmark-list button{color:#596559;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:34px;font-size:.7rem;display:flex;overflow:hidden}.bookmark-list button:hover{background:var(--green-pale)}.bookmark-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-list button{color:#6e746d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:38px 1fr 20px;align-items:center;gap:8px;width:100%;padding:13px 10px;display:grid}.catalog-list button:hover,.catalog-list button.active{color:#445044;background:var(--green-pale)}.catalog-list button>span{font-variant-numeric:tabular-nums;font-size:.61rem}.catalog-list strong{text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif SC,serif;font-size:.78rem;font-weight:500;overflow:hidden}.setting-section{border-bottom:1px solid var(--line);padding:20px 0}.setting-section>label{color:#626a62;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.72rem;font-weight:600;display:flex}.segmented{background:#ecebe5;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;display:grid}.segmented button{color:#777d76;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:36px;font-size:.7rem}.segmented.three button{flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:58px;display:flex}.segmented button.active{color:#455344;background:#fff;box-shadow:0 4px 12px #28322812}.theme-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.theme-options button{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:62px;display:flex}.theme-options button.active{border-color:var(--green)}.theme-options button strong{font-size:.67rem}.theme-options .paper{color:#524e43;background:#eee7d6}.theme-options .paper span{background:#d9ceb5;border-radius:2px;width:21px;height:16px}.theme-options .clean{color:#4c504c;background:#fff}.theme-options .night{color:#c3c8c0;background:#282d29}.range-setting label span{align-items:center;gap:6px;display:flex}.range-setting input{width:100%;accent-color:var(--green)}.offline-action{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:46px;margin-top:22px;font-size:.76rem;font-weight:600;display:flex}.offline-action.done{color:#4c5a4b;background:var(--green-pale)}.reader-loading,.reader-error{height:100%;color:var(--reader-muted,var(--muted));place-content:center;display:grid}.reader-loading.full,.reader-error.full{background:var(--paper);min-height:100vh}.reader-error a{color:var(--green);text-align:center}.pdf-reader{text-align:center;height:100%;padding:28px 20px 80px;overflow:auto}.pdf-reader canvas{margin:0 auto;display:block;box-shadow:0 10px 40px #00000024}.pdf-controls{z-index:15;color:#4b534a;background:#fff;border-radius:99px;align-items:center;gap:16px;padding:7px 10px;display:flex;position:fixed;bottom:53px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000021}.pdf-controls button{background:var(--green-pale);cursor:pointer;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.pdf-controls span{font-size:.72rem}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{padding:28px}.login-mobile-logo{align-items:center;gap:10px;margin-bottom:42px;display:flex}.app-shell{display:block}.sidebar{display:none}.main-content{padding-bottom:74px}.mobile-nav{z-index:50;right:12px;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f4e0;border:1px solid #ffffff8c;border-radius:18px;grid-auto-columns:1fr;grid-auto-flow:column;min-height:58px;padding:6px;display:grid;position:fixed;left:12px;box-shadow:0 15px 45px #28322829}.mobile-nav a{color:var(--muted);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.59rem;display:flex}.mobile-nav a.active{color:var(--green-dark);background:var(--green-pale)}.url-import-card{grid-template-columns:44px 1fr}.url-import-card form{grid-column:1/-1}.admin-grid{grid-template-columns:1fr}}@media (width<=640px){.reader-shell{--reader-mobile-margin:clamp(14px, 4vw, 18px)}.page-wrap{padding:33px 18px 55px}.page-header{flex-direction:column;align-items:flex-start;margin-bottom:28px}.header-actions{width:100%}.header-actions>*{flex:1}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 17px}.offline-button,.more-button{opacity:1}.library-toolbar{gap:13px}.discover-page{padding-top:22px}.discover-toolbar{margin-bottom:10px}.discover-search{grid-template-columns:20px minmax(0,1fr) auto}.discover-search .primary-button{min-width:62px;padding:0 12px}.result-card{min-height:64px}.reader-header{grid-template-columns:42px 1fr auto;height:58px;padding:0 10px}.reader-stage{inset:58px 0 34px}.reader-footer{grid-template-columns:35px 1fr;height:34px;padding:0 13px}.reader-footer>span:last-child{display:none}.reader-article{width:100%;padding:42px var(--reader-mobile-margin) 64px}.reader-article h1{margin-bottom:35px}.next-chapter-action{width:100%;padding:8px var(--reader-mobile-margin) 54px}.next-chapter-button{border-radius:14px;min-height:58px}.page-reader-viewport{width:100%;box-shadow:none}.reader-article.paginated{padding:40px var(--reader-mobile-margin);column-gap:calc(var(--reader-mobile-margin) * 2);column-width:calc(100vw - var(--reader-mobile-margin) * 2)}.page-turn{width:25%}.reader-drawer{width:92vw;padding:22px 18px}.segmented.three button{font-size:.62rem}}