:root{color:#27372f;font-synthesis:none;--green:#254e3e;--muted:#83877c;--line:#e5e5dc;--paper:#fffefa;--soft:#eeefe7;--radius:9px;background:#f6f5f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}input,textarea,select{color:inherit;outline:none}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #749d7d}button,a{touch-action:manipulation}button svg,a svg{flex-shrink:0}button{justify-content:center;align-items:center;gap:7px;display:inline-flex}p{line-height:1.7}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600}::selection{background:#d5ddb8}.primary,.small-primary{background:var(--green);color:#fffdf5;border-radius:6px;justify-content:center;align-items:center;gap:12px;padding:12px 18px;font-weight:500;display:inline-flex}.primary:hover,.small-primary:hover{background:#38644f}.small-primary{gap:5px;padding:7px 11px;font-size:12px}.icon-btn{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-btn:hover{background:var(--soft)}.icon-btn.active{color:var(--green);background:#e0e8dd}.text-button{align-items:center;gap:6px;padding:6px;font-size:12px;display:inline-flex}.text-button:hover{text-decoration:underline}.eyebrow{letter-spacing:2px;color:#77816e;align-items:center;gap:7px;font-size:10px;font-weight:600;display:inline-flex}kbd{color:#777c70;background:#f9f9f3;border:1px solid #dedfd4;border-radius:4px;padding:1px 5px;font:11px ui-monospace,monospace}.center-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100dvh;padding:30px;display:flex}.center-message h2,.center-message p{margin:0}.spinner{border:2px solid #b6c2ad;border-top-color:#305b43;border-radius:50%;width:21px;height:21px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error{color:#a14736!important}.error-banner,.reader-error{color:#924c3b;background:#faeee5;border:1px solid #ecd4bf;border-radius:7px;align-items:center;gap:14px;margin:0 0 20px;padding:12px 18px;display:flex}.error-banner button{margin-left:auto;text-decoration:underline}.private-badge{letter-spacing:1.5px;color:#7f897b;align-items:center;gap:7px;font-size:9px;display:flex}.private-badge>span,.pulse-dot{background:#63845c;border-radius:50%;width:5px;height:5px;display:inline-block}.brand{letter-spacing:-1.5px;align-items:center;font-size:35px;font-weight:650;display:flex}.brand-mark{background:var(--green);color:#f5f1de;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;margin-right:10px;display:flex}.brand-dot{color:#829367}.is-favorite{color:#ab8a3b!important}.progress-track{background:#e3e6da;border-radius:10px;height:4px;display:block;overflow:hidden}.progress-track i{background:#5b7855;border-radius:10px;height:100%;transition:width .3s;display:block}.login-page{background:#f6f5ee;grid-template-columns:1fr 1fr;min-height:100dvh;padding:50px 8% 85px;display:grid;position:relative;overflow:hidden}.login-brand{letter-spacing:-1px;z-index:1;grid-column:1/-1;align-items:center;gap:11px;font-size:35px;font-weight:650;display:flex}.login-content{z-index:1;padding-top:70px}.login-content h1{letter-spacing:2px;color:#2b4435;margin:20px 0;font-family:Noto Serif CJK SC,Songti SC,Georgia,serif;font-size:clamp(32px,3.2vw,52px);line-height:1.5}.login-content>p{color:#7b8073;margin:22px 0 36px;line-height:1.9}.login-content form{max-width:350px}.login-content label{margin:0 0 10px;font-size:12px;display:block}.code-input{background:#fffef8;border:1px solid #daddcc;border-radius:7px;align-items:center;gap:12px;padding:5px 5px 5px 16px;display:flex}.code-input>svg{color:#84917b}.code-input input{background:0 0;border:0;width:100%;min-width:0;height:42px;font-size:15px}.code-input .primary{width:48px;height:44px;padding:0}.login-content>small{color:#94988c;align-items:center;gap:6px;margin-top:22px;font-size:11px;display:flex}.login-content form .error{margin-top:10px;font-size:12px}.login-art{align-self:center;min-height:490px;position:relative}.art-orbit{background:#e9eadb;border-radius:50%;position:absolute;inset:30px -60px -10px 0}.art-book{color:#e6e4c8;z-index:2;background:#305240;border-radius:3px 9px 9px 3px;flex-direction:column;justify-content:space-between;width:236px;height:350px;padding:32px;display:flex;position:absolute;top:60px;left:7%;transform:rotate(-13deg);box-shadow:18px 28px 35px #3d48282b,inset 8px 0 5px #0002,inset 11px 0 1px #fff2}.art-book span{font-family:Georgia,serif;font-size:34px;line-height:1.13}.art-book i{letter-spacing:2px;font-size:13px;font-style:normal}.art-book small{letter-spacing:.8px;font-size:9px}.b2{color:#4e4d2d;z-index:1;background:#c6af76;top:99px;left:42%;transform:rotate(11deg)}.b2 span{font-size:31px}.art-caption{letter-spacing:3px;color:#8f957e;font-size:10px;position:absolute;bottom:0;right:0}.login-page>footer{letter-spacing:2px;color:#8b917f;border-top:1px solid #e1e3d6;justify-content:space-between;padding-top:20px;font-size:9px;display:flex;position:absolute;bottom:32px;left:8%;right:8%}.library-shell{min-height:100vh}.library-sidebar{z-index:30;background:#f0f1e8;border-right:1px solid #e0e3d6;flex-direction:column;width:228px;padding:36px 22px 0;display:flex;position:fixed;inset:0 auto 0 0}.library-sidebar .brand{margin:0 13px 43px}.sidebar-heading{letter-spacing:1.5px;color:#969b89;margin-bottom:14px;padding:0 14px;font-size:10px}.library-sidebar nav{flex-direction:column;gap:5px;display:flex}.library-sidebar nav button{color:#747e6b;border-radius:7px;justify-content:flex-start;gap:12px;height:44px;padding:0 13px;font-size:12px}.library-sidebar nav button:hover{background:#e8ebde}.library-sidebar nav button.active{color:#2c5136;background:#dfe7d7;font-weight:600}.library-sidebar nav button small{opacity:.75;margin-left:auto;font-size:10px;font-weight:400}.sidebar-divider{background:#e0e3d6;height:1px;margin:26px 14px}.sidebar-stat{color:#87917c;align-items:center;gap:8px;margin:8px 14px;font-size:11px;display:flex}.sidebar-stat strong{color:#67765b;margin-left:auto;font-size:11px;font-weight:500}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-quote{color:#969d88;padding:0 14px 26px;font-family:Georgia,Songti SC,serif;font-size:12px;line-height:2.2}.profile{border-top:1px solid #dee2d3;align-items:center;gap:10px;padding:20px 0 22px;display:flex}.avatar{color:#536549;background:#dfe5d3;border:1px solid #d3d9c7;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:17px;display:flex}.profile>div{flex-direction:column;gap:5px;display:flex}.profile strong{font-size:12px;font-weight:600}.profile small{color:#929986;white-space:nowrap;font-size:9px}.profile .icon-btn{color:#919884;width:28px;margin-left:auto}.library-main{margin-left:228px}.library-topbar{border-bottom:1px solid #e8e8df;justify-content:space-between;align-items:center;height:74px;padding:0 45px;display:flex}.breadcrumb{color:#8c9384;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#516047;font-weight:500}.breadcrumb>span{color:#bec3b3}.topbar-right{align-items:center;gap:20px;display:flex}.topbar-right .icon-btn{color:#84917a}.library-content{max-width:1620px;margin:0 auto;padding:47px 45px 0}.welcome{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.welcome h1{letter-spacing:1.5px;margin:14px 0 12px;font-family:Noto Serif CJK SC,Songti SC,Georgia,serif;font-size:30px;font-weight:500;line-height:1.5}.welcome p{color:#89917e;margin:0;font-size:12px}.welcome-symbol{color:#aab499;flex-direction:column;align-items:center;gap:13px;padding:0 13px;display:flex;transform:rotate(-5deg)}.welcome-symbol span{letter-spacing:2px;color:#9ca88b;font-size:8px}.continue-card{background:#e9eee0;border:1px solid #dfe5d5;border-radius:9px;align-items:center;gap:25px;margin-bottom:35px;padding:20px 26px;display:flex}.continue-card>img{object-fit:contain;object-position:center;filter:drop-shadow(2px 5px 4px #0002);width:68px;height:98px;transform:rotate(-4deg)}.continue-body{flex:1;min-width:0}.continue-body .eyebrow{letter-spacing:1px;font-size:9px}.continue-body h2{text-overflow:ellipsis;white-space:nowrap;max-width:600px;margin:10px 0 16px;font-family:Georgia,Songti SC,serif;font-size:20px;font-weight:500;overflow:hidden}.continue-progress{color:#879075;align-items:center;gap:13px;font-size:10px;display:flex}.continue-progress .progress-track{background:#d6dfca;width:140px}.continue-card .primary{flex-shrink:0;padding:11px 16px;font-size:11px}.shelf-title{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.shelf-title h2{letter-spacing:.4px;align-items:center;gap:11px;margin:0;font-size:16px;display:flex}.shelf-title h2>span{color:#7e8b70;background:#e9ecdf;border-radius:5px;padding:3px 7px;font-size:10px;font-weight:400}.view-switch{border:1px solid #e1e4d8;border-radius:5px;gap:2px;padding:3px;display:flex}.view-switch button{color:#9ba28f;border-radius:3px;width:28px;height:26px}.view-switch button.selected{color:#486141;background:#e5eadc}.shelf-controls{align-items:center;gap:16px;display:flex}.search-field{color:#a3ab96;background:#fbfbf7;border:1px solid #e0e3d7;border-radius:6px;flex:1;align-items:center;gap:11px;height:39px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;flex:1;min-width:0;height:100%;font-size:11px}.search-field>button{padding:0}.sort-field{align-items:center;display:flex;position:relative}.sort-field select{appearance:none;color:#758368;background:#fbfbf7;border:1px solid #e0e3d7;border-radius:6px;height:39px;padding:0 35px 0 13px;font-size:11px}.sort-field svg{pointer-events:none;color:#939e84;position:absolute;right:12px}.category-tabs{flex-wrap:wrap;gap:5px;margin:20px 0 27px;display:flex}.category-tabs button{color:#8a927f;white-space:nowrap;border-radius:5px;padding:7px 13px;font-size:10px}.category-tabs button:hover{background:#edeee4}.category-tabs button.selected{color:#516a43;background:#e4eadb}.book-grid{grid-template-columns:repeat(auto-fill,minmax(173px,1fr));gap:30px 25px;display:grid}.book-card{min-width:0}.book-cover{background:#eae9df;border-radius:7px;width:100%;padding:0;position:relative;overflow:hidden}.cover-ground{isolation:isolate;background:radial-gradient(at 65% 15%,#f1f0e6,#e7e7dc);justify-content:center;align-items:center;width:100%;height:220px;padding:21px;display:flex;position:relative}.book-card:nth-child(4n+2) .cover-ground{background:radial-gradient(at 65% 15%,#eee5d8,#e9dfd1)}.book-card:nth-child(4n+3) .cover-ground{background:radial-gradient(at 65% 15%,#e5e9e5,#dce2dd)}.book-card:nth-child(4n+4) .cover-ground{background:radial-gradient(at 65% 15%,#ebe7df,#e4dfd8)}.cover-ground img{object-fit:contain;z-index:2;width:auto;max-width:100%;height:auto;min-height:100px;max-height:100%;transition:transform .23s;position:relative;box-shadow:3px 5px 9px #3333}.cover-fallback{text-align:center;color:#a3a58d;z-index:-1;flex-direction:column;justify-content:center;align-items:center;gap:15px;font-family:Georgia,serif;font-size:14px;display:flex;position:absolute;inset:30px;overflow:hidden}.book-cover:hover img{transform:translateY(-5px)rotate(-2deg)}.cover-open{color:#f9f7e9;opacity:0;z-index:3;background:#244333eb;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:11px;transition:all .18s;display:flex;position:absolute;inset:auto 0 0;transform:translateY(6px)}.book-cover:hover .cover-open,.book-cover:focus-visible .cover-open{opacity:1;transform:none}.finished-badge{z-index:3;color:#5e774b;background:#f4f5eae8;border:1px solid #d7ddc7;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex;position:absolute;top:10px;left:10px}.book-details{padding:13px 1px 0}.book-category{color:#84916f;letter-spacing:.2px;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:9px;display:flex}.favorite-button{color:#a5ad97;padding:2px}.favorite-button:hover{color:#a58331}.book-title{text-align:left;-webkit-line-clamp:2;word-break:break-word;color:#42533b;-webkit-box-orient:vertical;width:100%;height:40px;padding:0;font-size:12px;font-weight:500;line-height:1.65;display:-webkit-box;overflow:hidden}.book-title:hover{color:#182b19}.book-meta{color:#a0a691;align-items:center;gap:7px;margin-top:12px;font-size:9px;display:flex}.book-note-count{align-items:center;gap:3px;margin-left:auto;display:flex}.book-progress{color:#919c7f;align-items:center;gap:9px;margin-top:13px;font-size:9px;display:flex}.book-progress .progress-track{flex:1;height:3px}.book-progress>span:last-child{text-align:right;min-width:28px}.book-list{flex-direction:column;gap:0;display:flex}.book-list .book-card{border-bottom:1px solid var(--line);gap:22px;padding:19px 0;display:flex}.book-list .book-cover{flex-shrink:0;width:80px}.book-list .cover-ground{height:112px;padding:11px}.book-list .book-details{flex:1;padding-top:0}.book-list .book-title{height:auto;font-size:15px}.book-list .book-progress{max-width:300px}.book-list .book-category{margin-top:2px}.book-list .finished-badge{display:none}.book-list .cover-open{gap:2px;padding:5px;font-size:9px}.book-list .cover-open svg{width:10px}.library-footer{color:#a4ab96;border-top:1px solid #e5e6dc;justify-content:space-between;margin-top:45px;padding:24px 0 28px;font-size:9px;display:flex}.library-footer span:last-child{letter-spacing:1.5px;font-size:8px}.empty-state{color:#95a187;text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:15px;padding:60px 15px;display:flex}.empty-state h3{color:#6c7e5d;margin:0;font-size:15px;font-weight:500}.empty-state p{max-width:380px;margin:0;font-size:12px}.all-notes{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:25px;display:grid}.library-note{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:0;padding:20px}.note-source{color:#82906f;gap:7px;width:100%;padding:0;font-size:10px;display:flex}.note-source>span{text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;overflow:hidden}.note-source strong{white-space:nowrap;font-size:9px}.library-note blockquote{color:#7b7d66;white-space:pre-wrap;border-left:2px solid #d5ba66;max-height:180px;margin:20px 0 12px;padding:2px 0 2px 12px;font-family:Georgia,Songti SC,serif;font-size:13px;line-height:1.65;overflow:auto}.library-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.library-note>small{color:#a3aa98;font-size:9px}.mobile-nav{display:none}.reader-shell{--panel-bg:#fcfcf7;--reader-border:#dfe3d7;color:#34462f;background:#e7e9e1;flex-direction:column;height:100dvh;display:flex;overflow:hidden}.reader-header{border-bottom:1px solid var(--reader-border);background:#f7f8f0;flex-shrink:0;align-items:center;gap:18px;height:64px;padding:0 18px;display:flex}.back-button{color:#718166;border-right:1px solid #dee3d3;gap:7px;padding:7px 10px 7px 0;font-size:12px}.reader-title{flex:1;min-width:0}.reader-title h1{text-overflow:ellipsis;white-space:nowrap;max-width:800px;margin:0 0 5px;font-size:13px;font-weight:500;line-height:1.4;overflow:hidden}.reader-title>span{color:#9aa58e;gap:8px;font-size:9px;display:flex}.reader-title i{font-style:normal}.reader-header-actions{align-items:center;gap:10px;display:flex}.finish-button{color:#829272;border:1px solid #dee4d4;border-radius:5px;padding:8px 10px;font-size:10px}.finish-button.done{color:#527240;background:#e7eddb}.reader-toolbar{border-bottom:1px solid var(--reader-border);background:#f6f7ef;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:49px;padding:5px 15px;display:flex}.toolbar-group{align-items:center;gap:5px;display:flex}.toolbar-group .icon-btn{color:#7a8a6d;width:30px;height:30px}.toolbar-group .icon-btn:hover{color:#465e37;background:#e6ecdd}.tool-divider{background:#dde3d3;width:1px;height:17px;margin:0 5px}.page-jump{color:#8a987d;align-items:center;gap:5px;font-size:11px;display:flex}.page-jump input{text-align:center;color:#536a42;background:#fffefa;border:1px solid #dce3d1;border-radius:4px;width:42px;height:26px;padding:0 2px;font-size:11px}.page-jump>span{white-space:nowrap}.reader-toolbar select{color:#7c8d6d;cursor:pointer;background:0 0;border:0;padding:4px 0;font-size:10px}.zoom-tools select{max-width:94px}.right-tools .note-add-button{color:#627e4f;background:#e4ebd9;border:1px solid #d8e2c9;border-radius:5px;margin-left:4px;padding:6px 11px;font-size:11px}.reader-body{flex:1;min-height:0;display:flex;position:relative}.document-stage{flex:1;min-width:0;position:relative;overflow:hidden}.pdf-container{overscroll-behavior:contain;scrollbar-color:#b9c1b0 transparent;scrollbar-width:thin;position:absolute;inset:0;overflow:auto;outline:none!important}.pdfViewer{--page-margin:0 auto 18px;--page-border:0;--scale-factor:1;padding:25px 0 35px}.pdfViewer .page{isolation:isolate;box-shadow:0 3px 15px #34492d17;border:0!important}.pdfViewer .canvasWrapper{border-radius:0}.pdfViewer .textLayer{z-index:3}.pdfViewer .annotationLayer{z-index:4}.pdfViewer .saved-highlights{z-index:2;pointer-events:none;position:absolute;inset:0}.saved-highlight{opacity:.36;mix-blend-mode:multiply;border-radius:2px;position:absolute}.highlight-pin{color:#4f5232;opacity:.8;pointer-events:auto;z-index:5;border-radius:4px 0 0 4px;width:22px;height:22px;font-size:15px;line-height:1;position:absolute;right:0}.highlight-pin:hover{opacity:1}.pdf-loading{color:#748468;background:#e7e9e1;justify-content:center;align-items:center;gap:15px;font-size:13px;display:flex;position:absolute;inset:0}.reader-panel{background:var(--panel-bg);border-left:1px solid var(--reader-border);z-index:10;flex-direction:column;flex-shrink:0;width:324px;min-height:0;display:flex}.panel-tabs{border-bottom:1px solid var(--reader-border);flex-shrink:0;align-items:center;gap:4px;height:48px;padding:0 13px;display:flex}.panel-tabs>button{color:#8d9b81;border-bottom:2px solid #0000;border-radius:0;height:48px;padding:15px 8px;font-size:11px}.panel-tabs>button.active{color:#567445;border-bottom-color:#7b975e}.panel-tabs small{color:#97a489;font-size:9px}.panel-tabs>.icon-btn{width:25px;margin-left:auto;padding:0}.panel-content{scrollbar-width:thin;scrollbar-color:#d0d8c3 transparent;flex:1;padding:18px 16px;overflow:auto}.new-note{color:#759063;background:#f5f8ed;border:1px dashed #c9d6bc;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;width:100%;margin-bottom:21px;padding:12px;font-size:11px;display:flex}.new-note>span{border:1px solid #dae3ce;border-radius:3px;margin-left:auto;padding:1px 4px;font-size:9px}.new-note:hover{background:#edf3e3}.panel-empty{text-align:center;color:#a9b29d;padding:70px 4px 30px}.panel-empty>svg{stroke-width:1.2px;margin-bottom:19px}.panel-empty h3{color:#819671;margin-bottom:12px;font-size:12px;font-weight:500}.panel-empty p{white-space:pre-line;font-size:10px;line-height:2}.panel-footer{border-top:1px solid var(--reader-border);color:#9baa8d;flex-shrink:0;justify-content:space-between;padding:14px 16px;font-size:9px;display:flex}.panel-footer>span,.panel-footer>a{align-items:center;gap:5px;display:flex}.note-card{background:#fffef9;border:1px solid #e1e7d6;border-radius:6px;min-width:0;margin-bottom:12px;padding:14px 12px}.note-card.current-page{border-color:#c8d5b8}.note-card-header{justify-content:space-between;align-items:center;display:flex}.note-card-header>button{color:#9dac8c;gap:8px;padding:0;font-size:9px}.note-page{color:#809269;background:#f0f3e7;border-radius:3px;padding:3px 6px;font-size:10px}.note-card-header>div{color:#a1af91;gap:1px;display:flex}.note-card-header .icon-btn{width:25px;height:25px}.note-card blockquote{color:#899273;white-space:pre-wrap;cursor:pointer;border-left:2px solid #ddc365;max-height:170px;margin:12px 0;padding:1px 0 1px 10px;font-size:11px;line-height:1.7;overflow:auto}.note-card.note-green blockquote,.note-green.library-note blockquote{border-left-color:#8ebf9f}.note-card.note-blue blockquote,.note-blue.library-note blockquote{border-left-color:#8bb6d6}.note-card.note-pink blockquote,.note-pink.library-note blockquote{border-left-color:#d8a6b8}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#5f744e;margin:12px 0 0;font-size:11px}.note-editor{background:#fffef9;border:1px solid #c5d3b4;border-radius:7px;margin-bottom:20px;padding:13px 12px;box-shadow:0 4px 15px #6e83570a}.editor-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.editor-heading>strong{align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.editor-heading strong>span{color:#9fae8f;font-size:9px;font-weight:400}.editor-heading .icon-btn{color:#95a686;width:25px;height:25px}.note-editor blockquote{color:#85896b;white-space:pre-wrap;background:#f8f6e8;border-left:2px solid #d8c16c;border-radius:4px;max-height:170px;margin:0 0 12px;padding:8px 10px;font-size:11px;line-height:1.7;overflow:auto}.note-editor textarea{resize:vertical;color:#4f683f;background:0 0;border:0;outline:none;width:100%;min-height:145px;padding:0;font-size:12px;line-height:1.8}.note-editor textarea::placeholder{color:#b0b9a1}.editor-bottom{justify-content:space-between;align-items:center;margin-top:13px;display:flex}.note-colors{gap:7px;display:flex}.note-colors button{color:#63714c;border:2px solid #0000;border-radius:50%;width:18px;height:18px;padding:0}.note-colors button.selected{outline-offset:2px;outline:1px solid #96a881}.color-yellow{background:#f0d776}.color-green{background:#a6d8b8}.color-blue{background:#a1cce5}.color-pink{background:#e9b1c9}.editor-status{color:#a7b497;align-items:center;gap:4px;margin-top:12px;font-size:9px;line-height:1.7;display:flex}.editor-status.error{align-items:flex-start}.editor-status.error svg{flex-shrink:0;margin-top:2px}.draft-banner{text-align:left;color:#9e9059;background:#f3efd9;border-radius:5px;width:100%;margin-bottom:12px;padding:10px;font-size:10px;line-height:1.7}.panel-search{color:#a6b398;border-bottom:1px solid var(--line);align-items:center;gap:8px;margin:2px 0 17px;padding-bottom:10px;display:flex}.panel-search input{color:#6f865b;background:0 0;border:0;width:100%;min-width:0;font-size:10px}.delete-confirm{color:#b39371;border-top:1px solid #f0e4d4;align-items:center;gap:6px;margin-top:11px;padding-top:10px;font-size:9px;display:flex}.delete-confirm>button{padding:3px;font-size:9px}.delete-confirm button:first-of-type{color:#b0694a;margin-left:auto}.outline-tree{margin:0;padding:0;list-style:none}.outline-tree .outline-tree{border-left:1px solid #e6eadf;margin-left:7px;padding-left:14px}.outline-tree li>button,.outline-tree summary{text-align:left;color:#7b8e67;cursor:pointer;justify-content:flex-start;gap:4px;width:100%;padding:8px 4px;font-size:11px;line-height:1.6;display:flex}.outline-tree summary{list-style:none}.outline-tree summary>button{text-align:left;justify-content:flex-start;padding:0;font-size:11px}.outline-tree summary::marker{content:""}.outline-tree summary::-webkit-details-marker{display:none}.outline-tree details[open]>summary>svg{transform:rotate(90deg)}.outline-tree li>button:hover,.outline-tree summary:hover{background:#edf2e3}.find-bar{z-index:20;color:#80946a;background:#fcfdf6;border:1px solid #d6dfc9;border-radius:7px;align-items:center;gap:9px;max-width:calc(100vw - 40px);padding:8px 10px;display:flex;position:absolute;top:114px;left:20px;box-shadow:0 6px 24px #48553a26}.find-bar input{background:0 0;border:0;width:185px;min-width:80px;height:28px;font-size:12px}.find-bar>span{white-space:nowrap;color:#a7b095;font-size:9px}.find-bar .icon-btn{width:24px;height:27px}.reader-error{border-radius:0;flex-shrink:0;margin:0;padding:10px 20px;font-size:11px}.reader-error a{margin-left:auto;text-decoration:underline}.reader-statusbar{border-top:1px solid var(--reader-border);color:#9bab89;background:#f4f6ec;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:32px;padding:0 19px;font-size:9px;display:flex}.reader-statusbar>span{align-items:center;gap:5px;display:flex}.reader-statusbar .offline{color:#b19464}.reading-slider{align-items:center;gap:10px;width:30%;max-width:300px;display:flex}.reading-slider>input{accent-color:#779561;cursor:pointer;flex:1;min-width:0;height:3px}.reading-slider>span{text-align:right;width:28px;font-size:9px}.shortcut-hint{color:#9eac8c;gap:7px;padding:0;font-size:9px}.shortcut-hint kbd{color:#9cab88;background:#f5f8ed;border-color:#d9e2cd;font-size:9px}.selection-toolbar{color:#f7f4e3;z-index:40;white-space:nowrap;background:#294b35;border:1px solid #537644;border-radius:9px;align-items:center;gap:4px;padding:8px;display:flex;position:fixed;bottom:62px;left:50%;transform:translate(-50%);box-shadow:0 7px 30px #14261036}.selection-toolbar>span{opacity:.55;padding:0 7px;font-size:10px}.selection-toolbar>button{border-radius:5px;padding:9px 10px;font-size:11px}.selection-toolbar>button:hover{background:#ffffff18}.toast{color:#f5f6eb;z-index:60;text-align:center;background:#2e4b36;border:1px solid #628152;border-radius:7px;align-items:center;gap:9px;max-width:90%;padding:12px 19px;font-size:12px;display:flex;position:fixed;bottom:55px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0002}.modal-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:70;background:#22311b66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shortcuts-modal{background:#fafbf3;border:1px solid #dce5ce;border-radius:12px;width:440px;max-height:90vh;padding:26px 30px;overflow:auto;box-shadow:0 10px 40px #21321b30}.shortcuts-modal header{justify-content:space-between;align-items:center;gap:10px;display:flex}.shortcuts-modal h2{margin:0;font-size:17px;font-weight:500}.shortcuts-modal dl{margin:24px 0}.shortcuts-modal dl>div{color:#82946e;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.shortcuts-modal dd{margin:0}.shortcuts-modal p{color:#a0af8e;margin-bottom:0;font-size:10px;line-height:1.9}.theme-sepia .document-stage{background:#e7dfca}.theme-sepia .pdfViewer .page{filter:sepia(.23)}.theme-dark{--panel-bg:#252d27;--reader-border:#3b4539;color:#c0ccba;background:#1d251f}.theme-dark .reader-header,.theme-dark .reader-toolbar,.theme-dark .reader-statusbar{background:#283029}.theme-dark .document-stage{background:#1c251e}.theme-dark .pdfViewer .page{filter:invert(.88)hue-rotate(180deg)}.theme-dark .reader-panel{background:#252d27}.theme-dark .note-card,.theme-dark .note-editor{background:#29332b;border-color:#43513d}.theme-dark .note-card p,.theme-dark .note-editor textarea{color:#b7c5a6}.theme-dark .new-note{background:#2f3a2e;border-color:#566847}.theme-dark .note-editor blockquote{color:#bab797;background:#3e3f2c}.theme-dark .page-jump input{color:#c3d1b1;background:#354031;border-color:#546246}.theme-dark .icon-btn:hover{background:#3b4934}.theme-dark .panel-tabs button.active{color:#b1c997}.theme-dark .pdf-loading{background:#1c251e}.theme-dark .saved-highlight{opacity:.5}@media (width>=1500px){.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:33px 30px}.cover-ground{height:250px}.library-content{padding-top:55px}.library-sidebar{width:245px}.library-main{margin-left:245px}.reader-panel{width:350px}}@media (width<=1199px){.library-sidebar{width:205px;padding-left:16px;padding-right:16px}.library-main{margin-left:205px}.library-topbar{padding:0 30px}.library-content{padding:35px 30px 0}.book-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:25px 20px}.cover-ground{height:195px}.reader-toolbar{gap:3px;padding:5px 10px}.toolbar-group{gap:2px}.reader-panel{width:300px}.reading-mode{max-width:70px}.rotate-tool{display:none!important}.tool-divider{margin:0 3px}.reader-header-actions{gap:5px}.continue-body h2{max-width:410px}.login-art{transform-origin:0;transform:scale(.88)}.welcome-symbol{display:none}}@media (width<=900px){.reader-toolbar{flex-wrap:wrap;justify-content:center;gap:3px 15px}.right-tools,.zoom-tools{margin-left:auto}.reading-mode,.zoom-tools>.tool-divider{display:none}.fullscreen-tool{display:none!important}.reader-panel{width:290px}.reader-title h1{font-size:11px}.reader-header-actions .finish-button span{display:none}.finish-button{border:0;padding:7px}.reader-header{gap:10px;padding:0 12px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:26px 17px}.cover-ground{height:192px;padding:19px}.continue-card{gap:17px;padding:18px}.continue-card>img{width:59px;height:85px}.continue-body h2{max-width:260px;font-size:17px}.continue-progress .progress-track{width:80px}.continue-card .primary{padding:10px;font-size:10px}.continue-card .primary svg{display:none}.library-content{padding:30px 25px 0}.welcome h1{font-size:26px}.library-sidebar{width:187px;padding-left:11px;padding-right:11px}.library-main{margin-left:187px}.library-sidebar .brand{font-size:30px}.sidebar-quote{font-size:11px}.profile{gap:7px}.profile small{font-size:8px}.sidebar-stat{gap:5px;margin:8px 10px;font-size:10px}.sidebar-stat strong{font-size:10px}.login-page{grid-template-columns:1fr;padding-top:30px}.login-art{opacity:.22;z-index:0;width:410px;position:absolute;top:175px;right:-145px;transform:scale(.8)}.login-content{padding-top:90px}.login-content h1{font-size:40px}}@media (width<=650px){.library-sidebar{width:235px;padding-left:23px;padding-right:23px;transition:transform .2s;transform:translate(-100%)}.library-sidebar.mobile-open{transform:none}.sidebar-scrim{z-index:25;background:#24311955;position:fixed;inset:0}.library-main{margin-left:0}.library-topbar{gap:10px;height:60px;padding:0 18px}.mobile-nav{color:#7d906c;display:inline-flex}.breadcrumb{margin-right:auto;font-size:10px}.topbar-right{gap:7px}.private-badge{letter-spacing:1px;font-size:7px}.topbar-right .icon-btn{width:27px}.library-content{padding:30px 19px 0}.welcome{margin-bottom:28px}.welcome h1{letter-spacing:.8px;margin:11px 0 10px;font-size:26px}.welcome .eyebrow{letter-spacing:1.7px;font-size:8px}.welcome p{font-size:11px}.continue-card{gap:14px;margin-bottom:30px;padding:16px;position:relative}.continue-card>img{width:57px;height:85px}.continue-body h2{max-width:190px;margin:9px 0 13px;font-size:15px}.continue-progress{gap:7px;font-size:8px}.continue-progress .progress-track{width:55px}.continue-card .primary{width:31px;height:31px;padding:0;font-size:0;position:absolute;top:16px;right:13px}.continue-card .primary svg{width:15px;display:block}.continue-body .eyebrow{font-size:8px}.shelf-title{margin-bottom:16px}.shelf-title h2{font-size:15px}.search-field{gap:6px;height:38px;padding:0 10px}.search-field input{font-size:10px}.sort-field select{max-width:104px;height:38px;padding-left:10px;padding-right:26px;font-size:10px}.sort-field svg{right:8px}.shelf-controls{gap:9px}.category-tabs{scrollbar-width:none;flex-wrap:nowrap;gap:4px;margin:16px -19px 22px;padding:0 19px;overflow:auto}.category-tabs button{padding:7px 10px;font-size:9px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.cover-ground{height:214px;padding:22px}.book-title{height:38px;font-size:11px}.book-category{font-size:8px}.book-details{padding-top:10px}.book-meta{gap:5px;margin-top:9px;font-size:8px}.book-progress{margin-top:11px;font-size:8px}.library-footer{margin-top:33px;font-size:8px}.library-footer span:last-child{letter-spacing:1px;font-size:6px}.all-notes{grid-template-columns:1fr}.book-list .book-title{font-size:13px}.reader-header{gap:8px;height:54px;padding:0 8px}.back-button{gap:4px;padding:5px 8px 5px 0;font-size:10px}.back-button span{display:none}.reader-title h1{max-width:55vw;margin-bottom:4px;font-size:11px}.reader-title>span{gap:4px;font-size:8px}.reader-header-actions{gap:0}.reader-header-actions .icon-btn{width:27px}.reader-header-actions .icon-btn>svg{width:16px}.reader-header-actions>.icon-btn:first-child{display:none}.finish-button{width:27px;height:28px;padding:0}.reader-toolbar{place-content:center space-between;gap:1px 2px;min-height:76px;padding:3px 7px}.toolbar-group{gap:0}.toolbar-group .icon-btn{width:28px;height:31px}.zoom-tools{margin-left:auto}.zoom-tools select{max-width:75px;font-size:9px}.right-tools{border-top:1px solid #e3e8d9;flex-basis:100%;justify-content:center;gap:13px;margin:0;padding-top:2px}.right-tools .icon-btn{width:30px;height:30px}.right-tools .rotate-tool,.right-tools .fullscreen-tool{display:inline-flex!important}.right-tools .note-add-button{margin-left:0;padding:4px 10px;font-size:10px}.page-jump{gap:3px;font-size:10px}.page-jump input{width:36px;height:25px;font-size:10px}.tool-divider{margin:0 2px}.reader-body{display:block}.document-stage{position:absolute;inset:0}.pdfViewer{--page-margin:0 auto 14px;padding-top:14px}.reader-panel{width:min(340px,90vw);position:absolute;top:0;bottom:0;right:0;box-shadow:-7px 0 30px #23371430}.panel-content{padding:15px}.reader-statusbar{gap:10px;height:30px;padding:0 10px;font-size:8px}.reader-statusbar>span{gap:4px}.reading-slider{width:32%}.shortcut-hint{display:none}.find-bar{gap:5px;max-width:calc(100vw - 20px);padding:6px;top:133px;left:10px}.find-bar input{width:140px;font-size:11px}.find-bar>span{font-size:8px}.find-bar .icon-btn{width:22px}.selection-toolbar{gap:1px;max-width:95vw;padding:5px;bottom:47px}.selection-toolbar>span{padding:0 4px;font-size:9px}.selection-toolbar>button{padding:8px;font-size:10px}.toast{padding:10px 13px;font-size:11px;bottom:44px}.shortcuts-modal{padding:20px}.reader-error{gap:8px;padding:9px;font-size:10px}.theme-dark .right-tools{border-top-color:#3b4539}.login-page{padding:25px 25px 85px}.login-brand{font-size:31px}.login-content{padding-top:76px}.login-content h1{font-size:34px}.login-content>p{font-size:13px}.login-content form{max-width:none}.login-page>footer{letter-spacing:1.2px;font-size:8px;left:25px;right:25px}.login-art{opacity:.11;top:144px;right:-228px}.login-content>small{font-size:10px}.login-content .eyebrow{font-size:9px}.login-content h1{letter-spacing:1.5px}}@media (width<=380px){.cover-ground{height:184px;padding:18px}.book-grid{gap:22px 12px}.library-content{padding-left:15px;padding-right:15px}.category-tabs{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px}.right-tools{gap:9px}.find-bar input{width:110px}.reader-title h1{max-width:51vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.cover-ground[data-loaded=true] .cover-fallback{display:none}.library-sidebar nav button{font-size:13px}.book-title{height:43px;font-size:13px}.book-category{color:#70805e;font-size:10px}.book-meta{color:#7f8b70;font-size:10px}.book-progress{color:#748361;font-size:10px}.category-tabs button,.sort-field select,.search-field input{font-size:12px}.search-field input::placeholder{color:#859178}.library-topbar .breadcrumb{font-size:12px}.welcome p{color:#748267;font-size:13px}.reader-title h1{font-size:14px}.reader-title>span{color:#7c8c6d;font-size:10px}.toolbar-group .icon-btn{color:#60784e}.reader-toolbar select{color:#617b4c;font-size:12px}.page-jump,.page-jump input{font-size:12px}.panel-tabs>button{color:#718662;font-size:12px}.new-note{color:#64854d;font-size:12px}.note-card blockquote{color:#788565;font-size:13px}.note-card p{color:#4f683f;font-size:13px}.note-editor textarea{min-height:170px;font-size:14px}.note-editor blockquote{color:#6f795a;font-size:12px}.editor-heading>strong{font-size:12px}.editor-status{color:#7e926a;font-size:10px}.panel-empty h3{color:#71885f;font-size:13px}.panel-empty p{color:#94a285;font-size:12px}.note-page{font-size:11px}.reader-statusbar{color:#798e65;font-size:10px}.panel-footer{color:#84966f;font-size:10px}.theme-dark .reader-toolbar select{color:#b5c6a5}.theme-dark .note-card blockquote{color:#bac4a9}@media (width<=650px){.book-title{height:40px;font-size:12px}.book-category,.book-meta,.book-progress{font-size:9px}.category-tabs button,.sort-field select,.search-field input{font-size:11px}.reader-title h1{font-size:12px}.reader-title>span{font-size:9px}.reader-toolbar select,.page-jump,.page-jump input{font-size:11px}.reader-statusbar{font-size:9px}.library-topbar .breadcrumb{font-size:11px}}