.library-container{min-height:100vh;display:flex;flex-direction:column}.library-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--color-paper);border-bottom:1px solid rgba(45,90,74,.1);position:sticky;top:0;z-index:100}.library-brand{display:flex;align-items:center;gap:var(--space-md)}.library-logo{width:36px;height:36px}.library-brand h1{font-size:1.25rem;color:var(--color-forest-dark)}.library-user{display:flex;align-items:center;gap:var(--space-md)}.user-email{color:var(--color-ink-muted);font-size:.9rem}.library-main{flex:1;padding:var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.library-error{background:#fee2e2;color:#991b1b;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;align-items:center;justify-content:space-between}.library-error button{font-size:1.25rem;color:#991b1b;padding:0 var(--space-sm)}.upload-zone{border:2px dashed var(--color-ink-muted);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--color-paper-warm);margin-bottom:var(--space-2xl)}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--color-forest);background:#2d5a4a0d}.upload-zone.uploading{pointer-events:none;opacity:.7}.upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.upload-icon{font-size:3rem;line-height:1}.upload-text{font-size:1.1rem;color:var(--color-ink)}.upload-hint{font-size:.85rem;color:var(--color-ink-muted)}.books-section h2{margin-bottom:var(--space-lg);color:var(--color-ink)}.books-loading,.books-empty{text-align:center;padding:var(--space-2xl);color:var(--color-ink-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-paper-warm);border-top-color:var(--color-forest);border-radius:50%;margin:0 auto var(--space-md);animation:spin 1s linear infinite}.empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md);opacity:.5}.empty-hint{font-size:.9rem;margin-top:var(--space-sm)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-lg)}.book-card{background:var(--color-paper);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-book);transition:all var(--transition-normal);display:flex;flex-direction:column}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.book-cover{height:180px;background:linear-gradient(135deg,var(--color-forest-dark) 0%,var(--color-forest) 100%);display:flex;position:relative;cursor:pointer;overflow:hidden}.book-spine{width:15px;background:#0003;border-right:1px solid rgba(255,255,255,.1)}.book-front{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md)}.book-icon{font-size:3rem;filter:grayscale(1) brightness(2)}.book-type{font-size:.75rem;font-weight:600;letter-spacing:.5px;color:#fffc;background:#0003;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.book-info{padding:var(--space-md);flex:1}.book-title{font-size:.95rem;font-weight:500;margin-bottom:var(--space-xs);cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition-fast)}.book-title:hover{color:var(--color-forest)}.book-meta{font-size:.8rem;color:var(--color-ink-muted)}.book-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-md)}.book-actions .btn-primary{flex:1}.btn-delete{padding:var(--space-sm)}.btn-delete:hover{background:#fee2e2}@media (max-width: 768px){.library-header{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.library-main{padding:var(--space-md)}.upload-zone{padding:var(--space-xl)}.books-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md)}}.selection-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.selection-popup{position:fixed;background:var(--color-paper);border:1px solid var(--color-ink-muted);border-radius:var(--radius-md);padding:var(--space-xs);box-shadow:var(--shadow-lg);z-index:1000;animation:popIn .15s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.popup-actions{display:flex;gap:var(--space-xs)}.popup-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;white-space:nowrap;transition:background-color var(--transition-fast)}.popup-btn:hover{background:var(--color-paper-warm)}.popup-icon{font-size:1rem}.popup-label{color:var(--color-ink)}.color-picker{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs)}.color-picker .color-btn{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-picker .color-btn:hover{transform:scale(1.15);border-color:var(--color-ink)}.back-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--color-ink-muted);margin-left:var(--space-xs)}.back-btn:hover{background:var(--color-paper-warm);color:var(--color-ink)}.txt-container{position:relative}.txt-container.loading,.txt-container.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-md);color:var(--color-ink-muted)}.txt-progress{position:fixed;bottom:0;left:0;right:0;height:3px;background:var(--color-paper-warm);z-index:50}.txt-progress-bar{height:100%;background:var(--color-forest);transition:width .2s ease}.pdf-reader{display:flex;flex-direction:column;height:100%;position:relative}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--color-ink-muted)}.pdf-page-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-md)}.pdf-page{position:relative;background:#fff;box-shadow:var(--shadow-md)}.pdf-page-number{font-size:.75rem;color:var(--color-ink-muted);margin-top:var(--space-xs)}.pdf-text-layer{position:absolute;top:0;left:0;pointer-events:auto;-webkit-user-select:text;user-select:text;overflow:hidden}.pdf-text-layer span::selection{background:var(--highlight-yellow)}.pdf-ocr-layer{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--space-md);background:#ffffffe6;overflow-y:auto;font-family:var(--font-reading);line-height:1.6;-webkit-user-select:text;user-select:text}.ocr-button{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);padding:var(--space-sm) var(--space-md);background:var(--color-forest);color:#fff;border-radius:var(--radius-md);font-size:.85rem;box-shadow:var(--shadow-md);transition:background-color var(--transition-fast)}.ocr-button:hover:not(:disabled){background:var(--color-forest-light)}.ocr-button:disabled{opacity:.7;cursor:not-allowed}.pdf-page-indicator{margin-left:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--color-ink-muted);color:var(--color-ink-muted)}.html-reader{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background:var(--color-paper);min-height:0;height:100%}.html-reader.loading,.html-reader.error{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:var(--color-ink-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-paper-warm);border-top-color:var(--color-forest);border-radius:50%;animation:spin 1s linear infinite}.chapter-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-paper-warm);border-bottom:1px solid rgba(45,90,74,.1)}.chapter-nav-btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-forest);background:transparent;transition:all var(--transition-fast)}.chapter-nav-btn:hover:not(:disabled){background:var(--color-paper)}.chapter-nav-btn:disabled{opacity:.4;cursor:not-allowed}.chapter-indicator{font-size:.85rem;color:var(--color-ink-muted);font-weight:500}.reading-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-2xl) var(--space-xl);max-width:720px;margin:0 auto;width:100%;box-sizing:border-box}.chapter-title{font-family:var(--font-reading);font-size:1.8em;font-weight:500;color:var(--color-ink);margin-bottom:1.5em;padding-bottom:.5em;border-bottom:2px solid var(--color-forest);line-height:1.3}.chapter-content{font-family:var(--font-reading);line-height:1.85;color:var(--color-ink);text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}.chapter-content p{margin-bottom:1.3em;text-indent:0}.chapter-content p+p{text-indent:1.5em}.chapter-content h1,.chapter-content h2,.chapter-content h3,.chapter-content h4,.chapter-content h5,.chapter-content h6{font-family:var(--font-reading);font-weight:500;color:var(--color-ink);margin-top:1.8em;margin-bottom:.6em;text-indent:0;text-align:left;line-height:1.3}.chapter-content h1{font-size:1.6em}.chapter-content h2{font-size:1.4em}.chapter-content h3{font-size:1.2em}.chapter-content h4{font-size:1.1em}.chapter-content em,.chapter-content i{font-style:italic}.chapter-content strong,.chapter-content b{font-weight:600}.chapter-content a{color:var(--color-forest);text-decoration:underline;text-decoration-color:var(--color-forest-light);text-underline-offset:2px}.chapter-content a:hover{color:var(--color-forest-light)}.chapter-content blockquote{margin:1.5em 0;padding:1em 1.5em;border-left:4px solid var(--color-forest);background:var(--color-paper-warm);font-style:italic;color:var(--color-ink-light)}.chapter-content ul,.chapter-content ol{margin:1em 0;padding-left:2em}.chapter-content li{margin-bottom:.5em}.chapter-content img{max-width:100%;height:auto;margin:1.5em auto;display:block;border-radius:var(--radius-md)}.chapter-content hr{border:none;height:1px;background:var(--color-ink-muted);margin:2em 0;opacity:.3}.chapter-content pre,.chapter-content code{font-family:SF Mono,Monaco,Consolas,monospace;font-size:.9em;background:var(--color-paper-warm);border-radius:var(--radius-sm)}.chapter-content code{padding:.2em .4em}.chapter-content pre{padding:1em;overflow-x:auto;margin:1.5em 0}.chapter-content pre code{padding:0;background:none}.chapter-content ::selection{background:var(--highlight-yellow);color:var(--color-ink)}.chapter-end{text-align:center;padding:var(--space-2xl) 0;margin-top:var(--space-xl);border-top:1px solid var(--color-ink-muted)}.selection-trigger{position:fixed;width:36px;height:36px;border-radius:50%;background:var(--color-forest);color:#fff;border:none;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:1000;transition:transform .15s ease,background .15s ease}.selection-trigger:hover{transform:scale(1.1);background:var(--color-forest-light)}.reading-progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-paper-warm);z-index:50}.reading-progress-fill{height:100%;background:var(--color-forest);transition:width .3s ease}@media (max-width: 768px){.reading-container{padding:var(--space-lg) var(--space-md)}.chapter-title{font-size:1.5em}.chapter-nav{padding:var(--space-xs) var(--space-sm)}}@media print{.chapter-nav,.selection-trigger,.reading-progress-bar{display:none}.reading-container{max-width:100%;padding:0}}.sidebar{width:300px;background:var(--color-paper);border-right:1px solid rgba(45,90,74,.1);display:flex;flex-direction:column;position:absolute;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform var(--transition-normal);z-index:100}.sidebar.open{transform:translate(0)}.sidebar-tabs{display:flex;border-bottom:1px solid rgba(45,90,74,.1);padding:var(--space-xs);gap:var(--space-xs)}.sidebar-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm);border-radius:var(--radius-sm);position:relative}.sidebar-tab:hover{background:var(--color-paper-warm)}.sidebar-tab.active{background:var(--color-paper-warm);color:var(--color-forest)}.tab-icon{font-size:1.1rem}.tab-count{font-size:.7rem;font-weight:600;background:var(--color-forest);color:#fff;padding:1px 5px;border-radius:10px;min-width:18px;text-align:center}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-md)}.sidebar-section h3{font-size:.85rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-md)}.sidebar-empty{color:var(--color-ink-muted);font-size:.9rem;text-align:center;padding:var(--space-lg)}.toc-list{list-style:none}.toc-item{margin-bottom:var(--space-xs)}.toc-item button{width:100%;text-align:left;padding:var(--space-sm);border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-ink);transition:background-color var(--transition-fast)}.toc-item button:hover{background:var(--color-paper-warm);color:var(--color-forest)}.highlights-list{list-style:none}.highlight-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(45,90,74,.1);position:relative}.highlight-bar{width:4px;border-radius:2px;flex-shrink:0}.highlight-content{flex:1;min-width:0}.highlight-text{font-family:var(--font-reading);font-size:.9rem;font-style:italic;color:var(--color-ink);cursor:pointer;margin-bottom:var(--space-xs)}.highlight-text:hover{color:var(--color-forest)}.highlight-chapter{font-size:.75rem;color:var(--color-ink-muted)}.notes-list{list-style:none}.note-item{margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(45,90,74,.1)}.note-quote{font-family:var(--font-reading);font-size:.85rem;font-style:italic;color:var(--color-ink-muted);cursor:pointer;margin-bottom:var(--space-sm);padding-left:var(--space-sm);border-left:2px solid var(--color-amber)}.note-quote:hover{color:var(--color-ink)}.note-content p{font-size:.9rem;color:var(--color-ink);cursor:pointer;margin-bottom:var(--space-xs)}.note-content p:hover{color:var(--color-forest)}.note-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-ink-muted)}.note-edit textarea{width:100%;min-height:80px;font-size:.9rem;resize:vertical}.note-edit-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-sm)}.note-edit-actions button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem}.note-edit-actions .btn-save{background:var(--color-forest);color:#fff}.bookmarks-list{list-style:none}.bookmark-item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.bookmark-link{flex:1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.bookmark-link:hover{background:var(--color-paper-warm)}.bookmark-icon{font-size:1.25rem}.bookmark-info{display:flex;flex-direction:column}.bookmark-label{font-size:.9rem;color:var(--color-ink)}.bookmark-page{font-size:.75rem;color:var(--color-ink-muted)}.item-delete{width:24px;height:24px;border-radius:50%;font-size:1.1rem;color:var(--color-ink-muted);flex-shrink:0}.item-delete:hover{background:#fee2e2;color:#991b1b}@media (max-width: 768px){.sidebar{width:100%;max-width:320px}}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-paper);border-bottom:1px solid rgba(45,90,74,.1);position:relative;z-index:200}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--space-sm)}.toolbar-left{flex:1;min-width:0}.toolbar-center,.toolbar-right{flex-shrink:0}.toolbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:transparent;transition:background-color var(--transition-fast)}.toolbar-btn:hover{background:var(--color-paper-warm)}.toolbar-btn.active{background:var(--color-paper-warm);color:var(--color-forest)}.toolbar-btn .icon{font-size:1.1rem}.toolbar-title{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;color:var(--color-ink)}.progress-text{font-size:.85rem;color:var(--color-ink-muted);font-weight:500}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150}.settings-panel{position:absolute;top:100%;right:var(--space-md);margin-top:var(--space-sm);background:var(--color-paper);border:1px solid var(--color-ink-muted);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);z-index:200;min-width:240px}.settings-section{margin-bottom:var(--space-md)}.settings-section:last-child{margin-bottom:0}.settings-section label{display:block;font-size:.8rem;font-weight:600;color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm)}.font-size-control{display:flex;align-items:center;gap:var(--space-sm)}.font-size-control button{width:36px;height:36px;border:1px solid var(--color-ink-muted);border-radius:var(--radius-sm);font-weight:600;background:var(--color-paper);transition:all var(--transition-fast)}.font-size-control button:hover:not(:disabled){background:var(--color-paper-warm);border-color:var(--color-forest)}.font-size-control button:disabled{opacity:.5;cursor:not-allowed}.font-size-value{min-width:50px;text-align:center;font-weight:500}.theme-buttons{display:flex;gap:var(--space-sm)}.theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);border:1px solid var(--color-ink-muted);border-radius:var(--radius-sm);background:var(--color-paper);transition:all var(--transition-fast)}.theme-btn:hover{border-color:var(--color-forest)}.theme-btn.active{border-color:var(--color-forest);background:var(--color-paper-warm)}.theme-label{font-size:.75rem;color:var(--color-ink-muted)}@media (max-width: 768px){.toolbar-title{max-width:150px}.settings-panel{right:var(--space-sm);left:var(--space-sm);min-width:auto}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--space-lg)}.loading-book{width:60px;height:50px;position:relative;perspective:300px}.loading-page{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,var(--color-paper-warm) 0%,var(--color-paper) 100%);border:1px solid var(--color-ink-muted);border-radius:2px 6px 6px 2px;transform-origin:left center;animation:flipPage 1.5s ease-in-out infinite}.loading-page:nth-child(1){animation-delay:0s;z-index:3}.loading-page:nth-child(2){animation-delay:.15s;z-index:2}.loading-page:nth-child(3){animation-delay:.3s;z-index:1}@keyframes flipPage{0%,to{transform:rotateY(0)}50%{transform:rotateY(-160deg)}}.loading-message{font-family:var(--font-reading);color:var(--color-ink-muted);font-size:.95rem;animation:pulse 1.5s ease-in-out infinite}.reader-container{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--color-paper)}.reader-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--space-lg);text-align:center;padding:var(--space-xl)}.reader-error h2{color:var(--color-ink-muted);font-weight:400}.reader-main{flex:1;display:flex;overflow:hidden;position:relative}.reader-content{flex:1;overflow:hidden;display:flex;flex-direction:column;transition:margin-left var(--transition-normal);min-height:0;height:100%}.reading-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-xl) var(--space-2xl);max-width:800px;margin:0 auto;width:100%}.reading-area:focus{outline:none}.reading-area ::selection{background:var(--highlight-yellow)}.reading-text{font-family:var(--font-reading);line-height:1.8;color:var(--color-ink);text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}.reading-text p{margin-bottom:1.2em;text-indent:1.5em}.reading-text p:first-of-type{text-indent:0}.reading-text h1,.reading-text h2,.reading-text h3,.reading-text h4{margin-top:1.5em;margin-bottom:.5em;text-indent:0;text-align:left}.highlight{cursor:pointer;border-radius:2px;transition:background-color var(--transition-fast)}.highlight-yellow{background-color:var(--highlight-yellow)}.highlight-green{background-color:var(--highlight-green)}.highlight-blue{background-color:var(--highlight-blue)}.highlight-pink{background-color:var(--highlight-pink)}.highlight-orange{background-color:var(--highlight-orange)}.highlight:hover{filter:brightness(.95)}.selection-popup{position:fixed;background:var(--color-paper);border:1px solid var(--color-ink-muted);border-radius:var(--radius-md);padding:var(--space-sm);box-shadow:var(--shadow-lg);z-index:1000;display:flex;gap:var(--space-xs)}.selection-popup button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.85rem;display:flex;align-items:center;gap:var(--space-xs)}.selection-popup button:hover{background:var(--color-paper-warm)}.highlight-colors{display:flex;gap:var(--space-xs);padding:var(--space-xs)}.color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform var(--transition-fast)}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:var(--color-ink)}.color-yellow{background-color:#ffeb78}.color-green{background-color:#90ee90}.color-blue{background-color:#87cefa}.color-pink{background-color:#ffb6c1}.color-orange{background-color:#ffc87c}.progress-bar{height:3px;background:var(--color-paper-warm);position:relative}.progress-bar-fill{height:100%;background:var(--color-forest);transition:width var(--transition-normal)}.epub-container{flex:1;overflow:hidden;position:relative;width:100%;height:100%;min-height:0}.epub-view{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.pdf-container{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;padding:var(--space-md);gap:var(--space-md)}.pdf-page{background:#fff;box-shadow:var(--shadow-md)}.pdf-controls{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-md);z-index:100}.txt-container{flex:1;overflow-y:auto}.note-input-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.note-input-modal{background:var(--color-paper);padding:var(--space-xl);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.note-input-modal h3{margin-bottom:var(--space-md)}.note-input-modal textarea{width:100%;min-height:120px;resize:vertical;margin-bottom:var(--space-md)}.note-input-modal .actions{display:flex;justify-content:flex-end;gap:var(--space-sm)}@media (max-width: 768px){.reading-area{padding:var(--space-md)}.pdf-controls{bottom:var(--space-md);padding:var(--space-xs) var(--space-sm)}}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);position:relative;overflow:hidden}.auth-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-warm) 100%);z-index:0}.auth-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,var(--color-forest) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--color-amber) 1px,transparent 1px);background-size:50px 50px;opacity:.1}.auth-card{background:var(--color-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2xl);width:100%;max-width:400px;position:relative;z-index:1;border:1px solid rgba(45,90,74,.1)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-logo{width:60px;height:60px;margin:0 auto var(--space-md)}.auth-logo-svg{width:100%;height:100%}.auth-header h1{font-size:1.5rem;margin-bottom:var(--space-xs);color:var(--color-forest-dark)}.auth-subtitle{color:var(--color-ink-muted);font-size:.9rem}.auth-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);background:var(--color-paper-warm);padding:var(--space-xs);border-radius:var(--radius-md)}.auth-tab{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:500;color:var(--color-ink-muted);transition:all var(--transition-fast)}.auth-tab:hover{color:var(--color-ink)}.auth-tab.active{background:var(--color-paper);color:var(--color-forest);box-shadow:var(--shadow-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:.85rem;font-weight:500;color:var(--color-ink-light)}.form-group input{width:100%}.auth-error{background:#fee2e2;color:#991b1b;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;border:1px solid #FCA5A5}.auth-message{background:#d1fae5;color:#065f46;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem;border:1px solid #6EE7B7}.auth-submit{width:100%;padding:var(--space-md);font-size:1rem;margin-top:var(--space-sm)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-lg);color:var(--color-ink-muted);font-size:.9rem}.auth-switch{color:var(--color-forest);font-weight:500}.auth-switch:hover{text-decoration:underline}.auth-mode-header{text-align:center;margin-bottom:var(--space-lg)}.auth-mode-header h2{font-size:1.25rem;color:var(--color-forest-dark);margin-bottom:var(--space-xs)}.auth-mode-header p{color:var(--color-ink-muted);font-size:.9rem}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs)}.remember-me{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:.875rem;color:var(--color-ink-light);-webkit-user-select:none;user-select:none;position:relative;padding-left:28px}.remember-me input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.remember-me .checkmark{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;background:var(--color-paper);border:2px solid var(--color-forest);border-radius:var(--radius-xs);transition:all var(--transition-fast)}.remember-me:hover .checkmark{border-color:var(--color-forest-dark)}.remember-me input:checked~.checkmark{background:var(--color-forest)}.remember-me .checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid var(--color-paper);border-width:0 2px 2px 0;transform:rotate(45deg)}.remember-me input:checked~.checkmark:after{display:block}.forgot-password-link{font-size:.875rem;color:var(--color-forest);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--color-forest-dark);text-decoration:underline}:root{--color-paper: #FAF7F2;--color-paper-warm: #F5F1E8;--color-ink: #2C2416;--color-ink-light: #5C4D3C;--color-ink-muted: #8B7B68;--color-forest: #2D5A4A;--color-forest-light: #3D7A64;--color-forest-dark: #1A3A2E;--color-amber: #C4956A;--color-amber-light: #E5C9A8;--highlight-yellow: rgba(255, 235, 120, .5);--highlight-green: rgba(144, 238, 144, .5);--highlight-blue: rgba(135, 206, 250, .5);--highlight-pink: rgba(255, 182, 193, .5);--highlight-orange: rgba(255, 200, 124, .5);--font-reading: "Literata", Georgia, "Times New Roman", serif;--font-ui: "Source Sans 3", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--shadow-sm: 0 1px 2px rgba(44, 36, 22, .05);--shadow-md: 0 4px 6px rgba(44, 36, 22, .07);--shadow-lg: 0 10px 25px rgba(44, 36, 22, .1);--shadow-book: 0 2px 8px rgba(44, 36, 22, .12), 0 0 1px rgba(44, 36, 22, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}[data-theme=dark]{--color-paper: #1A1814;--color-paper-warm: #242018;--color-ink: #E8E4DC;--color-ink-light: #B8B0A4;--color-ink-muted: #7C7468;--color-forest: #4A8B74;--color-forest-light: #5AA888;--color-forest-dark: #2D5A4A;--highlight-yellow: rgba(255, 235, 120, .3);--highlight-green: rgba(144, 238, 144, .3);--highlight-blue: rgba(135, 206, 250, .3);--highlight-pink: rgba(255, 182, 193, .3);--highlight-orange: rgba(255, 200, 124, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-book: 0 2px 8px rgba(0, 0, 0, .3)}[data-theme=sepia]{--color-paper: #F4ECD8;--color-paper-warm: #EBE2CC;--color-ink: #3D3226;--color-ink-light: #5C4D3C;--color-ink-muted: #8B7B68}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background-color:var(--color-paper);color:var(--color-ink);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-reading);font-weight:500;line-height:1.3;color:var(--color-ink)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:var(--color-forest);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-forest-light)}button{font-family:var(--font-ui);font-size:.9rem;cursor:pointer;border:none;background:none;transition:all var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:500}.btn-primary{background:var(--color-forest);color:#fff}.btn-primary:hover{background:var(--color-forest-light)}.btn-secondary{background:var(--color-paper-warm);color:var(--color-ink);border:1px solid var(--color-ink-muted)}.btn-secondary:hover{background:var(--color-amber-light);border-color:var(--color-amber)}.btn-ghost{background:transparent;color:var(--color-ink-light)}.btn-ghost:hover{background:var(--color-paper-warm);color:var(--color-ink)}input,textarea{font-family:var(--font-ui);font-size:1rem;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-ink-muted);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus{outline:none;border-color:var(--color-forest);box-shadow:0 0 0 3px #2d5a4a26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-paper-warm)}::-webkit-scrollbar-thumb{background:var(--color-ink-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-light)}::selection{background:var(--highlight-yellow);color:var(--color-ink)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-normal) ease forwards}.slide-up{animation:slideUp var(--transition-normal) ease forwards}.text-center{text-align:center}.text-muted{color:var(--color-ink-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}