/* Reader is an independent app; its surfaces share the quiet story-library palette. */
#reader-bookshelf-screen{background:#f7f8fa;color:#4e5966}#reader-bookshelf-screen .app-header{background:#fafbfce8;backdrop-filter:blur(18px);border-bottom:0}#reader-bookshelf-screen .title{font-size:17px;font-weight:500}#reader-bookshelf-screen .action-btn{color:#7d8b9b;min-width:38px;min-height:40px}
#reader-bookshelf-screen .reader-bookshelf-content{padding:12px 18px calc(24px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;min-width:0}#reader-bookshelf-screen .bookshelf-grid{display:flex;flex-direction:column;gap:11px;padding:0;margin:0}
.r89-folder-tabs{display:flex;gap:22px;overflow-x:auto;scrollbar-width:none;padding:0 3px 12px;white-space:nowrap}.r89-folder-tabs::-webkit-scrollbar{display:none}.r89-button{font:13px/1.5 system-ui;color:#657587;border:1px solid #e0e5eb;background:#fff;border-radius:10px;min-height:38px;padding:8px 13px;cursor:pointer;box-sizing:border-box}.r89-button:disabled{opacity:.5}.r89-folder{border:0;background:transparent;border-radius:0;font-size:14px;color:#9aa3ad;padding:7px 0;position:relative;flex:none}.r89-folder.is-active{color:#4d5966}.r89-folder.is-active:after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:2px;background:#8b9bac;border-radius:2px}
.r89-search{box-sizing:border-box;width:100%;height:42px;border:1px solid #e3e7ed;border-radius:14px;background:#fff;color:#4e5966;font:14px system-ui;padding:0 16px;outline-offset:2px}.r89-search::placeholder{color:#a2aab4}
.r89-carousel{position:relative;height:205px;margin:18px -18px 0;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;contain:layout paint;cursor:grab}.r89-carousel:active{cursor:grabbing}.r89-wheel-card{box-sizing:border-box;position:absolute;top:10px;left:calc(50% - 77px);width:154px;height:174px;background:#fff;border:1px solid #e2e7ed;border-radius:11px;box-shadow:0 6px 18px #4d607514;text-align:left;padding:15px 14px;color:#303946;display:flex;flex-direction:column;transform-origin:50% 90%;will-change:transform,opacity;cursor:pointer;overflow:hidden}.r89-wheel-card>small:first-child{font:7px/1.4 system-ui;letter-spacing:1px;color:#a8b0ba}.r89-wheel-card strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:500 15px/1.5 system-ui;margin:9px 0 3px;overflow-wrap:anywhere}.r89-wheel-author{font:10px/1.5 system-ui;color:#87929e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r89-wheel-card i{display:block;width:16px;border-top:1px solid #b7c0cb;margin:10px 0 0}.r89-wheel-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:10px/1.65 system-ui;margin:9px 0;overflow-wrap:anywhere}.r89-wheel-meta{margin-top:auto;color:#a3adb8;font:9px/1.4 system-ui;border-top:1px solid #edf0f4;padding-top:6px;white-space:nowrap}
.r89-carousel-title{text-align:center;font:500 13px/1.7 system-ui;color:#4b5866;padding:0 30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:23px}.r89-random{display:block;margin:8px auto 0;padding:5px 12px;min-height:38px;border:0;background:transparent;font:12px/1.6 system-ui;color:#919dac;cursor:pointer}.r89-carousel-hint{text-align:center;color:#b1b9c3;font:10px/1.8 system-ui;margin:0 0 22px}.r89-list-heading{display:flex;justify-content:space-between;font:500 14px system-ui;color:#566270;margin:0 2px 12px}.r89-list-heading small{font-size:11px;font-weight:400;color:#a0a9b5}
.r89-book-row{position:relative;background:#fff;border:1px solid #e5e9ef;border-radius:13px;min-width:0;overflow:hidden}.r89-book-open{display:flex;gap:15px;align-items:center;width:100%;padding:14px 40px 14px 13px;box-sizing:border-box;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.r89-art{width:62px;height:74px;border:1px solid #e9ecf1;border-radius:7px;background:#fefefe;box-shadow:0 3px 9px #5262780c;flex:none;overflow:hidden}.r89-art svg,.r89-art img{display:block;width:100%;height:100%;object-fit:cover}.r89-book-body{min-width:0;display:block;flex:1}.r89-book-body>strong{display:block;font:500 14px/1.55 system-ui;overflow-wrap:anywhere;white-space:normal}.r89-book-body>small{display:block;color:#99a3ae;font:11px/1.7 system-ui;margin-top:3px}.r89-book-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:11px/1.7 system-ui;color:#a0a9b3;margin-top:5px;overflow-wrap:anywhere}.r89-book-body .r89-book-progress{font-size:10px;margin-top:8px;color:#a2adba}.r89-book-menu{position:absolute;right:5px;top:8px;min-width:32px;min-height:34px;padding:3px 7px;border:0;background:transparent;color:#a2adbb;font-size:20px}.r89-empty{font:13px/1.8 system-ui;color:#9ca7b3;text-align:center;padding:30px 0}
.r89-shade{position:fixed;inset:0;z-index:24000;background:#3e4a5a30;backdrop-filter:blur(6px);display:flex;align-items:flex-end;padding:calc(var(--uwu-top-inset,env(safe-area-inset-top,0px)) + 8px) 0 0;box-sizing:border-box}.r89-sheet{width:min(100%,620px);max-height:100%;min-height:0;background:#fbfcfd;border:1px solid #fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;margin:0 auto;color:#4e5966;box-sizing:border-box}.r89-sheet-head{display:flex;align-items:center;justify-content:space-between;flex:none;padding:14px 20px;border-bottom:1px solid #e8ebf0}.r89-sheet-head strong{font:500 15px system-ui}.r89-close{border:0;background:transparent;font-size:23px;min-width:34px;padding:0}.r89-sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 20px calc(22px + env(safe-area-inset-bottom,0px));min-height:0}.r89-sheet-body>.r89-button{display:block;width:100%;margin:10px 0;text-align:left}.r89-field{display:flex;align-items:center;gap:14px;justify-content:space-between;font:12px/1.7 system-ui;color:#728090;margin:13px 0;min-width:0}.r89-field>input:not([type=checkbox]):not([type=color]),.r89-field>textarea,.r89-field>select{box-sizing:border-box;min-width:0;width:65%;padding:9px 10px;border:1px solid #dfe5ed;border-radius:8px;color:#4e5966;background:#fff;font:14px/1.5 system-ui}.r89-field>textarea{min-height:100px;resize:vertical}.r89-field>input[type=file]{font-size:11px!important}.r89-field>input[type=color]{width:45px;height:30px;border:1px solid #dfe5ed;padding:2px;border-radius:5px}.r89-field>input[type=checkbox]{accent-color:#899eb6;width:19px;height:19px}.r89-primary{background:#8fa5bc;color:white;border-color:transparent;text-align:center!important}.r89-hint{font:11px/1.7 system-ui;color:#9ca8b4;display:block;text-align:center;margin:14px 0}
#reader-view-screen{--reader-panel-bg:#fffffff0;background-image:none!important}#reader-view-screen .reader-content{background:transparent;padding-top:max(var(--reader-margin-top,66px),calc(48px + var(--uwu-top-inset,env(safe-area-inset-top,0px))));padding-bottom:max(var(--reader-margin-bottom,68px),calc(50px + env(safe-area-inset-bottom,0px)))}#reader-view-screen .reader-content:before{content:'';position:absolute;inset:0;background-image:var(--reader-image,none);background-position:var(--reader-image-position,center);background-size:cover;opacity:var(--reader-image-opacity,.18);pointer-events:none;z-index:0}#reader-view-screen .reader-text-container{position:relative;z-index:1}#reader-view-screen .reader-text-container p{font-family:var(--reader-font,serif);letter-spacing:var(--reader-letter,0);text-align:var(--reader-align,left)}#reader-view-screen .reader-paragraph-continued{margin-bottom:0}#reader-view-screen .reader-paragraph-continuation{text-indent:0}#reader-view-screen .reader-aa{font:16px system-ui;color:inherit;width:40px;height:40px}
#reader-view-screen .reader-header{background:#fafbfce8;color:#566270;height:calc(48px + var(--uwu-top-inset,env(safe-area-inset-top,0px)));padding:var(--uwu-top-inset,env(safe-area-inset-top,0px)) 16px 0;box-sizing:border-box}#reader-view-screen .reader-header .title{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#reader-view-screen .reader-footer{height:calc(48px + env(safe-area-inset-bottom,0px));padding:0 20px env(safe-area-inset-bottom,0px);box-sizing:border-box;color:#8793a2;background:#fafbfce8}#reader-view-screen .reader-footer-btn{font:12px system-ui;min-height:40px;display:inline-flex;align-items:center;gap:5px}#reader-view-screen .reader-footer-btn svg{width:17px;height:17px}
#reader-view-screen .reader-settings-panel{border-radius:24px 24px 0 0;background:#fbfcfd;color:#4e5966;max-height:calc(100% - var(--uwu-top-inset,env(safe-area-inset-top,0px)) - 8px);padding-bottom:env(safe-area-inset-bottom,0px);overflow-y:auto;box-sizing:border-box}#reader-view-screen .reader-settings-header{font:500 15px system-ui;background:#fbfcfd;position:sticky;top:0;z-index:2}#reader-view-screen .reader-settings-content{padding:10px 20px 22px}#reader-view-screen .reader-settings-content .reader-setting-row{font:12px system-ui}#reader-appearance-fields>.r89-button{margin:7px 0;display:block;width:100%}.r89-range{display:flex;align-items:center;gap:12px;margin:16px 0;font:12px system-ui;color:#768392}.r89-range>span{flex:0 0 70px}.r89-range input{width:0;flex:1;accent-color:#8fa5bc;height:18px}.r89-range output{width:30px;text-align:right;color:#9aa7b5}.r89-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.r89-swatches button{font-size:11px;border-color:#dbe0e6;min-height:37px}.r89-comment-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.r89-comment-actions button{font-size:11px;min-height:30px;padding:4px 10px}.reader-comment-content{white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:720px){#reader-bookshelf-screen .reader-bookshelf-content{max-width:660px;width:100%;margin:auto}.r89-shade{align-items:center;padding:20px}.r89-sheet{border-radius:22px;max-height:90dvh}}
@media(prefers-reduced-motion:reduce){.r89-wheel-card{will-change:auto}.reader-text-container{transition:none!important}}
#reader-bookshelf-screen .reader-bookshelf-content{min-height:0;background:#f7f8fa}
#reader-view-screen .reader-settings-overlay{align-items:flex-end;background:#3e4a5a30;backdrop-filter:blur(5px)}#reader-view-screen .reader-settings-panel{width:100%;max-width:620px;transform:none;box-shadow:0 -8px 40px #35415515}#reader-view-screen .reader-settings-header,#reader-view-screen .reader-settings-close,#reader-view-screen .reader-settings-content .reader-setting-label{color:#657587}
#reader-view-screen .reader-header,#reader-view-screen .reader-footer{background:var(--reader-chrome-bg,#fafbfce8);color:var(--reader-chrome-color,#566270)}#reader-view-screen .reader-header .title,#reader-view-screen .reader-header .back-btn{color:inherit}
#reader-view-screen .reader-comment-panel{background:#fbfcfd;color:#566270;padding-bottom:env(safe-area-inset-bottom,0px)}#reader-view-screen .reader-comment-header,#reader-view-screen .reader-comment-close{color:#657587}

/* Chrome overlays the page: hiding it never leaves an extra header-sized gap. */
#reader-view-screen .reader-header{position:absolute;top:0;left:0;right:0;z-index:100}#reader-view-screen .reader-content{flex:1;min-height:0;min-width:0}
/* Settings/comments stay light, including when the reading paper is dark. */
#reader-view-screen .reader-settings-panel,#reader-view-screen .reader-comment-panel,#reader-view-screen .reader-toc-panel{--reader-text-color:#4e5966;color:#4e5966;background:#fbfcfd}
#reader-view-screen .reader-toc-header{padding-top:calc(15px + var(--uwu-top-inset,env(safe-area-inset-top,0px)))}#reader-view-screen .reader-toc-list{padding-bottom:env(safe-area-inset-bottom,0px)}