@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@400;500;600;700&display=swap);.library-page{margin:0;max-width:none;min-height:100vh;padding:0}.library-header{margin-bottom:48px;text-align:center}.library-header h1{font-size:2rem;font-weight:700;margin-bottom:8px}.library-subtitle{color:var(--text-secondary);font-size:1rem}.library-toolbar{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px;position:relative;z-index:10}.library-toolbar-left{align-items:center;display:flex;gap:12px}.library-toolbar-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0}.library-toolbar-count{background:#6b72801a;background:var(--bg-secondary,#6b72801a);border-radius:12px;color:var(--text-secondary);font-size:.8rem;padding:2px 10px}.library-toolbar-right{align-items:center;display:flex;gap:8px}.library-toolbar-btn{background:#6b72801a;background:var(--bg-secondary,#6b72801a);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s}.library-toolbar-btn:hover{background:#f59e0b1a;border-color:var(--accent)}.library-toolbar-btn.add{background:#10b9811a;border-color:#10b9814d;color:#10b981}.library-toolbar-btn.add:hover{background:#10b98133}.library-toolbar-btn.active{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}.library-toolbar-btn.remove{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.library-toolbar-btn.remove:hover{background:#ef444433}.book-card.selection-mode{cursor:pointer;position:relative}.book-card.selection-mode.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.book-select-checkbox{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:6px;color:#3b82f6;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:12px;position:absolute;top:12px;transition:all .2s;width:24px;z-index:5}.book-select-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.book-remove-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:4px 8px;transition:background .2s}.book-remove-btn:hover{background:#ef444426}.book-format-badge{border-radius:6px;bottom:8px;color:#e2e8f0;font-size:.7rem;left:8px;padding:2px 8px;pointer-events:none;position:absolute}.book-format-badge,.library-add-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.library-add-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.library-add-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0006;max-height:85vh;max-width:720px;overflow-y:auto;padding:24px 32px;width:95%}.library-add-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.library-add-header h2{color:var(--text-primary);font-size:1.3rem;margin:0}.library-add-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.library-add-type-toggle{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);gap:4px;padding:4px}.library-add-type-btn{border-radius:8px;font-weight:500;transition:all .2s}.library-add-type-btn.active{background:#1e1e2e;background:var(--bg-card,#1e1e2e);box-shadow:0 2px 8px #00000026;color:var(--text-primary)}.library-add-type-btn:hover:not(.active){color:var(--text-primary)}.library-add-message{border-radius:8px;font-size:.85rem;margin-bottom:16px;padding:10px 14px}.library-add-message.success{align-items:center;background:#10b98126;border:1px solid #10b9814d;color:#10b981;display:flex;gap:12px;justify-content:space-between}.library-add-ok-btn{background:#10b981;border:1px solid #10b981;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 16px;transition:opacity .2s;white-space:nowrap}.library-add-ok-btn:hover{opacity:.85}.library-uploaded-list{flex:1 1}.library-uploaded-list strong{display:block;font-size:.85rem;margin-bottom:6px}.library-uploaded-list ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.library-uploaded-list li{border-bottom:1px solid #10b98126;font-size:.82rem;padding:4px 0}.library-uploaded-list li:last-child{border-bottom:none}.uploaded-title{color:#10b981;font-weight:600}.uploaded-author{color:#888;color:var(--text-muted,#888);font-size:.78rem}.library-add-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.library-add-form{display:flex;flex-direction:column;gap:12px}.library-add-row{display:flex;flex-direction:column;gap:4px}.library-add-row-split{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.library-add-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.library-add-input,.library-add-textarea{background:#1f2937;background:var(--bg-primary,#1f2937);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s}.library-add-input:focus,.library-add-textarea:focus{border-color:var(--accent)}.library-add-textarea{min-height:60px;resize:vertical}.library-add-formats{display:flex;flex-wrap:wrap;gap:6px}.library-format-chip{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:6px 10px;transition:all .2s}.library-format-chip:hover{border-color:var(--accent);color:var(--text-primary)}.library-format-chip.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent)}.format-chip-icon{font-size:1rem}.format-chip-label{font-weight:500}.library-add-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.library-add-submit:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.library-add-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}.library-add-modal-compact{max-height:none;max-width:700px;overflow:visible}.library-file-upload-btn-large{align-items:center;background:#1e1e2e;background:var(--bg-elevated,#1e1e2e);border:2px dashed #ffffff26;border:2px dashed var(--border,#ffffff26);border-radius:12px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;flex-direction:column;font-size:.95rem;font-weight:500;gap:8px;padding:32px 24px;transition:border-color .2s,background .2s;width:100%}.library-file-upload-btn-large:hover{background:color-mix(in srgb,#8b5cf6 8%,#1e1e2e);background:color-mix(in srgb,var(--accent,#8b5cf6) 8%,var(--bg-elevated,#1e1e2e));border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.library-file-upload-section.drag-over .library-file-upload-btn-large{background:color-mix(in srgb,#8b5cf6 15%,#1e1e2e);background:color-mix(in srgb,var(--accent,#8b5cf6) 15%,var(--bg-elevated,#1e1e2e));border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);transform:scale(1.02)}.library-file-upload-btn-large:disabled{cursor:not-allowed;opacity:.7}.library-upload-icon{font-size:2rem}.library-upload-hint{color:#888;color:var(--text-muted,#888);font-size:.75rem;font-weight:400}.library-file-upload-section{display:flex;flex-direction:column;gap:8px}.library-file-upload-btn{background:#1e1e2e;background:var(--bg-elevated,#1e1e2e);border:2px dashed #ffffff26;border:2px dashed var(--border,#ffffff26);border-radius:10px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;text-align:center;transition:border-color .2s,background .2s}.library-file-upload-btn:hover{background:color-mix(in srgb,#8b5cf6 8%,#1e1e2e);background:color-mix(in srgb,var(--accent,#8b5cf6) 8%,var(--bg-elevated,#1e1e2e));border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.library-file-selected{align-items:center;background:color-mix(in srgb,#8b5cf6 10%,#1e1e2e);background:color-mix(in srgb,var(--accent,#8b5cf6) 10%,var(--bg-elevated,#1e1e2e));border:1px solid color-mix(in srgb,#8b5cf6 30%,#0000);border:1px solid color-mix(in srgb,var(--accent,#8b5cf6) 30%,#0000);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.library-file-name{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-file-size{color:#888;color:var(--text-muted,#888);font-size:.75rem}.library-file-remove{align-items:center;background:#ef444433;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:.8rem;height:22px;justify-content:center;width:22px}.library-file-hint{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin:0}.discover-added-message{border-radius:8px;font-size:.8rem;margin-top:8px;padding:8px 12px;width:100%}.discover-added-message.success{background:#10b98126;color:#10b981}.discover-added-message.error{background:#ef444426;color:#ef4444}.discover-format-picker{align-items:center;display:flex;gap:8px;margin-bottom:8px;width:100%}.discover-format-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.discover-format-select{background:#1f2937;background:var(--bg-primary,#1f2937);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.85rem;padding:6px 10px}.library-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.book-card{border:1px solid var(--border);border-radius:16px;cursor:pointer;outline:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.book-card:focus-visible,.book-card:hover{box-shadow:0 8px 32px color-mix(in srgb,var(--accent) 15%,#0000);transform:translateY(-4px) scale(1.01)}.book-card-clickable{cursor:pointer;transition:color .2s}.book-card-clickable:hover{color:var(--accent);text-decoration:underline}.book-cover-wrapper{align-items:center;background:var(--bg-elevated);display:flex;height:200px;justify-content:center;overflow:hidden;position:relative;width:100%}.book-cover{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.book-card:hover .book-cover{transform:scale(1.05)}.book-cover-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px;text-align:center}.placeholder-icon{font-size:3rem}.placeholder-title{color:var(--text-secondary);font-size:1rem;font-weight:600}.book-info{padding:20px 24px 24px}.book-title{font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:4px}.book-author{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.book-author-link{color:var(--accent);text-decoration:none;transition:opacity .2s}.book-author-link:hover{opacity:.8;text-decoration:underline}.book-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:12px;overflow:hidden}.book-genre{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:12px;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.reader-layout{display:flex;height:100vh;overflow:hidden;transition:padding-right .3s cubic-bezier(.4,0,.2,1)}.reader-layout.info-pinned .reader-content{margin-right:380px}.reader-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.chapter-nav-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 40%,#0000) 20%,color-mix(in srgb,var(--accent) 60%,#0000) 50%,color-mix(in srgb,var(--accent) 40%,#0000) 80%,#0000 100%);height:calc(100vh - 50px);left:0;opacity:1;pointer-events:none;position:fixed;top:90px;transition:opacity .3s ease;width:10px;z-index:50}.chapter-nav-edge-indicator:after{animation:pulse-left 2s ease-in-out infinite;color:color-mix(in srgb,var(--accent) 90%,#0000);content:"◂";font-size:14px;left:2px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes pulse-left{0%,to{opacity:.6;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(2px)}}.chapter-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1c2330e0;background:var(--nav-bg,#1c2330e0);border-right:1px solid var(--glass-border,color-mix(in srgb,var(--accent) 20%,#0000));box-shadow:4px 0 24px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;opacity:0;overflow:hidden;padding-top:120px;position:fixed;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;width:280px;z-index:80}.chapter-nav.visible{opacity:1;transform:translateX(0)}.chapter-nav-header h3{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.chapter-list{flex:1 1;overflow-y:auto;padding:8px 12px}.chapter-item{align-items:flex-start;border-radius:10px;color:var(--text-primary);display:flex;font-size:.85rem;gap:12px;line-height:1.4;padding:10px 12px;text-align:left;transition:background .2s ease,transform .2s ease;width:100%}.chapter-item:hover{transform:translateX(2px)}.chapter-item.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent)}.chapter-number{align-items:center;background:#ffffff0d;border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:26px;justify-content:center;transition:background .2s ease,color .2s ease;width:26px}.chapter-item.active .chapter-number{background:var(--accent);color:#fff}.chapter-title{padding-top:3px}.reader-content{background:var(--bg-card);flex:1 1;height:100vh;overflow-y:auto;position:relative;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.reader-content,.reader-toolbar{display:flex;flex-direction:column}.reader-toolbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#181e2af0;background:var(--toolbar-bg,#181e2af0);border-bottom:1px solid var(--border);padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.reader-toolbar-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.reader-back-btn{border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:8px 16px;transition:color .2s ease,background .2s ease}.reader-back-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.reader-book-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.reader-text{background:#0000;border-radius:0;box-shadow:none;margin:0 auto;max-width:50vw;max-width:var(--reader-width,50vw);min-height:calc(100vh - 120px);padding:64px 48px 96px;width:100%}.chapter-body{background:var(--bg-card)}.chapter-header{margin-bottom:80px;text-align:center}.chapter-label{color:var(--accent);display:block;font-size:.8rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.chapter-header h1{font-family:var(--serif);font-size:1.9rem;font-weight:600;line-height:1.3;text-shadow:0 2px 8px #0000004d}.inline-illustration{margin:16px 0 16px 24px;max-width:200px}.inline-illustration.float-right{float:right;margin-left:24px;margin-right:0}.inline-illustration img{border-radius:12px;box-shadow:0 4px 16px #0006,0 1px 4px #0003;opacity:.92;transition:opacity .3s ease,transform .3s ease;width:100%}.inline-illustration img:hover{opacity:1;transform:scale(1.02)}.inline-illustration figcaption{color:var(--text-muted);font-size:.7rem;font-style:italic;line-height:1.3;margin-top:8px;text-align:center}.chapter-body{color:#d4d4d8;color:var(--chapter-body-color,#d4d4d8);font-family:var(--serif);line-height:1.85;overflow:visible;position:relative}.chapter-body p{margin-bottom:1.5em;text-indent:1.5em}.chapter-body p:first-of-type{text-indent:0}.chapter-body p:first-of-type:first-letter{color:var(--accent);float:left;font-size:2.8em;font-weight:700;line-height:.8;margin-right:8px;margin-top:4px}.chapter-pagination{border-top:1px solid var(--border);clear:both;display:flex;justify-content:space-between;margin-top:48px;padding-top:24px}.pagination-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:12px 20px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.pagination-btn:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateY(-1px)}.pagination-btn.next{margin-left:auto}.reader-toolbar.toolbar-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.reader-toolbar,.reader-toolbar.toolbar-hidden{transition:transform .3s ease,opacity .2s ease}.reader-progress-pill{border:1px solid var(--border);border-radius:12px;font-size:.7rem;font-weight:600;padding:4px 10px;pointer-events:none;transition:opacity .3s}.reader-back-to-top,.reader-progress-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e2837e6;background:var(--bg-elevated,#1e2837e6);bottom:16px;color:var(--text-secondary);float:right;margin-right:16px;opacity:.7;position:-webkit-sticky;position:sticky;z-index:5}.reader-back-to-top{align-items:center;border:1px solid var(--border);border-radius:50%;clear:right;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;margin-top:-40px;transition:opacity .3s,background .2s,transform .2s;width:36px}.reader-back-to-top:hover{background:var(--accent);color:#fff;opacity:1;transform:translateY(-2px)}.chapter-meta{color:#6b7280;color:var(--text-muted,#6b7280);font-family:var(--sans);font-size:.8rem;letter-spacing:.02em;margin-top:12px}.chapter-meta-divider{margin:0 8px;opacity:.5}.toolbar-session{color:var(--accent);font-size:.72rem;font-weight:600;opacity:.8}.paragraph-wrapper{transition:opacity .4s ease}.reader-content.focus-mode .paragraph-wrapper{opacity:.4}.reader-content.focus-mode .paragraph-wrapper.para-in-focus{opacity:1}.chapter-body p{margin-bottom:1.6em}.chapter-body p:first-of-type:first-letter{text-shadow:0 2px 8px #3b82f64d;text-shadow:0 2px 8px rgba(var(--accent-rgb,59,130,246),.3)}.info-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1c2330f5;background:var(--info-panel-bg,#1c2330f5);border-left:1px solid var(--glass-border,color-mix(in srgb,var(--accent) 20%,#0000));box-shadow:-4px 0 24px #00000040;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;max-width:90vw;opacity:0;overflow:hidden;padding-top:120px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;width:380px;z-index:80}.info-panel.open{opacity:1;transform:translateX(0)}.info-panel-header{align-items:center;background:#00000026;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.info-panel-title-group{display:flex;flex-direction:column;gap:2px}.info-panel-header h3{font-size:1rem;font-weight:600}.info-panel-subtitle{color:var(--text-secondary);font-size:.8rem;font-style:italic}.info-panel-content{flex:1 1;overflow-y:auto;padding:20px 24px}.info-chapter-summary{background:#6366f10f;border-left:3px solid #6366f166;border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px 14px}.info-chapter-summary p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}.info-section{margin-bottom:28px}.info-section h4{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.info-section-divider{background:linear-gradient(90deg,var(--accent) 0,color-mix(in srgb,var(--accent) 10%,#0000) 100%);border-radius:1px;height:1px;margin-bottom:14px}.info-icon{font-size:1rem}.info-character-card,.info-list{display:flex;flex-direction:column;gap:10px}.info-character-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:12px;padding:14px 16px;transition:border-color .2s ease}.info-character-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,#0000)}.info-character-portrait{border:1px solid #ffffff1a;border-radius:10px;height:42px;object-fit:cover;width:42px}.info-character-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.info-knowledge-previous{border-left:2px solid #6b728066;padding-left:12px}.info-knowledge-previous .info-knowledge-label{color:var(--text-muted);display:block;font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.info-knowledge-previous p{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0}.info-knowledge-new{border-left:2px solid var(--accent);padding-left:12px}.info-knowledge-badge{background:color-mix(in srgb,var(--accent) 20%,#0000);border-radius:4px;color:var(--accent);display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;padding:1px 6px;text-transform:uppercase}.info-knowledge-new p{color:var(--text-primary);font-size:.82rem;line-height:1.5;margin:0}.info-events li{border-radius:6px;color:var(--text-secondary);font-size:.83rem;line-height:1.5;padding:6px 10px 6px 12px;position:relative;transition:background .2s ease}.info-events li.event-new{background:color-mix(in srgb,var(--accent) 5%,#0000);border-left:2px solid var(--accent);color:var(--text-primary)}.info-events li.event-callback{border-left:2px solid #6b72804d;color:var(--text-muted);font-style:italic}.event-new-dot{background:var(--accent);border-radius:50%;display:inline-block;height:6px;margin-right:8px;vertical-align:middle;width:6px}.event-callback-label{color:var(--text-muted);display:inline-block;font-size:.65rem;font-weight:600;margin-right:6px;text-transform:uppercase}.info-themes li{color:var(--text-secondary);font-size:.83rem;line-height:1.5;padding-left:16px;position:relative}.info-themes li:before{color:var(--accent);content:"◆";font-size:.55rem;left:0;position:absolute;top:4px}.info-quote{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000) 0,color-mix(in srgb,var(--accent) 2%,#0000) 100%);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:16px}.info-quote p{color:var(--text-primary);font-family:var(--serif);font-size:.95rem;font-style:italic;line-height:1.6;margin-bottom:8px}.info-quote cite{color:var(--text-muted);font-size:.75rem;font-style:normal}.writing-tools-layout{display:flex;min-height:100vh}.writing-tools-layout .sidebar{background:var(--bg-card);border-right:1px solid var(--border);height:100vh;overflow-y:auto;padding:24px 16px;position:fixed;width:240px}.back-to-library{border-radius:8px;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:12px;padding:8px 12px;text-align:left;transition:color .15s,background .15s}.back-to-library:hover{background:var(--bg-elevated);color:var(--text-primary)}.writing-tools-layout .logo h1{color:var(--text-primary);font-size:1.1rem;font-weight:700}.writing-tools-layout .logo .subtitle{color:var(--text-secondary);font-size:.75rem;font-weight:400}.writing-tools-layout .nav-links{margin-top:24px}.writing-tools-layout .nav-links li{margin-bottom:4px}.writing-tools-layout .nav-links a{border-radius:8px;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;padding:10px 16px;text-decoration:none;transition:background .15s}.writing-tools-layout .nav-links a:hover{background:var(--bg-elevated)}.writing-tools-layout .nav-links a.active{background:color-mix(in srgb,var(--accent) 12%,#0000);color:var(--accent)}.writing-tools-layout .content{flex:1 1;margin-left:240px;max-width:1400px;padding:32px 40px}.page-header{margin-bottom:32px}.page-header h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:.9rem}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 10px}.badge-planted{background:#4ade8026;color:#16a34a}.badge-developed{background:#facc1526;color:#ca8a04}.badge-resolved{background:#60a5fa26;color:var(--accent-hover)}.badge-draft{background:#a1a1aa26;color:var(--text-secondary)}.badge-in_progress{background:#2dd4bf26;color:#0d9488}.badge-planned{background:#c084fc26;color:#7c3aed}.badge-active{background:#4ade8026;color:#16a34a}[data-theme=dark] .badge-planted{color:#4ade80}[data-theme=dark] .badge-developed{color:#facc15}[data-theme=dark] .badge-resolved{color:var(--accent)}[data-theme=dark] .badge-in_progress{color:#2dd4bf}[data-theme=dark] .badge-planned{color:#c084fc}[data-theme=dark] .badge-active{color:#4ade80}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.stat-card .number{color:var(--accent);font-size:2rem;font-weight:700}.stat-card .label{color:var(--text-secondary);font-size:.8rem;margin-top:4px}.search-bar{display:flex;gap:8px;margin-bottom:24px}.search-bar input{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:12px 16px}.search-bar input:focus{border-color:var(--accent);outline:none}.search-bar button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s ease}.search-bar button:hover{background:var(--accent-hover)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:12px 16px;text-align:left}th{color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase}td{font-size:.9rem}.goodreads-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.goodreads-section h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:16px}.comp-title{border-bottom:1px solid var(--border);display:flex;gap:16px;padding:12px 0}.comp-title:last-child{border-bottom:none}.comp-title .rating{color:#facc15;font-weight:600}.loading{color:var(--text-secondary);padding:40px;text-align:center}@media (max-width:768px){.library-page{padding:24px 16px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.chapter-nav-edge-indicator{display:none}.chapter-nav{width:85vw}.reader-text{max-width:100%!important;padding:32px 16px 60px!important}.info-panel{border-left:none;border-radius:20px 20px 0 0;border-top:1px solid var(--border);bottom:0;height:70vh;max-width:100vw;padding-top:16px;top:auto;transform:translateY(100%);width:100%}.info-panel.open{transform:translateY(0)}.inline-illustration{float:none!important;margin:16px auto;max-width:180px}}.reader-toolbar-btn .btn-label{display:none}.reader-toolbar-btn{height:34px;min-width:34px;padding:0;width:34px}.reader-toolbar-right{gap:3px;mask-image:linear-gradient(90deg,#000 90%,#0000);-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000);position:relative}.paragraph-wrapper{border-left:none!important;margin-left:0!important;padding-left:0!important}.paragraph-wrapper.bookmarked{border-left:3px solid var(--accent)!important;padding-left:8px!important}.para-number{font-size:.6rem;right:-4px}.chapter-header{animation:chapterHeaderFadeIn .6s ease;margin-bottom:48px}@keyframes chapterHeaderFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reader-progress-pill{bottom:70px}.reader-back-to-top,.reader-progress-pill{float:none;margin:0;position:fixed;right:16px}.reader-back-to-top{bottom:110px;clear:none}.reading-guide-settings-btn{bottom:150px}@media (min-width:1025px){.reader-text{max-width:min(680px,50vw)}.chapter-header{margin-bottom:64px}}@media (min-width:769px) and (max-width:1024px){.reader-text{max-width:85vw!important;padding:48px 32px 80px!important}.reader-toolbar-btn{height:38px;min-width:38px;width:38px}.info-panel{width:320px}.chapter-header{margin-bottom:48px}.reader-layout.info-pinned .reader-content{margin-right:320px}.chapter-nav-edge-indicator,.info-panel-edge-indicator{display:none}}@media (max-width:768px){.reader-toolbar-btn{border-radius:10px;font-size:1rem;height:44px;min-width:44px;width:44px}.reader-toolbar-right{gap:4px}.reader-toolbar{padding:6px 12px}.reader-toolbar-top{margin-bottom:4px}.reader-toolbar-center{display:none}.chapter-header{margin-bottom:32px}.chapter-header h1{font-size:1.4rem}.chapter-label{font-size:.7rem}.chapter-meta{font-size:.72rem}.chapter-body{font-size:1rem;font-size:var(--reader-font-size,1rem);line-height:1.75}.reader-layout.nav-pinned .reader-content{margin-left:0}.reader-layout.info-pinned .reader-content{margin-right:0}.chapter-pagination{flex-direction:column;gap:12px}.pagination-btn{text-align:center;width:100%}.chapter-nav-edge-indicator,.info-panel-edge-indicator{display:none}.reader-progress-pill{bottom:16px;font-size:.65rem;right:12px}.reader-back-to-top{bottom:50px;height:40px;right:12px;width:40px}.reading-guide-settings-btn{bottom:90px;right:12px}.auto-scroll-controls{bottom:12px}.mood-indicator{height:2px}.next-chapter-teaser{margin:24px 0;padding:16px}.reader-content.focus-mode .paragraph-wrapper{opacity:.55}}@media (max-width:480px){.reader-text{padding:24px 14px 60px!important}.reader-toolbar-btn{height:40px;min-width:40px;width:40px}.chapter-header h1{font-size:1.2rem}.chapter-body{font-size:.95rem;font-size:var(--reader-font-size,.95rem);line-height:1.7}.chapter-body p{margin-bottom:1.3em}}.auto-scroll-btn,.chapter-nav-pin,.highlight-action-btn,.pagination-btn,.reader-toolbar-btn,.rg-color-swatch{-webkit-tap-highlight-color:transparent;overflow:hidden;position:relative}.pagination-btn:after,.reader-toolbar-btn:after{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--accent) 25%,#0000) 0,#0000 70%);background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),color-mix(in srgb,var(--accent) 25%,#0000) 0,#0000 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .4s ease}.pagination-btn:active:after,.reader-toolbar-btn:active:after{opacity:1;transition:opacity 0s}.reader-toolbar-btn:active{transform:scale(.9);transition:transform .1s}.pagination-btn:active{transform:scale(.97);transition:transform .1s}.paragraph-wrapper.bookmark-flash{animation:doubleTapFlash .6s ease!important}@keyframes doubleTapFlash{0%{background:color-mix(in srgb,var(--accent) 20%,#0000);transform:scale(1.005)}50%{background:color-mix(in srgb,var(--accent) 10%,#0000)}to{background:#0000;transform:scale(1)}}@media (hover:none) and (pointer:coarse){.reader-content:after,.reader-content:before{animation:edgeHint 3s ease-in-out 2s 1;background:color-mix(in srgb,var(--accent) 30%,#0000);border-radius:3px;content:"";height:60px;opacity:0;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%);width:3px;z-index:5}.reader-content:before{left:4px}.reader-content:after{right:4px}@keyframes edgeHint{0%,to{opacity:0}20%,80%{opacity:1}}}.info-panel:before{content:"";display:none}@media (max-width:768px){.info-panel:before{background:var(--text-muted);border-radius:2px;content:"";display:block;height:4px;margin:0 auto 12px;opacity:.4;width:36px}}.chapter-nav-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:24px 20px 16px}.chapter-nav-pin{align-items:center;border-radius:6px;display:flex;font-size:.85rem;height:30px;justify-content:center;opacity:.6;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:30px}.chapter-nav-pin:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);opacity:1}.chapter-nav-pin.active{background:color-mix(in srgb,var(--accent) 20%,#0000);opacity:1;transform:rotate(45deg)}.chapter-nav.pinned{box-shadow:2px 0 12px #0003;opacity:1;position:fixed;transform:translateX(0)}.reader-layout.nav-pinned .reader-content{margin-left:280px}.settings-wrapper{position:relative}.settings-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s ease,transform .2s ease;width:38px}.settings-toggle:hover{border-color:var(--accent);transform:rotate(30deg)}.settings-menu{animation:settingsSlideIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:48px;width:240px;z-index:100}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.settings-header h4{font-size:.85rem;font-weight:600}.settings-close{align-items:center;border-radius:4px;color:var(--text-secondary);display:flex;font-size:1.2rem;height:24px;justify-content:center;width:24px}.settings-close:hover{background:var(--bg-elevated)}.settings-body{padding:12px 16px}.settings-row{align-items:center;display:flex;justify-content:space-between}.settings-label{color:var(--text-secondary);font-size:.85rem}.theme-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.theme-option{color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:6px 10px;transition:background .2s ease,color .2s ease}.theme-option.active{background:var(--accent);color:#fff}.reader-toolbar-right{-ms-overflow-style:none;align-items:center;display:flex;gap:4px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.reader-toolbar-right::-webkit-scrollbar{display:none}.info-character-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:0;text-align:left;transition:opacity .2s ease;width:100%}.info-character-header:hover{opacity:.85}.info-character-chevron{color:var(--text-muted);font-size:1.2rem;font-weight:300;margin-left:auto;transition:transform .25s ease}.info-character-chevron.open{transform:rotate(90deg)}.info-character-body{animation:characterExpand .25s ease;border-top:1px solid var(--border);margin-top:10px;padding-top:10px}@keyframes characterExpand{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.info-character-card.collapsed{padding:10px 16px}.info-character-card.expanded{padding:14px 16px}.info-hint{color:var(--text-muted);font-size:.65rem;font-weight:400;letter-spacing:0;margin-left:auto;text-transform:none}.book-card,.card,.chapter-nav,.info-panel,.reader-toolbar,.settings-menu{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}:is([data-theme=light],[data-theme=sepia]) .chapter-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-right:1px solid var(--glass-border)}:is([data-theme=light],[data-theme=sepia]) .chapter-nav-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 20%,color-mix(in srgb,var(--accent) 35%,#0000) 50%,color-mix(in srgb,var(--accent) 20%,#0000) 80%,#0000 100%)}:is([data-theme=light],[data-theme=sepia]) .info-panel{background:var(--info-panel-bg);border-left:1px solid var(--glass-border)}:is([data-theme=light],[data-theme=sepia]) .reader-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--toolbar-bg)}:is([data-theme=light],[data-theme=sepia]) .chapter-body{color:var(--chapter-body-color)}:is([data-theme=light],[data-theme=sepia]) .info-character-card{background:linear-gradient(135deg,#00000005,#00000003);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .info-knowledge-new p{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .info-events li.event-new{background:color-mix(in srgb,var(--accent) 5%,#0000);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .inline-illustration img{box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f;opacity:1}:is([data-theme=light],[data-theme=sepia]) .chapter-header h1{text-shadow:none}:is([data-theme=light],[data-theme=sepia]) .info-quote{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,#0000) 0,color-mix(in srgb,var(--accent) 1%,#0000) 100%)}:is([data-theme=light],[data-theme=sepia]) .info-quote p{color:var(--text-primary)}.info-panel-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 40%,#0000) 20%,color-mix(in srgb,var(--accent) 60%,#0000) 50%,color-mix(in srgb,var(--accent) 40%,#0000) 80%,#0000 100%);height:calc(100vh - 50px);opacity:1;pointer-events:none;position:fixed;right:0;top:90px;transition:opacity .3s ease;width:10px;z-index:50}.info-panel-edge-indicator:after{animation:pulse-right 2s ease-in-out infinite;color:color-mix(in srgb,var(--accent) 90%,#0000);content:"▸";font-size:14px;position:absolute;right:2px;top:50%;transform:translateY(-50%)}@keyframes pulse-right{0%,to{opacity:.6;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(-2px)}}.info-panel-pin{align-items:center;border-radius:6px;display:flex;font-size:.85rem;height:30px;justify-content:center;opacity:.6;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:30px}.info-panel-pin:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);opacity:1}.info-panel-pin.active{background:color-mix(in srgb,var(--accent) 20%,#0000);opacity:1;transform:rotate(45deg)}.info-panel.pinned{box-shadow:-2px 0 12px #0003;opacity:1;position:fixed;transform:translateX(0)}.info-expand-collapse-all{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:16px;padding:8px 12px;text-align:left;text-transform:uppercase;transition:background .2s ease,color .2s ease,border-color .2s ease;width:100%}.info-expand-collapse-all:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent)}.info-section-header-clickable{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:8px;padding:4px 0;text-transform:uppercase;transition:color .2s ease;-webkit-user-select:none;user-select:none}.info-section-header-clickable:hover{color:var(--accent)}.info-section-chevron{color:var(--text-muted);font-size:1.1rem;font-weight:300;margin-left:auto;transition:transform .25s ease}.info-section-chevron.open{transform:rotate(90deg)}.character-profile-link{background:none;border:none;color:var(--accent);cursor:pointer;display:inline-block;font-size:.78rem;font-weight:600;margin-top:10px;padding:4px 0;transition:color .2s ease,transform .2s ease}.character-profile-link:hover{color:var(--accent);transform:translateX(2px)}.character-detail-overlay{align-items:center;animation:overlayFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.character-detail-card{animation:cardSlideIn .25s ease;background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:20px;box-shadow:0 24px 64px #00000080;max-height:85vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:90vw}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.character-detail-close{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease;width:36px}.character-detail-close:hover{background:#ef444426;color:#ef4444}.character-detail-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.character-detail-avatar{border-radius:12px;height:56px;width:56px}.character-detail-header h2{font-size:1.4rem;font-weight:700;margin:0}.character-detail-role{color:var(--accent);font-size:.8rem;font-weight:500}.character-detail-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:20px}.character-detail-card h4{color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;margin-top:0;text-transform:uppercase}.character-detail-traits{margin-bottom:20px}.character-detail-trait-list{display:flex;flex-wrap:wrap;gap:6px}.character-detail-trait{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:12px;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.character-detail-relationships{margin-bottom:20px}.character-detail-relationships ul{list-style:none;padding:0}.character-detail-relationships li{color:var(--text-secondary);font-size:.85rem;padding:4px 0 4px 16px;position:relative}.character-detail-relationships li:before{color:var(--accent);content:"•";left:0;position:absolute}.character-detail-knowledge{margin-bottom:20px}.character-detail-knowledge ul{list-style:none;padding:0}.character-detail-knowledge li{border-bottom:1px solid #ffffff0a;color:var(--text-secondary);font-size:.83rem;line-height:1.5;padding:6px 0}.character-detail-knowledge li:last-child{border-bottom:none}.knowledge-chapter-label{color:var(--accent);font-size:.75rem;font-weight:600;margin-right:6px}.character-detail-arc{background:color-mix(in srgb,var(--accent) 5%,#0000);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin-bottom:20px;padding:16px}.character-detail-arc p{color:var(--text-primary);font-size:.88rem;line-height:1.6;margin:0}.character-detail-meta{border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem;padding-top:12px}:is([data-theme=light],[data-theme=sepia]) .info-panel-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 20%,color-mix(in srgb,var(--accent) 35%,#0000) 50%,color-mix(in srgb,var(--accent) 20%,#0000) 80%,#0000 100%)}:is([data-theme=light],[data-theme=sepia]) .character-detail-card{background:#fff;background:var(--bg-card,#fff);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .character-detail-overlay{background:#0006}:is([data-theme=light],[data-theme=sepia]) .info-expand-collapse-all{background:#00000005;border-color:#00000014}:is([data-theme=light],[data-theme=sepia]) .info-panel-header{background:var(--bg-elevated);border-bottom:1px solid var(--border)}:is([data-theme=light],[data-theme=sepia]) .info-panel-pin{opacity:.7}:is([data-theme=light],[data-theme=sepia]) .info-panel-pin.active{background:color-mix(in srgb,var(--accent) 10%,#0000);opacity:1}.inline-illustration.float-left{float:left;margin-left:0;margin-right:24px}:is([data-theme=light],[data-theme=sepia]) .inline-illustration img{border:1px solid var(--border)}.tooltip-term{border-bottom:1px dotted var(--accent);color:var(--accent);cursor:help;font-weight:700;position:relative;transition:color .2s ease}.tooltip-term:hover{color:var(--accent-hover)}.tooltip-term:after{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(data-tooltip);font-size:.78rem;font-style:normal;font-weight:400;left:50%;line-height:1.5;max-width:280px;min-width:180px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;text-indent:0;transform:translateX(-50%);transition:opacity .2s ease .2s,visibility 0s linear .4s;visibility:hidden;white-space:normal;z-index:100}.tooltip-term:hover:after{opacity:1;transition:opacity .2s ease .2s,visibility 0s linear 0s;visibility:visible}.tooltip-term:before{border:6px solid #0000;border-top:6px solid var(--bg-card);bottom:calc(100% + 2px);content:"";left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease .2s,visibility 0s linear .4s;visibility:hidden;z-index:100}.tooltip-term:hover:before{opacity:1;transition:opacity .2s ease .2s,visibility 0s linear 0s;visibility:visible}.reader-chat-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s ease,transform .2s ease,background .2s ease;width:38px}.reader-chat-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);transform:scale(1.05)}.book-chat-overlay{align-items:flex-end;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.book-chat-panel{animation:chatSlideUp .3s cubic-bezier(.4,0,.2,1);background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid var(--border);border-radius:20px;box-shadow:0 -8px 40px #0006;display:flex;flex-direction:column;margin-bottom:24px;max-height:70vh;max-width:600px;overflow:hidden;width:100%}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.book-chat-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.book-chat-title{align-items:center;display:flex;gap:8px}.book-chat-icon{font-size:1.1rem}.book-chat-title h4{font-size:.9rem;font-weight:600;margin:0}.book-chat-chapter{background:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;color:var(--accent);font-size:.7rem;font-weight:500;padding:2px 8px}.book-chat-actions{align-items:center;display:flex;gap:4px}.book-chat-clear{align-items:center;border-radius:6px;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:background .2s ease;width:32px}.book-chat-clear:hover{background:#ef444426}.book-chat-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:32px;justify-content:center;transition:background .2s ease,color .2s ease;width:32px}.book-chat-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.book-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:200px;overflow-y:auto;padding:16px 20px}.book-chat-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.book-chat-empty p{font-size:.9rem;margin:4px 0}.book-chat-hint{color:var(--text-muted)!important;font-size:.78rem!important;font-style:italic}.book-chat-msg{display:flex;max-width:85%}.book-chat-msg.user{align-self:flex-end;justify-content:flex-end}.book-chat-msg.assistant{align-self:flex-start}.book-chat-bubble{border-radius:14px;font-size:.88rem;line-height:1.5;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.book-chat-msg.user .book-chat-bubble{background:var(--accent);border-bottom-right-radius:4px;color:#fff}.book-chat-msg.assistant .book-chat-bubble{background:#2a2f3e;background:var(--bg-elevated,#2a2f3e);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text-primary)}.book-chat-bubble.loading{display:flex;gap:4px;padding:14px 18px}.typing-dot{animation:typingBounce 1.2s infinite;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.book-chat-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#f87171;font-size:.8rem;padding:8px 12px}.book-chat-input-area{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.book-chat-input{background:#2a2f3e;background:var(--bg-elevated,#2a2f3e);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.88rem;outline:none;padding:10px 14px;resize:none;transition:border-color .2s ease}.book-chat-input:focus{border-color:var(--accent)}.book-chat-input::placeholder{color:var(--text-muted)}.book-chat-send{align-items:center;background:var(--accent);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:38px}.book-chat-send:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.book-chat-send:disabled{cursor:not-allowed;opacity:.4}:is([data-theme=light],[data-theme=sepia]) .book-chat-panel{background:#fff;background:var(--bg-card,#fff)}:is([data-theme=light],[data-theme=sepia]) .book-chat-msg.assistant .book-chat-bubble{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}[data-theme=sepia] .book-chat-msg.assistant .book-chat-bubble{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .book-chat-overlay{background:#0000004d}.spoiler-section{border-top:1px dashed #ef44444d;margin-top:14px;padding-top:10px}.spoiler-toggle-btn{background:#f9731614;border:1px solid #f9731633;border-radius:8px;color:#f97316;cursor:pointer;display:block;font-size:.75rem;font-weight:600;padding:8px 12px;text-align:left;transition:background .2s ease,border-color .2s ease;width:100%}.spoiler-toggle-btn:hover{background:#f9731626;border-color:#f9731666}.spoiler-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.spoiler-item{background:#ef44440a;border:1px solid #ef444440;border-radius:10px;padding:10px 12px}.spoiler-warning{color:#ef4444;display:block;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.spoiler-name{color:var(--text-primary);display:block;font-size:.8rem;margin-bottom:6px}.spoiler-content{position:relative}.spoiler-hover-label{color:#f97316;font-size:.7rem;font-weight:600;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;z-index:1}.spoiler-content:hover .spoiler-hover-label{opacity:0}.spoiler-text{color:var(--text-secondary);filter:blur(5px);font-size:.8rem;line-height:1.5;margin:0;transition:filter .3s ease;-webkit-user-select:none;user-select:none}.spoiler-content:hover .spoiler-text{filter:blur(0);-webkit-user-select:auto;user-select:auto}.settings-row-vertical{gap:8px}.settings-key-saved{color:#22c55e;font-size:.85rem}.settings-key-input-wrapper{align-items:center}.settings-key-input{font-family:monospace;font-size:.78rem;transition:border-color .2s ease}.settings-key-input::placeholder{color:var(--text-muted);font-family:inherit}.settings-key-toggle{border-radius:4px;flex-shrink:0;font-size:.8rem;height:28px;transition:background .2s ease;width:28px}.settings-key-toggle:hover{background:var(--bg-elevated)}.settings-hint{font-style:italic}.reading-progress-bar{background:#ffffff0d;height:3px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:9}.reading-progress-bar-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6,#ec4899);border-radius:0 2px 2px 0;box-shadow:0 0 8px #8b5cf680,0 0 2px #ec48994d;height:100%;transition:width .15s cubic-bezier(.4,0,.2,1)}:is([data-theme=light],[data-theme=sepia]) .reading-progress-bar{background:#0000000a}.stats-overlay{align-items:center;animation:overlayFadeIn .25s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.stats-panel{animation:cardSlideIn .3s cubic-bezier(.4,0,.2,1);background:#0f141eeb;background-clip:padding-box;border:1px solid #0000;border-radius:24px;box-shadow:0 24px 80px #0009,0 0 0 1px #8b5cf633,inset 0 1px 0 #ffffff0d;max-height:85vh;max-width:500px;overflow-y:auto;padding:36px 32px;position:relative;width:90vw}.stats-panel:before{background:linear-gradient(135deg,var(--accent),#8b5cf6,#ec4899);border-radius:25px;content:"";inset:-1px;opacity:.6;position:absolute;z-index:-1}.stats-panel-close{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease;width:36px}.stats-panel-close:hover{background:color-mix(in srgb,var(--text-primary) 10%,#0000);color:var(--text-primary)}.stats-panel-title{color:#fff;color:var(--text-primary,#fff);font-size:1.3rem;font-weight:700;margin-bottom:24px;text-align:center}.stats-ring-container{height:160px;margin:0 auto 24px;position:relative;width:160px}.stats-ring{animation:statsRingAppear 1s cubic-bezier(.4,0,.2,1);height:100%;width:100%}@keyframes statsRingAppear{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}.stats-ring-progress{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.stats-ring-label{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.stats-ring-percent{color:#fff;color:var(--text-primary,#fff);font-size:2.2rem;font-weight:700;line-height:1}.stats-ring-sub{color:var(--text-secondary);font-size:.75rem;margin-top:4px}.stats-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.stats-row-label{color:var(--text-secondary);font-size:.82rem;font-weight:500}.stats-row-value{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:700}.stats-animated-number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stats-bar{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:20px;overflow:hidden;width:100%}.stats-bar-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.stats-chapter-map{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:8px 0}.stats-chapter-dot{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.stats-chapter-dot.completed{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 40%,#0000)}.stats-chapter-dot.current{animation:dotPulse 1.5s ease-in-out infinite;background:#ec4899;border-color:#ec4899;box-shadow:0 0 8px #ec489999}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.stats-meta-row{display:flex;gap:16px;margin:20px 0}.stats-meta-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex:1 1;padding:12px;text-align:center}.stats-meta-number{color:#fff;display:block;font-size:1.5rem;font-weight:700}.stats-meta-label{color:var(--text-muted);display:block;font-size:.7rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.stats-achievements{border-top:1px solid #ffffff14;margin-top:16px}.stats-badge{background:#ffffff0f;border:1px solid #ffffff1a;font-size:1.3rem;height:36px;width:36px}.stats-reset-section{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.stats-reset-btn{background:#ef44440f;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.82rem;font-weight:500;padding:10px 16px;transition:all .2s;width:100%}.stats-reset-btn:hover{background:#ef44441f;border-color:#ef444480}.stats-reset-confirm{display:flex;flex-direction:column;gap:10px}.stats-reset-warning{color:#ef4444;font-size:.75rem;line-height:1.4;margin:0}.stats-reset-actions{display:flex;gap:8px}.stats-reset-confirm-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:8px 14px;transition:background .2s}.stats-reset-confirm-btn:hover{background:#dc2626}.stats-reset-cancel-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.8rem;padding:8px 14px;transition:all .2s}.stats-reset-cancel-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-panel{background:#fffffff2}:is([data-theme=light],[data-theme=sepia]) .stats-panel-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-ring-percent{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-row-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .stats-row-value{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-meta-number{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-meta-item{background:#00000008;border-color:#0000000f}:is([data-theme=light],[data-theme=sepia]) .stats-chapter-dot{background:#0000000f;border-color:#0000001a}.achievement-toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:9999}.achievement-toast{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141ef2;border:1px solid #8b5cf64d;border-radius:16px;box-shadow:0 8px 32px #0006,0 0 20px #8b5cf626;display:flex;gap:12px;min-width:280px;opacity:0;overflow:hidden;padding:14px 18px;pointer-events:auto;position:relative;transform:translateX(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.achievement-toast.visible{opacity:1;transform:translateX(0)}.achievement-toast-confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute}.achievement-toast-confetti:after,.achievement-toast-confetti:before{animation:confettiBurst .8s ease-out forwards;border-radius:50%;content:"";height:6px;opacity:0;position:absolute;width:6px}.achievement-toast-confetti:before{animation-delay:.1s;background:#ec4899;left:20%;top:50%}.achievement-toast-confetti:after{animation-delay:.2s;background:var(--accent);left:60%;top:30%}@keyframes confettiBurst{0%{opacity:1;transform:scale(0) rotate(0deg)}50%{opacity:.8;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn) translateY(-20px)}}.achievement-toast-icon{flex-shrink:0;font-size:1.8rem}.achievement-toast-content{flex:1 1;min-width:0}.achievement-toast-label{color:#8b5cf6;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.achievement-toast-name{color:#fff;font-size:.9rem;font-weight:700}.achievement-toast-desc{color:var(--text-secondary);font-size:.75rem}.achievement-toast-close{align-items:center;border-radius:50%;color:#fff6;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;transition:color .2s ease,background .2s ease;width:24px}.achievement-toast-close:hover{background:#ffffff1a;color:#fff}:is([data-theme=light],[data-theme=sepia]) .achievement-toast{background:#fffffff7;border-color:#8b5cf633;box-shadow:0 8px 32px #00000026}:is([data-theme=light],[data-theme=sepia]) .achievement-toast-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .achievement-toast-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .achievement-toast-close{color:var(--text-muted)}.chapter-transition-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:600}.chapter-transition-overlay.visible{animation:chapterTransFade 1.5s ease forwards;opacity:1}@keyframes chapterTransFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.chapter-transition-card{animation:chapterTransScale 1.5s cubic-bezier(.4,0,.2,1) forwards;text-align:center}@keyframes chapterTransScale{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.chapter-transition-number{color:#8b5cf6;display:block;font-size:1rem;font-weight:600;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.chapter-transition-title{color:#fff;font-family:var(--serif);font-size:2.2rem;font-weight:600;text-shadow:0 4px 16px #00000080}:is([data-theme=light],[data-theme=sepia]) .chapter-transition-title{color:var(--text-primary)}.content-fade-out{opacity:0;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease}.content-fade-in{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1) .05s,transform .3s cubic-bezier(.4,0,.2,1) .05s}.library-page{overflow-x:hidden;overflow-y:auto;position:relative}.library-mesh-bg{animation:meshShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#8b5cf60f 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#14b8a60d 0,#0000 50%);inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes meshShift{0%{background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#8b5cf60f 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#14b8a60d 0,#0000 50%)}33%{background:radial-gradient(ellipse at 40% 30%,color-mix(in srgb,var(--accent) 7%,#0000) 0,#0000 50%),radial-gradient(ellipse at 70% 60%,#8b5cf614 0,#0000 50%),radial-gradient(ellipse at 30% 70%,#14b8a60f 0,#0000 50%)}66%{background:radial-gradient(ellipse at 60% 70%,color-mix(in srgb,var(--accent) 6%,#0000) 0,#0000 50%),radial-gradient(ellipse at 30% 40%,#8b5cf612 0,#0000 50%),radial-gradient(ellipse at 70% 30%,#14b8a614 0,#0000 50%)}to{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(ellipse at 20% 70%,#8b5cf60f 0,#0000 50%),radial-gradient(ellipse at 80% 60%,#14b8a612 0,#0000 50%)}}.mesh-particle{animation:particleFloat 15s ease-in-out infinite;border-radius:50%;opacity:.3;position:absolute}.mesh-particle.p1{animation-duration:18s;background:var(--accent);height:4px;left:15%;top:20%;width:4px}.mesh-particle.p2{animation-delay:-5s;animation-duration:22s;background:#8b5cf6;height:3px;left:75%;top:60%;width:3px}.mesh-particle.p3{animation-delay:-8s;animation-duration:16s;background:#ec4899;height:5px;left:30%;top:80%;width:5px}.mesh-particle.p4{animation-delay:-3s;animation-duration:20s;background:#14b8a6;height:3px;left:85%;top:35%;width:3px}.mesh-particle.p5{animation-delay:-12s;animation-duration:25s;background:var(--accent);height:4px;left:50%;top:50%;width:4px}.library-grid,.library-header{position:relative;z-index:1}.book-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-card);transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease}.book-card:focus-visible,.book-card:hover{border-color:var(--accent);box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 15%,#0000),0 4px 12px #0000001a;transform:perspective(1000px) rotateY(2deg) rotateX(-1deg) translateY(-4px)}.pagination-btn,.reader-back-btn,.reader-chat-btn,.reader-stats-btn,.settings-toggle{transition:transform .15s cubic-bezier(.4,0,.2,1),border-color .2s ease,background .2s ease,color .2s ease}.pagination-btn:hover,.reader-back-btn:hover,.reader-chat-btn:hover,.reader-stats-btn:hover,.settings-toggle:hover{transform:scale(1.02)}.pagination-btn:active,.reader-back-btn:active,.reader-chat-btn:active,.reader-stats-btn:active,.settings-toggle:active{transform:scale(.98)}.chapter-item{border-left:3px solid #0000;transition:background .2s ease,transform .2s ease,border-left .2s ease}.chapter-item:hover{background:#ffffff0f;transform:translateX(4px)}.chapter-item.active,.chapter-item:hover{border-left-color:var(--accent)}.info-section{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.loading-shimmer{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:500px;padding:48px 32px}.shimmer-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px;height:16px;width:80%}.shimmer-line.wide{height:24px;width:100%}.shimmer-line.narrow{width:50%}:is([data-theme=light],[data-theme=sepia]) .shimmer-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%);background-size:200% 100%}.reader-stats-btn:hover{background:#8b5cf61a}.reader-toolbar-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.reader-toolbar-stats{font-feature-settings:"tnum";align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;font-variant-numeric:tabular-nums;gap:6px}.toolbar-badge{cursor:default;font-size:.85rem}.toolbar-progress{color:var(--text-secondary);font-weight:500;min-width:52px;text-align:center}.toolbar-divider{color:var(--text-muted);opacity:.5}.stats-achievements{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.stats-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.stats-badge{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;cursor:default;display:flex;font-size:1.4rem;height:40px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:40px}.stats-badge:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);transform:scale(1.15)}.reading-guide{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:25}.reading-guide-dim{left:0;position:absolute;transition:height .3s ease,background .3s ease;width:100%}.reading-guide-band{left:0;position:absolute;transition:height .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.reading-guide-line{height:200px;transition:height .3s ease,background .3s ease,border-color .3s ease;width:100%}.reading-guide-settings-btn{align-items:center;background:#1f2937;background:var(--surface,#1f2937);border:1px solid #374151;border:1px solid var(--border,#374151);border-radius:50%;bottom:80px;box-shadow:0 2px 8px #0000004d;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;pointer-events:auto;position:fixed;right:16px;transition:background .2s,transform .2s;width:36px;z-index:30}.reading-guide-settings-btn:hover{background:#374151;background:var(--surface-hover,#374151);transform:scale(1.1)}.reading-guide-panel{background:#1f2937;background:var(--surface,#1f2937);border:1px solid #374151;border:1px solid var(--border,#374151);border-radius:12px;bottom:124px;box-shadow:0 8px 32px #0006;padding:16px;pointer-events:auto;position:fixed;right:16px;width:260px;z-index:35}.rg-panel-header{align-items:center;color:#f3f4f6;color:var(--text-primary,#f3f4f6);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.rg-panel-close{background:none;border:none;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:20px;padding:0 4px}.rg-panel-section{margin-bottom:14px}.rg-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.rg-slider{-webkit-appearance:none;appearance:none;background:#374151;background:var(--border,#374151);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.rg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f59e0b;background:var(--accent,#f59e0b);border-radius:50%;cursor:pointer;height:16px;width:16px}.rg-slider::-moz-range-thumb{background:#f59e0b;background:var(--accent,#f59e0b);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.rg-hint{color:#6b7280;color:var(--text-tertiary,#6b7280);display:block;font-size:11px;margin-top:4px}.rg-color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.rg-color-swatch{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:border-color .2s,transform .2s,opacity .2s;width:100%}.rg-color-swatch:hover:not(:disabled){transform:scale(1.1)}.rg-color-swatch.active{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.rg-color-swatch.locked{cursor:not-allowed;opacity:.5}.rg-lock-icon{font-size:12px}.rg-check-icon{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px #00000080}:is([data-theme=light],[data-theme=sepia]) .reading-guide-settings-btn{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a;color:#6b7280}:is([data-theme=light],[data-theme=sepia]) .reading-guide-panel{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 32px #00000026}:is([data-theme=light],[data-theme=sepia]) .rg-panel-header{color:#111827}:is([data-theme=light],[data-theme=sepia]) .rg-color-swatch.active{border-color:#111827;box-shadow:0 0 8px #0003}.resume-banner{left:0;opacity:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:80}.resume-banner.visible{opacity:1;transform:translateY(0)}.resume-banner-content{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f141eeb;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--accent),#8b5cf6,#ec4899) 1;box-shadow:0 4px 24px #0000004d;display:flex;gap:12px;padding:14px 24px}:is([data-theme=light],[data-theme=sepia]) .resume-banner-content{background:#fffffff2;box-shadow:0 4px 24px #0000001a}.resume-banner-icon{flex-shrink:0;font-size:1.2rem}.resume-banner-text{color:var(--text-primary);flex:1 1;font-size:.88rem;font-weight:500}.resume-banner-actions{display:flex;flex-shrink:0;gap:8px}.resume-banner-btn{border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 16px;transition:background .2s ease,transform .2s ease}.resume-banner-btn.resume{background:var(--accent);color:#fff}.resume-banner-btn.resume:hover{background:var(--accent-hover);transform:translateY(-1px)}.resume-banner-btn.dismiss{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.resume-banner-btn.dismiss:hover{background:var(--bg-card);color:var(--text-primary)}.paragraph-wrapper{border-left:3px solid #0000;margin-left:36px;padding-left:8px;transition:border-color .2s ease,background .2s ease}.paragraph-wrapper.bookmarked{background:color-mix(in srgb,var(--accent) 2%,#0000);border-left-color:var(--accent)}.paragraph-wrapper:hover{background:color-mix(in srgb,var(--accent) 1%,#0000)}.para-bookmark-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;height:26px;justify-content:center;left:-36px;opacity:0;position:absolute;top:4px;transition:opacity .2s ease,transform .2s ease,background .2s ease;width:26px;z-index:5}.paragraph-wrapper:hover .para-bookmark-btn{opacity:.7}.para-bookmark-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);opacity:1!important;transform:scale(1.1)}.para-bookmark-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);opacity:1!important}.para-number{color:var(--text-muted);font-family:monospace;font-size:.65rem;font-weight:500;opacity:0;position:absolute;right:-8px;top:4px;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.paragraph-wrapper:hover .para-number{opacity:.5}.para-bookmarked-indicator{background:var(--accent);border-radius:2px;bottom:0;left:0;position:absolute;top:0;width:3px}.paragraph-wrapper.bookmark-flash{animation:bookmarkFlash 1.5s ease}@keyframes bookmarkFlash{0%{background:color-mix(in srgb,var(--accent) 15%,#0000)}to{background:#0000}}.bookmark-list-overlay{align-items:flex-start;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:200}.bookmark-list-panel{animation:cardSlideIn .25s ease;background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;margin:60px 16px 0;max-height:70vh;max-width:90vw;overflow:hidden;width:340px}.bookmark-list-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.bookmark-list-header h4{font-size:.9rem;font-weight:600;margin:0}.bookmark-list-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;transition:background .2s ease,color .2s ease;width:28px}.bookmark-list-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.bookmark-list-body{flex:1 1;overflow-y:auto;padding:12px}.bookmark-list-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.bookmark-list-empty p{font-size:.9rem;margin-bottom:8px}.bookmark-list-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.bookmark-list-items{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.bookmark-list-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .2s ease}.bookmark-list-item:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}.bookmark-list-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bookmark-list-chapter{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.bookmark-list-preview{color:var(--text-secondary);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-list-remove{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;transition:background .2s ease,color .2s ease;width:24px}.bookmark-list-remove:hover{background:#ef444426;color:#ef4444}:is([data-theme=light],[data-theme=sepia]) .bookmark-list-panel{background:#fff;background:var(--bg-card,#fff)}.reader-toolbar-btn{border-radius:50%;cursor:pointer;font-size:1rem;height:38px;transition:border-color .2s ease,transform .2s ease,background .2s ease;width:38px}.reader-toolbar-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:scale(1.05)}.reader-toolbar-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,#0000)}.position-saved-indicator{animation:savedFadeIn .3s ease;background:#22c55e1a;border-radius:12px;color:#22c55e;font-size:.72rem;font-weight:600;padding:4px 10px;white-space:nowrap}@keyframes savedFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.font-size-controls{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;overflow:hidden}.font-size-btn{border-right:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.75rem;min-width:32px;padding:6px 10px;text-align:center;transition:background .2s ease,color .2s ease}.font-size-btn:last-child{border-right:none}.font-size-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.font-size-btn:disabled{opacity:.3}.font-size-btn.reset{color:var(--text-primary);font-weight:700}.chapter-body{font-size:1.05rem;font-size:var(--reader-font-size,1.05rem)}.reader-stats-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s ease,transform .2s ease,background .2s ease;width:38px}.reader-stats-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);transform:scale(1.05)}.home-page{margin:0 auto;max-width:1800px;min-height:100vh;padding:24px 40px}.home-birthday-banner{align-items:center;background:linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1);border-radius:16px;box-shadow:0 8px 30px #8b5cf659;color:#fff;display:flex;gap:16px;margin-bottom:20px;overflow:hidden;padding:20px 24px;position:relative}.home-birthday-confetti{animation:birthdayBounce 1.5s ease-in-out infinite;flex-shrink:0;font-size:2.5rem}@keyframes birthdayBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.home-birthday-content h2{font-size:1.4rem;font-weight:800;margin-bottom:4px}.home-birthday-content p{font-size:.9rem;line-height:1.4;opacity:.95}.home-birthday-dismiss{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:28px;line-height:1;position:absolute;right:14px;top:10px;width:28px}.home-birthday-dismiss:hover{background:#ffffff59}.home-header{margin-bottom:20px}.home-header h1{font-size:1.6rem;margin-bottom:12px}.home-subtitle{color:var(--text-secondary);font-size:.9rem}.home-level-bar{background:var(--bg-elevated);border-radius:11px;height:22px;margin-top:8px;overflow:hidden;position:relative}.home-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:11px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease}.home-level-text{align-items:center;color:var(--text-primary);display:flex;font-size:.72rem;font-weight:600;inset:0;justify-content:center;mix-blend-mode:normal;position:absolute;text-shadow:0 0 4px var(--bg-card),0 0 4px var(--bg-card);white-space:nowrap;z-index:1}.home-layout{display:flex;gap:24px;margin-top:28px}.home-left{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0}.home-right{flex-shrink:0;width:440px}.home-right .streak-widget-v2{position:-webkit-sticky;position:sticky;top:80px;width:100%}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.home-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:14px}.home-recommend-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}.home-recommend-scroll-wrapper::-webkit-scrollbar{display:none}.home-recommend-scroll-track{animation:infiniteScroll 90s linear infinite;display:flex;gap:16px;width:-webkit-max-content;width:max-content;will-change:transform}@keyframes infiniteScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.infinite-scroll-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;position:relative;scrollbar-width:none}.infinite-scroll-wrapper::-webkit-scrollbar{display:none}.infinite-scroll-track{animation:infiniteScroll 200s linear infinite;display:flex;gap:16px;width:-webkit-max-content;width:max-content;will-change:transform}.infinite-scroll-track.fast{animation-duration:120s}.infinite-scroll-track.slow{animation-duration:300s}.infinite-scroll-track.crawl{animation-duration:900s}.infinite-scroll-track.paused,.infinite-scroll-wrapper:hover .infinite-scroll-track:not(.manual){animation-play-state:paused}.infinite-scroll-track.manual{animation:none}.bounce-scroll-track{display:flex;gap:16px;width:-webkit-max-content;width:max-content}.scroll-speed-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:10px;box-shadow:0 8px 32px #00000080;min-width:160px;padding:6px 0;position:fixed;z-index:9999}.scroll-speed-menu-title{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border,#ffffff14);color:#888;color:var(--text-secondary,#888);font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-bottom:4px;padding:6px 14px 8px;text-transform:uppercase}.scroll-speed-menu-item{align-items:center;background:#0000;border:none;color:#eee;color:var(--text-primary,#eee);cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:7px 14px;text-align:left;transition:background .15s;width:100%}.scroll-speed-menu-item:hover{background:#8b5cf61f}.scroll-speed-menu-item.active{color:#8b5cf6;color:var(--accent,#8b5cf6);font-weight:600}.scroll-speed-menu-item .speed-label{font-weight:600;min-width:18px}.scroll-speed-menu-item .speed-percent{color:#888;color:var(--text-secondary,#888);flex:1 1;font-size:.72rem}.scroll-speed-menu-item .speed-check{color:#8b5cf6;color:var(--accent,#8b5cf6);font-weight:700}.home-streaks-card{padding:16px 20px}.home-streaks-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.home-streak-item{align-items:center;display:flex;flex-direction:column;gap:2px}.home-streak-number{color:var(--text-primary);font-size:1.3rem;font-weight:700}.home-streak-label{color:var(--text-secondary);font-size:.7rem}.home-reading-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.home-reading-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:14px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.home-reading-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #6366f114}.home-reading-cover{border-radius:6px;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:120px;object-fit:cover;width:80px}.home-reading-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;text-align:center;width:100%}.home-reading-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.home-reading-author{color:var(--text-secondary);font-size:.78rem}.home-reading-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.76rem;line-height:1.4;margin:4px 0;overflow:hidden}.home-reading-progress{margin-top:6px}.home-reading-progress-bar{background:#6366f11f;border-radius:3px;height:6px;overflow:hidden}.home-reading-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .4s ease}.home-reading-progress-text{color:var(--text-muted);display:inline-block;font-size:.7rem;margin-top:3px}.home-book-list{display:flex;flex-direction:column;gap:8px}.home-book-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:border-color .2s;width:100%}.home-book-item:hover{border-color:var(--accent)}.home-book-cover{border-radius:4px;flex-shrink:0;height:58px;object-fit:cover;width:40px}.home-book-info{display:flex;flex:1 1;flex-direction:column}.home-book-title{color:var(--text-primary);font-size:.88rem;font-weight:600}.home-book-author{color:var(--text-secondary);font-size:.75rem}.home-book-arrow{color:var(--text-muted);font-size:1.1rem}.home-recommend-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.home-recommend-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px;transition:border-color .2s}.home-recommend-card:hover{border-color:var(--accent)}.home-recommend-cover{border-radius:6px;box-shadow:0 2px 6px #0000001f;cursor:pointer;flex-shrink:0;height:108px;object-fit:cover;transition:transform .2s;width:72px}.home-recommend-cover:hover{transform:scale(1.04)}.home-recommend-details{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;text-align:center;width:100%}.home-recommend-title{color:var(--text-primary);font-size:.92rem;font-weight:600}.home-recommend-author{color:var(--text-secondary);font-size:.78rem}.home-recommend-reason{color:var(--text-muted);font-size:.72rem;font-style:italic}.home-recommend-rating{color:#f59e0b;font-size:.76rem;font-weight:500;margin-top:2px;text-decoration:none}.home-recommend-rating:hover{text-decoration:underline}.home-recommend-links{display:flex;gap:8px;margin-top:5px}.home-recommend-link{border-radius:6px;font-size:.68rem;font-weight:500;padding:3px 8px;text-decoration:none;transition:all .2s}.home-recommend-link.amazon{background:#f59e0b14;border:1px solid #f59e0b33;color:#f59e0b}.home-recommend-link.amazon:hover{background:#f59e0b26}.home-recommend-link.audible{background:#f9731614;border:1px solid #f9731633;color:#f97316}.home-recommend-link.audible:hover{background:#f9731626}.home-recommend-friends{display:flex;flex-direction:column;gap:2px;margin-top:4px}.home-recommend-friends-finished,.home-recommend-friends-reading{color:var(--text-secondary);font-size:.68rem}.home-whats-new{margin-bottom:8px}.home-whats-new-list{display:flex;flex-wrap:wrap;gap:12px}.home-whats-new-item{align-items:flex-start;background:var(--bg-elevated);border-radius:10px;display:flex;flex:1 1;gap:10px;min-width:220px;padding:12px 16px}.home-whats-new-icon{flex-shrink:0;font-size:1.3rem}.home-whats-new-content{display:flex;flex-direction:column;gap:3px}.home-whats-new-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.home-whats-new-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.home-recommend-genre{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:4px;color:var(--accent);display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.4px;margin-top:2px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.home-recommend-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:4px 0 2px}@media (max-width:900px){.home-layout{flex-direction:column}.home-right{width:100%}.home-right .streak-widget-v2{position:static}.home-reading-list,.home-recommend-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.home-reading-list,.home-recommend-list{grid-template-columns:1fr}}.home-streak-section{margin-bottom:32px}.home-quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:32px}.home-action-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 12px;transition:all .2s}.home-action-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.home-action-icon{font-size:1.8rem}.home-action-label{color:var(--text-primary);font-size:.85rem;font-weight:600}@media (max-width:640px){.home-quick-actions{grid-template-columns:repeat(2,1fr)}}.admin-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 40px}.admin-header{gap:16px}.admin-header h1{font-size:1.6rem}.admin-subtitle{color:var(--text-secondary);flex:1 1;font-size:.9rem}.admin-refresh-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 14px}.admin-refresh-btn:hover{border-color:var(--accent)}.admin-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.admin-tab{border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.admin-tab.active{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.admin-section{animation:fadeIn .2s ease}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center}.admin-stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.admin-stat-label{color:var(--text-secondary);font-size:.72rem;letter-spacing:.3px;text-transform:uppercase}.admin-table{border-collapse:collapse;font-size:.82rem;margin-bottom:16px;width:100%}.admin-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{color:var(--text-primary);padding:8px 12px}.admin-table tr:hover td{background:var(--bg-elevated)}.admin-key{color:var(--accent);font-family:Courier New,monospace;font-size:.75rem}.admin-preview{color:var(--text-muted);font-size:.72rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-storage-bar{background:var(--bg-elevated);border-radius:4px;height:8px;margin:12px 0 20px;overflow:hidden}.admin-storage-fill{background:linear-gradient(90deg,#10b981,#f59e0b);border-radius:4px;height:100%;transition:width .3s}.admin-hint{color:var(--text-muted);font-size:.75rem}.admin-empty{color:var(--text-muted);font-size:.85rem}.admin-list{list-style:none;padding:0}.admin-list li{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.85rem;padding:8px 0}.admin-item-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:inline-block;font-size:.75rem;margin:4px;padding:4px 10px}.admin-danger{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.admin-danger-btn{background:#ef444414;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.82rem;font-weight:500;padding:10px 18px;transition:all .2s}.admin-danger-btn:hover{background:#ef444426;border-color:#ef4444}.admin-shop-items{display:flex;flex-wrap:wrap;gap:4px}@media (max-width:768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.dev-indicator{border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:2px 7px}.dev-indicator.online{background:#10b98126;border:1px solid #10b98166;color:#10b981}.dev-indicator.offline{background:#f59e0b26;border:1px solid #f59e0b66;color:#f59e0b}.admin-users-table-controls{align-items:center;display:flex;gap:12px;margin-bottom:12px}.admin-users-table-wrap{background:#ffffff08;background:var(--bg-elevated,#ffffff08);border:1px solid #ffffff14;border:1px solid var(--border-color,#ffffff14);border-radius:10px;overflow-x:auto}.admin-users-table{border-collapse:collapse;font-size:.82rem;white-space:nowrap;width:100%}.admin-users-th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border-color,#ffffff14);color:#a1a1aa;color:var(--text-secondary,#a1a1aa);cursor:pointer;font-size:.72rem;font-weight:600;letter-spacing:.4px;padding:10px 14px;text-align:left;text-transform:uppercase;transition:color .2s;-webkit-user-select:none;user-select:none}.admin-users-th:hover{color:#fff;color:var(--text-primary,#fff)}.admin-users-th.sorted{color:#8b5cf6;color:var(--accent,#8b5cf6)}.admin-users-sort-arrow{font-size:.65rem;opacity:.8}.admin-users-row{transition:background .15s}.admin-users-row:hover{background:#8b5cf60d}.admin-users-row:not(:last-child) .admin-users-td{border-bottom:1px solid #ffffff0a;border-bottom:1px solid var(--border-color,#ffffff0a)}.admin-users-td{font-feature-settings:"tnum";color:#e4e4e7;color:var(--text-primary,#e4e4e7);font-variant-numeric:tabular-nums;padding:10px 14px}.admin-users-td--user{align-items:center;display:flex;gap:10px;min-width:200px}.admin-users-avatar{align-items:center;background:#8b5cf61a;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;overflow:hidden;width:28px}.admin-users-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.admin-users-name-col{display:flex;flex-direction:column;gap:1px}.admin-users-name{color:#fff;color:var(--text-primary,#fff);font-size:.82rem;font-weight:600}.admin-users-email{color:#71717a;color:var(--text-secondary,#71717a);font-size:.7rem;opacity:.75}.admin-users-td--ink{color:#8b5cf6;font-weight:600}.admin-users-td--xp{color:#10b981;font-weight:600}.admin-users-td--level{text-align:center}.admin-users-level-badge{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid #8b5cf64d;border-radius:10px;color:#a78bfa;display:inline-block;font-size:.72rem;font-weight:700;padding:2px 8px}.admin-users-td--date{color:#71717a;color:var(--text-secondary,#71717a);font-size:.75rem}.admin-users-books-cell{align-items:center;display:flex;gap:6px}.admin-users-books-sub{color:#10b981;font-size:.68rem;opacity:.8}@media (max-width:768px){.admin-users-table-wrap{border-left:none;border-radius:0;border-right:none;margin:0 -16px}.admin-users-td--user{min-width:150px}.admin-users-table{font-size:.75rem}.admin-users-td,.admin-users-th{padding:8px 10px}}.highlights-dashboard{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.highlights-header{margin-bottom:1.5rem}.highlights-header h1{margin:.5rem 0 .25rem}.highlights-subtitle{color:var(--text-secondary);margin:0}.back-btn{background:none;border:none;color:#6366f1;color:var(--accent,#6366f1);cursor:pointer;font-size:.9rem;padding:0}.highlights-stats-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.highlight-stat-chip{align-items:center;border-radius:20px;display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .8rem}.stat-count{font-weight:700}.stat-label{text-transform:capitalize}.highlights-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.highlights-search{flex:1 1;font-size:.9rem;min-width:200px;padding:.5rem .75rem}.highlights-filters select,.highlights-search{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;color:#111;color:var(--text-primary,#111)}.highlights-filters select{font-size:.85rem;padding:.5rem}.export-btn{background:#6366f1;background:var(--accent,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:.5rem 1rem}.export-btn:disabled{cursor:not-allowed;opacity:.5}.highlights-list{display:flex;flex-direction:column;gap:.75rem}.highlights-empty{color:var(--text-muted);padding:3rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.highlight-card{border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;overflow:hidden;transition:box-shadow .2s}.highlight-card:hover{box-shadow:0 4px 12px #00000014}.highlight-color-bar{flex-shrink:0;width:5px}.highlight-content{flex:1 1;padding:.75rem 1rem}.highlight-text{color:var(--text-primary);font-style:italic;line-height:1.5;margin:0 0 .5rem}.highlight-meta{color:var(--text-secondary);display:flex;font-size:.8rem;gap:1rem}.highlights-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.highlights-tab{background:none;border:none;border-bottom:2px solid #0000;border-radius:8px 8px 0 0;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s}.highlights-tab:hover{background:#6366f10d;background:var(--bg-hover,#6366f10d);color:#111;color:var(--text-primary,#111)}.highlights-tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--accent,#6366f1);color:#6366f1;color:var(--accent,#6366f1);font-weight:600}.vocabulary-section{margin-top:.5rem}.vocab-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.85rem;white-space:nowrap}.vocabulary-list{gap:.75rem}.vocabulary-card{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;padding:.85rem 1rem;transition:box-shadow .2s}.vocabulary-card:hover{box-shadow:0 4px 12px #00000014}.vocabulary-card-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.35rem}.vocabulary-word{color:#111;color:var(--text-primary,#111);font-size:1rem;font-weight:700}.vocabulary-pos{background:#6366f11a;border-radius:12px;color:#6366f1;color:var(--accent,#6366f1);font-size:.75rem;padding:.15rem .5rem}.vocabulary-remove-btn{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--text-muted,#9ca3af);cursor:pointer;font-size:.85rem;margin-left:auto;padding:.2rem .5rem;transition:color .2s,background .2s}.vocabulary-remove-btn:hover{background:#ef44441a;color:#ef4444}.vocabulary-definition{color:#333;color:var(--text-primary,#333);font-size:.88rem;line-height:1.5;margin:0}.vocabulary-date{color:#9ca3af;color:var(--text-muted,#9ca3af);display:block;font-size:.75rem;margin-top:.4rem}.loans-page{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.loans-header{margin-bottom:1.5rem}.loans-header h1{margin:.5rem 0 .25rem}.loans-subtitle{color:var(--text-secondary);margin:0 0 1rem}.loan-new-btn{background:#6366f1;background:var(--accent,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem}.family-members-bar{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.family-member-chip{align-items:center;background:var(--bg-elevated);border-radius:20px;display:flex;font-size:.85rem;gap:.4rem;padding:.5rem .8rem}.member-avatar{font-size:1.2rem}.member-badge{background:#6366f1;background:var(--accent,#6366f1);border-radius:10px;color:#fff;font-size:.7rem;padding:.1rem .4rem}.loans-tabs{border-bottom:1px solid var(--border);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.loans-tabs .tab{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.5rem 1rem}.loans-tabs .tab.active{background:#6366f1;background:var(--accent,#6366f1);color:#fff}.loan-card{align-items:center;border:1px solid var(--border);border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;padding:1rem}.loan-card.overdue{background:#fef2f280;border-color:#fca5a5}.loan-book-info{flex:1 1;min-width:200px}.loan-book-title{display:block;font-weight:600;margin-bottom:.3rem}.loan-members{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem}.loan-arrow{color:var(--text-muted)}.loan-dates{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:.2rem}.loan-due.overdue{color:#dc2626;font-weight:600}.loan-actions{display:flex;gap:.5rem}.loan-extend-btn,.loan-return-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;padding:.4rem .8rem}.loan-return-btn{background:#10b98126;color:#166534}.loan-extend-btn{background:#6366f126;color:#6366f1;color:var(--accent,#6366f1)}.loans-empty{color:var(--text-muted);padding:3rem;text-align:center}.modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-width:400px;padding:1.5rem;width:90%}.loan-modal h2{margin:0 0 1rem}.loan-modal label{display:block;font-size:.85rem;font-weight:500;margin-bottom:.75rem}.loan-modal input,.loan-modal select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:.9rem;margin-top:.25rem;padding:.5rem;width:100%}.modal-actions{gap:.5rem;justify-content:flex-end;margin-top:1rem}.modal-actions button{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem}.modal-actions button.primary{background:#6366f1;background:var(--accent,#6366f1);border-color:#6366f1;border-color:var(--accent,#6366f1);color:#fff}.analytics-page{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.analytics-header{margin-bottom:1.5rem}.analytics-header h1{margin:.5rem 0 .25rem}.analytics-subtitle{color:var(--text-secondary);margin:0}.analytics-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));margin-bottom:2rem}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-align:center}.metric-icon,.metric-value{font-size:1.5rem}.metric-value{color:var(--text-primary);font-weight:700}.metric-label{color:var(--text-secondary);font-size:.75rem}.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;margin-bottom:2rem;padding:1.25rem}.analytics-section h2{font-size:1.1rem;margin:0 0 1rem}.genre-pie-container{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.genre-pie-chart{flex-shrink:0;height:180px;width:180px}.genre-pie-svg{height:100%;width:100%}.genre-pie-legend{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:160px}.genre-pie-legend-item{align-items:center;display:flex;font-size:.85rem;gap:8px}.genre-pie-dot{border-radius:3px;flex-shrink:0;height:12px;width:12px}.genre-pie-label{color:var(--text-primary);flex:1 1}.genre-pie-value{font-feature-settings:"tnum";color:var(--text-muted);font-size:.8rem;font-variant-numeric:tabular-nums}.goal-bar-container{align-items:center;display:flex;gap:1rem}.goal-bar{background:var(--bg-elevated);border-radius:6px;flex:1 1;height:12px;overflow:hidden}.goal-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:6px;height:100%;transition:width .3s}.goal-text{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.weekly-comparison{align-items:center;display:flex;gap:1.5rem}.comparison-stat{text-align:center}.comp-label{color:var(--text-secondary);display:block;font-size:.8rem}.comp-value{font-size:1.2rem;font-weight:600}.comparison-change{border-radius:6px;font-size:1.1rem;font-weight:700;padding:.3rem .6rem}.comparison-change.positive{background:#dcfce7;color:#166534}.comparison-change.negative{background:#fef2f2;color:#dc2626}.day-chart{align-items:flex-end;display:flex;gap:.5rem;height:120px}.day-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.day-bar{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:4px 4px 0 0;min-height:4px;position:relative;transition:height .3s;width:100%}.day-bar-value{font-size:.65rem;left:50%;position:absolute;top:-18px;transform:translateX(-50%);white-space:nowrap}.day-bar-value,.day-label{color:var(--text-secondary)}.day-label{font-size:.75rem;margin-top:.3rem}.best-time-card{text-align:center}.best-time-value{color:#6366f1;color:var(--accent,#6366f1);display:block;font-size:2rem;font-weight:700}.best-time-label{color:var(--text-secondary);font-size:.85rem}.genre-list{display:flex;flex-direction:column;gap:.5rem}.genre-item{align-items:center;display:flex;gap:.75rem}.genre-name{color:var(--text-primary);font-size:.85rem;width:120px}.genre-bar{background:var(--bg-elevated);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.genre-fill{background:#6366f1;background:var(--accent,#6366f1);border-radius:4px;height:100%}.genre-minutes{color:var(--text-secondary);font-size:.8rem;text-align:right;width:50px}.quiz-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quiz-stat{text-align:center}.quiz-stat-value{color:#6366f1;color:var(--accent,#6366f1);display:block;font-size:1.5rem;font-weight:700}.quiz-stat-label{color:var(--text-secondary);font-size:.8rem}.sessions-list{display:flex;flex-direction:column;gap:.5rem}.session-item{border-bottom:1px solid var(--border);display:flex;font-size:.85rem;justify-content:space-between;padding:.5rem 0}.session-book{font-weight:500}.session-duration{color:#6366f1;color:var(--accent,#6366f1)}.session-date{color:var(--text-muted)}.records-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.record-card{text-align:center}.record-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.25rem}.record-value{color:var(--text-primary);font-size:1.2rem;font-weight:700}.social-feed-page{max-width:700px;padding:2rem 1.5rem}.social-feed-header{margin-bottom:1.5rem}.social-feed-header h1{margin:.5rem 0 .25rem}.social-feed-subtitle{color:var(--text-secondary);margin:0}.family-shelves{margin-bottom:2rem}.family-shelves h2{font-size:1.1rem;margin-bottom:.75rem}.shelves-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.shelf-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem;text-align:center}.shelf-avatar{display:block;font-size:2rem}.shelf-name{display:block;font-size:.9rem;font-weight:600;margin:.3rem 0}.shelf-book-title{color:var(--text-secondary);font-size:.75rem}.feed-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.feed-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.4rem .8rem}.feed-filter-btn.active{background:#6366f1;background:var(--accent,#6366f1);border-color:#6366f1;border-color:var(--accent,#6366f1);color:#fff}.feed-list{display:flex;flex-direction:column;gap:.75rem}.feed-empty{padding:3rem}.feed-item{align-items:flex-start;border-radius:10px;gap:.75rem;padding:.75rem}.feed-avatar{flex-shrink:0;font-size:1.5rem}.feed-body{flex:1 1;font-size:.9rem;line-height:1.5}.feed-member{font-weight:600}.feed-book{color:#6366f1;color:var(--accent,#6366f1);cursor:pointer;font-weight:500}.feed-book:hover{text-decoration:underline}.feed-time{color:var(--text-muted);font-size:.75rem;white-space:nowrap}.feed-quote{background:#eab3081a;border-radius:6px;font-size:.85rem;font-style:italic;margin:.5rem 0 0;padding:.5rem .75rem}.feed-emoji{margin-left:.3rem}.feed-score{color:#6366f1;color:var(--accent,#6366f1);font-weight:700}.feed-milestone-badge{background:#e0e7ff;border-radius:10px;font-size:.85rem;font-weight:600;padding:.1rem .5rem}.feed-streak-badge{color:#f59e0b;font-weight:700}.quiz-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:2rem 0;padding:1.5rem}.quiz-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.quiz-header h3{font-size:1.1rem;margin:0}.quiz-best-score{background:#dcfce7;border-radius:10px;color:#166534;font-size:.8rem;padding:.2rem .6rem}.quiz-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.quiz-empty{color:var(--text-muted);padding:2rem;text-align:center}.quiz-hint{font-size:.85rem}.quiz-results{border-radius:10px;margin-bottom:1.5rem;padding:1.5rem;text-align:center}.quiz-results.perfect{background:#dcfce7}.quiz-results.good{background:#e0e7ff}.quiz-results.needs-work{background:#fef3c7}.quiz-score-circle{align-items:center;display:inline-flex;flex-direction:column;margin-bottom:.5rem}.score-number{font-size:2.5rem;font-weight:700}.score-label{color:var(--text-secondary);font-size:.85rem}.quiz-result-message{font-size:1rem;margin-bottom:.75rem}.quiz-retry-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:var(--text-primary);cursor:pointer;padding:.5rem 1rem}.quiz-questions{display:flex;flex-direction:column;gap:1.25rem}.quiz-question{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:1rem}.quiz-question.correct{background:#f0fdf4;border-color:#86efac}.quiz-question.incorrect{background:#fef2f2;border-color:#fca5a5}.question-number{color:#6366f1;color:var(--accent,#6366f1);font-size:.75rem;font-weight:700;margin-bottom:.3rem}.question-text{font-weight:500;margin:0 0 .75rem}.question-options{display:flex;flex-direction:column;gap:.4rem}.tf-options{flex-direction:row}.option-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem .8rem;text-align:left;transition:all .15s}.option-btn:hover:not(:disabled){background:#6366f10d}.option-btn.selected,.option-btn:hover:not(:disabled){border-color:#6366f1;border-color:var(--accent,#6366f1)}.option-btn.selected{background:#6366f114}.option-btn.correct-answer{background:#dcfce7;border-color:#22c55e}.option-btn.wrong-answer{background:#fef2f2;border-color:#ef4444}.option-btn:disabled{cursor:default}.option-letter{align-items:center;background:var(--bg-elevated);border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.question-fill{margin-top:.5rem}.fill-input{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.6rem .8rem;width:100%}.fill-input.correct-answer{background:#dcfce7;border-color:#22c55e}.fill-input.wrong-answer{background:#fef2f2;border-color:#ef4444}.question-explanation{background:var(--bg-elevated);border-radius:6px;color:var(--text-primary);font-size:.85rem;margin-top:.75rem;padding:.5rem .75rem}.explanation-icon{margin-right:.3rem}.quiz-submit-btn{background:#6366f1;background:var(--accent,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.75rem;width:100%}.quiz-submit-btn:disabled{cursor:not-allowed;opacity:.5}.tag-manager-compact{margin-top:.5rem}.tag-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.tag-chip{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:.7rem;gap:.2rem;padding:.2rem .5rem}.tag-chip.removable{padding-right:.3rem}.tag-remove{border:none;font-size:.9rem;line-height:1;padding:0 .2rem}.tag-add-btn,.tag-remove{background:none;color:var(--text-secondary);cursor:pointer}.tag-add-btn{border:1px dashed #d1d5db;border:1px dashed var(--border,#d1d5db);border-radius:12px;font-size:.7rem;padding:.2rem .5rem}.tag-dropdown{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:.3rem;min-width:180px;padding:.5rem;position:absolute;z-index:100}.tag-option{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;padding:.4rem .5rem;text-align:left;width:100%}.tag-option:hover{background:var(--bg-elevated)}.tag-option.active{background:#6366f114}.tag-check{margin-left:auto}.tag-check,.tag-create-btn{color:#6366f1;color:var(--accent,#6366f1)}.tag-create-btn{background:none;border:none;border-top:1px solid #f3f4f6;border-top:1px solid var(--border,#f3f4f6);cursor:pointer;display:block;font-size:.85rem;margin-top:.3rem;padding:.4rem .5rem;text-align:left;width:100%}.tag-create-form{display:flex;gap:.3rem;margin-top:.3rem;padding-top:.3rem}.tag-create-form input[type=text]{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:4px;color:var(--text-primary);flex:1 1;font-size:.8rem;padding:.3rem .5rem}.tag-create-form input[type=color]{border:none;cursor:pointer;height:28px;padding:0;width:28px}.tag-create-form button{background:#6366f1;background:var(--accent,#6366f1);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.3rem .6rem}.loan-button-wrapper{display:inline-block;margin-top:.3rem;position:relative}.loan-quick-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:.3rem .6rem}.loan-quick-btn:hover{border-color:#6366f1;border-color:var(--accent,#6366f1)}.loan-status-badge{background:#fef3c7;border-radius:10px;font-size:.8rem;padding:.2rem .5rem}.loan-popup{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #0000001a;left:0;margin-bottom:.3rem;min-width:140px;padding:.5rem;position:absolute;z-index:100}.loan-popup-title{color:var(--text-secondary);font-size:.8rem;margin:0 0 .3rem}.loan-popup-member{background:none;border:none;border-radius:4px;cursor:pointer;display:block;font-size:.85rem;padding:.4rem .5rem;text-align:left;width:100%}.loan-popup-member:hover,.question-explanation-rich{background:var(--bg-elevated)}.question-explanation-rich{border:1px solid var(--border);border-radius:8px;margin-top:.75rem;padding:1rem}.explanation-header{align-items:flex-start;display:flex;font-size:.9rem;gap:.4rem;line-height:1.5;margin-bottom:.75rem}.explanation-header strong,.explanation-quote{color:var(--text-primary)}.explanation-quote{background:#eab3081a;border-left:3px solid #eab308;border-radius:0 6px 6px 0;font-size:.85rem;font-style:italic;line-height:1.6;margin:.75rem 0;padding:.6rem 1rem}.explanation-ref{color:#6366f1;color:var(--accent,#6366f1);font-size:.8rem;font-weight:500;margin-bottom:.5rem}.explanation-context{color:var(--text-secondary);font-size:.85rem;line-height:1.6;overflow:hidden;transition:max-height .3s ease}.explanation-context.collapsed{margin:0;max-height:0}.explanation-context.expanded{margin:.5rem 0;max-height:500px}.explanation-context p{margin:0}.explanation-theme{background:#10b98114;border:1px solid #10b98133;border-radius:6px;color:var(--text-secondary);font-size:.85rem;line-height:1.6;overflow:hidden;padding:.5rem .75rem;transition:max-height .3s ease}.explanation-theme.collapsed{border:none;margin:0;max-height:0;padding:0}.explanation-theme.expanded{margin:.5rem 0;max-height:300px}.explanation-theme p{margin:.25rem 0 0}.theme-label{color:#10b981;font-size:.8rem;font-weight:600}.explanation-toggle{background:none;border:none;color:#6366f1;color:var(--accent,#6366f1);cursor:pointer;display:block;font-size:.8rem;font-weight:500;padding:.3rem 0}.explanation-toggle:hover{text-decoration:underline}.explanation-links{border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.explanation-link{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.3rem;padding:.35rem .7rem;text-decoration:none;transition:opacity .15s}.explanation-link:hover{opacity:.8}.explanation-link.goodreads{background:#f3e8d0;color:#7c4a00}.explanation-link.amazon{background:#fef3c7;color:#92400e}.explanation-link.audible{background:#e0e7ff;color:#3730a3}.comparison-report-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem 1.5rem 4rem}.comparison-header{margin-bottom:2rem;text-align:center}.comparison-header h1{font-size:2rem;margin:.5rem 0}.comparison-subtitle{color:var(--text-secondary);font-size:1.1rem}.comparison-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.toggle-btn{background:#0000;border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.toggle-btn.active{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-color:#0000;color:#fff;font-weight:600}.comparison-scores{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.score-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center}.score-card.highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border-color:var(--accent)}.score-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.score-name,.score-value{display:block;margin-bottom:.5rem}.score-value{color:var(--accent);font-size:2rem;font-weight:700}.score-card.highlight .score-value{color:#10b981}.score-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.score-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.score-card.highlight .score-fill{background:linear-gradient(90deg,#10b981,var(--accent))}.score-detail{color:var(--text-secondary);font-size:.75rem}.comparison-category,.comparison-table-wrapper{margin-bottom:2rem}.category-title{border-left:3px solid var(--accent);color:var(--text-primary);font-size:1.2rem;margin-bottom:.75rem;padding-left:.5rem}.comparison-table{border-collapse:collapse;border-radius:8px;font-size:.9rem;overflow:hidden;width:100%}.comparison-table th{background:var(--bg-card);border-bottom:2px solid var(--border);color:var(--text-primary);font-weight:600;padding:10px 12px;text-align:center}.comparison-table th:first-child{text-align:left}.comparison-table td{border-bottom:1px solid var(--border);padding:8px 12px}.comparison-table tr:nth-child(2n){background:var(--bg-elevated)}.feature-name-cell{color:var(--text-primary);font-weight:500;min-width:200px}.pricing-cell{color:var(--text-secondary);font-size:.85rem;text-align:center}.pricing-cell.rb-price{color:#10b981;font-weight:600}.comparison-section{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.comparison-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.payment-research h3{color:#10b981;margin-bottom:.75rem}.payment-research p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.payment-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.payment-option{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.payment-option.recommended{background:linear-gradient(135deg,#10b9810d,color-mix(in srgb,var(--accent) 5%,#0000));border-color:#10b981}.payment-option h4{color:var(--text-primary);margin-bottom:.75rem}.payment-option ul{list-style:none;margin:0;padding:0}.payment-option li{color:var(--text-secondary);font-size:.85rem;padding:.3rem 0}.payment-option li:before{color:var(--accent);content:"•";margin-right:.5rem}.payment-verdict{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.payment-verdict h4{color:var(--text-primary);margin-bottom:1rem}.payment-verdict ol{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem}.payment-note{background:#10b9811a;border-left:3px solid #10b981;border-radius:8px;margin-top:1rem;padding:1rem}.improvements-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.improvement-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.improvement-page{border-bottom:1px solid var(--border);color:var(--accent);font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem}.improvement-list{margin:0;padding-left:1.25rem}.improvement-list li{color:var(--text-secondary);font-size:.85rem;line-height:1.5;padding:.3rem 0}@media (max-width:768px){.comparison-report-page{padding:1rem}.comparison-table{font-size:.75rem}.feature-name-cell{min-width:120px}.comparison-scores{grid-template-columns:repeat(2,1fr)}.improvements-grid{grid-template-columns:1fr}}.reader-layout.immersive-mode .chapter-nav-panel,.reader-layout.immersive-mode .info-panel,.reader-layout.immersive-mode .reader-toolbar,body.immersive-active .app-bar-wrapper{opacity:0;pointer-events:none;transition:opacity .3s ease}body.immersive-active .app-bar-wrapper{border:none;height:0;overflow:hidden;padding:0}.reader-layout.immersive-mode:hover .reader-toolbar{opacity:1;pointer-events:auto}.reader-layout.immersive-mode .reader-content{max-width:100%;padding:2rem 4rem}.focus-timer-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;bottom:2rem;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg,0 8px 32px #0000004d);min-width:200px;padding:1rem 1.25rem;position:fixed;right:2rem;z-index:100}.focus-timer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.focus-timer-title{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.focus-timer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0}.focus-timer-display{margin-bottom:.75rem;text-align:center}.focus-timer-time{font-feature-settings:"tnum";color:var(--text-primary);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700}.focus-timer-phase{color:#10b981;font-size:.75rem;margin-top:.25rem}.focus-timer-phase.break{color:#f59e0b}.focus-timer-controls{display:flex;gap:.5rem;justify-content:center}.focus-timer-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.focus-timer-btn:hover{background:var(--bg-card)}.focus-timer-btn.primary{background:var(--accent);border-color:var(--accent)}.focus-timer-btn.primary:hover{background:var(--accent-hover)}.focus-timer-progress{background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;height:3px;margin-top:.75rem;overflow:hidden}.focus-timer-progress-fill{background:linear-gradient(90deg,#10b981,var(--accent));border-radius:2px;height:100%;transition:width 1s linear}.ambient-sounds-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;bottom:2rem;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg,0 8px 32px #0000004d);left:2rem;min-width:220px;padding:1rem 1.25rem;position:fixed;z-index:100}.ambient-sounds-title{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.ambient-sounds-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.ambient-sound-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:.25rem;padding:.5rem;transition:all .2s}.ambient-sound-btn:hover{background:var(--bg-elevated)}.ambient-sound-btn.active{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent);color:var(--accent)}.ambient-sound-icon{font-size:1.5rem}.ambient-volume{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.ambient-volume-label{color:var(--text-muted);font-size:.75rem}.ambient-volume input[type=range]{-webkit-appearance:none;background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;flex:1 1;height:4px;outline:none}.ambient-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:12px;width:12px}.chapter-body.page-turning{animation:pageTurn .4s ease}@keyframes pageTurn{0%{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reading-heatmap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:1rem 0;padding:.75rem}.reading-heatmap-title{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.heatmap-grid{grid-gap:2px;display:grid;gap:2px;grid-auto-flow:column;grid-template-columns:repeat(52,1fr);grid-template-rows:repeat(7,1fr)}.heatmap-cell{aspect-ratio:1;background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;min-width:0}.heatmap-cell.level-1{background:#10b98133}.heatmap-cell.level-2{background:#10b98166}.heatmap-cell.level-3{background:#10b98199}.heatmap-cell.level-4{background:#10b981cc}.heatmap-cell.level-5{background:#10b981}.heatmap-legend{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;margin-top:.5rem}.heatmap-legend-label{color:#64748b;color:var(--text-muted,#64748b);font-size:.7rem;margin-right:.25rem}.heatmap-legend-cell{border-radius:2px;height:10px;width:10px}.continue-reading-section{margin-bottom:2rem}.continue-reading-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.continue-reading-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.continue-reading-card{align-items:stretch;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:0;padding:0;transition:all .2s;width:160px}.continue-reading-card:hover{border-color:var(--accent);transform:translateY(-4px)}.continue-reading-cover{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:10px 10px 0 0;display:flex;flex-shrink:0;font-size:1.5rem;height:200px;justify-content:center;overflow:hidden;width:100%}.continue-reading-info{flex:1 1;min-width:0;padding:8px 10px}.continue-reading-book-title{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-reading-chapter{color:var(--text-muted);font-size:.75rem;margin-top:.25rem}.continue-reading-meta{color:var(--text-secondary);font-size:.75rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-reading-progress-text{color:var(--text-muted);font-size:.68rem;margin-top:.2rem}.continue-reading-progress-bar{background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.continue-reading-progress-fill{background:linear-gradient(90deg,#10b981,var(--accent));border-radius:2px;height:100%}.inline-note-indicator{align-items:center;background:#f59e0b;border-radius:50%;color:#000;cursor:pointer;display:inline-flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;margin-left:4px;transition:transform .2s;vertical-align:super;width:18px}.inline-note-indicator:hover{transform:scale(1.2)}.inline-note-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000004d;max-width:300px;padding:.75rem;position:absolute;z-index:50}.inline-note-text{color:var(--text-primary);font-size:.85rem;line-height:1.5}.inline-note-meta{color:var(--text-muted);font-size:.7rem;margin-top:.5rem}.year-review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-top:1.5rem;padding:1.5rem}.year-review-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.year-review-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.year-review-stat{text-align:center}.year-review-stat-value{color:var(--accent);display:block;font-size:1.8rem;font-weight:700}.year-review-stat-label{color:var(--text-muted);font-size:.75rem}.mood-tracker{margin-top:1.5rem}.mood-tracker-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.mood-options{display:flex;flex-wrap:wrap;gap:.5rem}.mood-btn{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.mood-btn:hover{background:var(--bg-elevated)}.mood-btn.selected{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent);color:var(--accent)}.shared-highlights-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1rem}.shared-highlights-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.shared-highlight-item{background:#f59e0b0d;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin-bottom:.75rem;padding:.75rem}.shared-highlight-text{color:var(--text-primary);font-size:.9rem;font-style:italic;line-height:1.5}.shared-highlight-meta{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.quote-share-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center}.quote-share-card:before{color:color-mix(in srgb,var(--accent) 10%,#0000);content:'"';font-family:Georgia,serif;font-size:8rem;left:20px;position:absolute;top:-20px}.quote-share-text{color:var(--text-primary);font-size:1.2rem;font-style:italic;line-height:1.6;position:relative;z-index:1}.quote-share-source{color:var(--text-secondary);font-size:.85rem;margin-top:1rem}.quote-share-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.quote-share-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.quote-share-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.annual-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.family-plan-card{background:linear-gradient(135deg,#8b5cf61a,color-mix(in srgb,var(--accent) 10%,#0000));border:1px solid #8b5cf6;border-radius:12px;margin-top:1.5rem;padding:1.5rem;text-align:center}.family-plan-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.family-plan-price{color:#8b5cf6;font-size:1.5rem;font-weight:700}.family-plan-desc{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.library-comparison-link{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.library-comparison-link:hover{background:color-mix(in srgb,var(--accent) 20%,#0000)}.billing-toggle{background:var(--bg-elevated);border-radius:8px;gap:0;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:300px;padding:4px}.billing-option,.billing-toggle{display:flex;justify-content:center}.billing-option{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.billing-option.active{background:var(--accent);color:#fff;font-weight:600}.annual-total{color:#10b981;font-size:.7rem;margin-top:.25rem}.pwa-install-banner{align-items:center;animation:slideUp .3s ease;background:var(--bg-card);border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;right:0;z-index:1000}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-info{align-items:center;display:flex;gap:.75rem}.pwa-install-icon{font-size:1.5rem}.pwa-install-text{color:var(--text-primary);font-size:.9rem}.pwa-install-text small{color:var(--text-secondary);display:block;font-size:.75rem}.pwa-install-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.pwa-dismiss-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.2rem;padding:.5rem}:is([data-theme=light],[data-theme=sepia]) .focus-timer-widget{background:#fffffff2;border-color:var(--border);box-shadow:0 8px 32px #0000001a}:is([data-theme=light],[data-theme=sepia]) .focus-timer-title{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-time{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-btn{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-btn:hover{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-progress{background:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .ambient-sounds-panel{background:#fffffff2;border-color:var(--border);box-shadow:0 8px 32px #0000001a}:is([data-theme=light],[data-theme=sepia]) .ambient-sounds-title{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .ambient-sound-btn{border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .ambient-sound-btn:hover{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .ambient-sound-btn.active{background:#eff6ff;border-color:var(--accent);color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .ambient-volume-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .ambient-volume input[type=range]{background:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .reading-heatmap{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .reading-heatmap-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .heatmap-legend-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-section .continue-reading-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-card{background:linear-gradient(135deg,#fff,#f9fafb)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-card:hover{border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 10%,#0000)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-cover{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-progress-bar{background:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .inline-note-popup{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 16px #0000001a}:is([data-theme=light],[data-theme=sepia]) .inline-note-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .inline-note-meta{color:#9ca3af}:is([data-theme=light],[data-theme=sepia]) .year-review-card{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 4%,#0000));border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .year-review-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .year-review-stat-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .mood-tracker-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .mood-btn{border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .mood-btn:hover{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .mood-btn.selected{background:#eff6ff;border-color:var(--accent);color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .shared-highlights-section{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .shared-highlights-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shared-highlight-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shared-highlight-meta{color:#9ca3af}:is([data-theme=light],[data-theme=sepia]) .quote-share-card{background:linear-gradient(135deg,#fff,#f9fafb);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .quote-share-card:before{color:color-mix(in srgb,var(--accent) 8%,#0000)}:is([data-theme=light],[data-theme=sepia]) .quote-share-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .quote-share-source{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .quote-share-btn{border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .quote-share-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .pwa-install-banner{background:linear-gradient(135deg,#fff,#f9fafb);border-top-color:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .pwa-install-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .pwa-install-text small{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .billing-toggle{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .billing-option{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .billing-option.active{background:var(--accent);color:#fff}:is([data-theme=light],[data-theme=sepia]) .family-plan-card{background:linear-gradient(135deg,#8b5cf60d,color-mix(in srgb,var(--accent) 5%,#0000));border-color:#c4b5fd}:is([data-theme=light],[data-theme=sepia]) .family-plan-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .family-plan-desc{color:var(--text-secondary)}@keyframes shimmerWave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.theme-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.theme-particle{opacity:.4;position:absolute;top:-20px}@keyframes particleFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes particleRise{0%{opacity:0;transform:translateY(100vh) scale(1)}10%{opacity:.5}90%{opacity:.3}to{opacity:0;transform:translateY(-20px) scale(.5)}}@keyframes particleDrift{0%{opacity:0;transform:translateY(-20px) translateX(0) rotate(0deg)}10%{opacity:.5}50%{transform:translateY(50vh) translateX(30px) rotate(180deg)}90%{opacity:.3}to{opacity:0;transform:translateY(100vh) translateX(-20px) rotate(1turn)}}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}25%{opacity:.5;transform:translateY(-20px) translateX(10px)}50%{opacity:.4;transform:translateY(-10px) translateX(-10px)}75%{opacity:.6;transform:translateY(-30px) translateX(5px)}}.particle-fall{animation:particleFall linear infinite}.particle-rise{animation:particleRise linear infinite}.particle-drift{animation:particleDrift linear infinite}.particle-float{animation:particleFloat ease-in-out infinite}.shop-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:48px 40px}.shop-sub-banner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.shop-banner-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.shop-category-select{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;min-width:160px;padding:8px 14px}.shop-category-select:focus{border-color:var(--accent);outline:none}.shop-banner-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.shop-collection-stat{align-items:center;display:flex;font-size:.75rem;gap:8px}.shop-collection-count{color:var(--text-muted);font-size:.7rem}.shop-points-display{align-items:center;background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border:1px solid #f59e0b40;border-radius:10px;cursor:default;display:flex;flex-direction:row;gap:12px;margin-left:auto;padding:6px 14px;position:relative;white-space:nowrap}.shop-points-main{align-items:center;display:flex;gap:8px}.shop-points-icon{font-size:1rem}.shop-points-value{color:#f59e0b;font-size:1.1rem;font-weight:700}.shop-points-label{color:var(--text-secondary);font-size:.7rem;margin-left:2px}.shop-points-level{align-items:center;display:flex;gap:6px}.shop-level-icon{font-size:.9rem}.shop-level-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.shop-level-bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:60px}.shop-level-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;height:100%;transition:width .5s ease}.shop-points-stat{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:8px}.shop-collection-bar{background:var(--bg-elevated);border-radius:2px;flex:1 1;height:4px;min-width:50px;overflow:hidden}.shop-collection-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;transition:width .5s ease}.shop-collection-pct{color:#10b981;font-size:.72rem;font-weight:700}.shop-book-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;max-height:80vh;max-width:480px;overflow-y:auto;padding:32px;position:relative;width:100%}.shop-book-picker-header{margin-bottom:20px;text-align:center}.shop-book-picker-icon{display:block;font-size:2.5rem;margin-bottom:8px}.shop-book-picker-header h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.shop-book-picker-header p{color:var(--text-secondary);font-size:.8rem}.shop-book-picker-list{display:flex;flex-direction:column;gap:8px}.shop-book-picker-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:all .2s}.shop-book-picker-item:hover{background:#6366f10d;background:rgba(var(--accent-rgb,99,102,241),.05);border-color:var(--accent)}.shop-book-picker-item.active{background:#10b98114;border-color:#10b981}.shop-book-picker-cover{border-radius:4px;flex-shrink:0;height:50px;object-fit:cover;width:36px}.shop-book-picker-info{flex:1 1;min-width:0}.shop-book-picker-title{display:block;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-book-picker-current{color:var(--text-muted);font-size:.72rem}.shop-book-picker-check{color:#10b981;font-size:1.1rem;font-weight:700}.shop-points-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0000004d;padding:16px;position:absolute;right:0;top:calc(100% + 12px);width:280px;z-index:100}.shop-points-tooltip h4{color:var(--text-primary);font-size:.85rem;font-weight:700;margin-bottom:12px}.tooltip-empty{color:var(--text-muted);font-size:.8rem;padding:12px 0;text-align:center}.tooltip-list{display:flex;flex-direction:column;gap:6px}.tooltip-row{align-items:center;display:flex;font-size:.78rem;gap:8px}.tooltip-label{color:var(--text-secondary);flex:1 1}.tooltip-count{color:var(--text-muted);font-size:.7rem}.tooltip-pts{color:#f59e0b;font-weight:600;min-width:48px;text-align:right}.tooltip-footer{border-top:1px solid var(--border);color:var(--text-primary);font-size:.75rem;font-weight:600;margin-top:10px;padding-top:8px}.shop-categories{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.shop-category-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.shop-category-btn:hover{border-color:var(--accent);color:var(--text-primary)}.shop-category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.shop-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shop-rarity-filters{display:flex;flex-wrap:wrap;gap:4px}.shop-rarity-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:5px 10px;transition:all .2s}.shop-rarity-pill:hover{border-color:var(--pill-color,var(--accent));color:var(--accent);color:var(--pill-color,var(--accent))}.shop-rarity-pill.active{background:var(--accent);background:var(--pill-color,var(--accent));border-color:var(--pill-color,var(--accent));color:#fff}.shop-filter-controls{display:flex;gap:8px}.shop-owned-select,.shop-sort-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.78rem;padding:6px 12px}.shop-owned-select:focus,.shop-sort-select:focus{border-color:var(--accent);outline:none}.shop-empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.shop-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.shop-reset-filters{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:12px;padding:8px 16px}.shop-message{border-radius:10px;font-weight:500;margin-bottom:16px;padding:12px 20px;text-align:center}.shop-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.shop-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.shop-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.shop-item-card{background:var(--bg-card);border:2.5px solid;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;perspective:800px;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.shop-item-card:hover{transform:scale(1.02)}.shop-item-card.owned{opacity:.85}.shop-item-card.unaffordable{opacity:.5}.shop-item-owned-banner{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff;font-size:.6rem;font-weight:800;left:-30px;letter-spacing:1px;padding:3px 0;position:absolute;text-align:center;text-transform:uppercase;top:14px;transform:rotate(-35deg);width:110px;z-index:2}.shop-item-mature-badge{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 2px 5px #dc262659;font-size:.62rem;font-weight:800;left:8px;letter-spacing:.5px;padding:2px 7px;z-index:3}.shop-item-mature-badge,.shop-item-rarity-badge{border-radius:8px;color:#fff;position:absolute;top:8px}.shop-item-rarity-badge{font-size:.65rem;font-weight:700;padding:2px 8px;right:8px;text-transform:uppercase}.shop-item-icon{animation:shopItemSpin 4s linear infinite;animation-play-state:paused;display:inline-block;font-size:2.5rem;margin-bottom:12px;transform-style:preserve-3d}.shop-item-card:hover .shop-item-icon{animation-play-state:running}@keyframes shopItemSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.shop-item-name{font-size:.95rem;font-weight:600;margin-bottom:4px}.shop-item-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:12px}.shop-animated-badge{background:#8b5cf626;border-radius:6px;color:#8b5cf6;display:inline-block;font-size:.7rem;margin-bottom:12px;padding:2px 8px}.shop-sample-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:16px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;margin-bottom:10px;padding:5px 12px;transition:all .2s}.shop-sample-btn:hover{background:#3b82f633;border-color:#3b82f680}.shop-sample-btn.playing{animation:samplePulse 1s ease-in-out infinite;background:#ef44441a;border-color:#ef44444d;color:#ef4444}.shop-sample-btn.preview-sample{font-size:.85rem;margin-top:16px;padding:8px 20px}@keyframes samplePulse{0%,to{opacity:1}50%{opacity:.7}}.shop-item-footer{margin-top:auto}.shop-buy-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.shop-buy-btn:disabled{cursor:not-allowed;opacity:.4}.shop-equip-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.shop-equip-btn.equipped{background:#10b98126;border-color:#10b981;color:#10b981}.shop-unlock-label{color:var(--text-muted);font-size:.8rem}.shop-free-label{color:#10b981;font-size:.8rem;font-weight:600}.shop-preview-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.shop-preview-card{background:var(--bg-card);border:2px solid var(--border);border-radius:20px;max-width:400px;padding:40px;position:relative;text-align:center;width:100%}.shop-preview-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px}.shop-preview-icon{font-size:4rem;margin-bottom:16px}.shop-preview-card h2{font-size:1.3rem;margin-bottom:8px}.shop-preview-rarity{font-size:.85rem;font-weight:600}.shop-preview-card p{color:var(--text-secondary);line-height:1.5;margin-top:12px}.shop-preview-animated{color:#8b5cf6;font-style:italic}@media (max-width:768px){.shop-page{padding:16px}.shop-sub-banner{flex-direction:column;gap:16px}.shop-points-display{flex-wrap:wrap;width:100%}.shop-points-tooltip{left:0;right:0;width:auto}.shop-filters-row{flex-direction:column;gap:8px}.shop-filter-controls{margin-left:0}.shop-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-rarity-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}.chest-inventory{margin:24px 0;padding:12px 0}.chest-inventory-title{font-size:1rem;font-weight:600;margin-bottom:12px}.chest-inventory-grid{display:flex;flex-wrap:wrap;gap:20px}.chest-inventory-item{align-items:center;animation:chestFloat 3s ease-in-out infinite;border:none;border-radius:16px;box-shadow:0 8px 24px #0003;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;width:80px}.chest-inventory-item:nth-child(2){animation-delay:-1s}.chest-inventory-item:nth-child(3){animation-delay:-2s}@keyframes chestFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chest-inventory-icon{font-size:2rem}.chest-daily-badge{background:#10b981;border-radius:4px;bottom:-4px;color:#fff;font-size:.55rem;font-weight:700;padding:1px 4px;position:absolute;right:-4px}.chest-overlay{background:#00000080;inset:0;position:fixed;z-index:2000}.chest-container,.chest-overlay{align-items:center;display:flex;justify-content:center}.chest-container{min-height:300px}.chest-box{align-items:center;border-radius:24px;box-shadow:0 0 60px #f59e0b4d,0 8px 32px #0000004d;display:flex;height:140px;justify-content:center;position:relative;width:140px}.chest-icon{font-size:3rem}.chest-glow{animation:chestGlow .5s ease-in-out infinite alternate;border:2px solid;border-radius:22px;inset:-4px;position:absolute}@keyframes chestGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}.chest-reward{background:#1e1e2ee6;background:var(--bg-card,#1e1e2ee6);border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 48px #0000004d;padding:40px 48px;position:relative;text-align:center}.chest-reward-spotlight{animation:spotlightPulse 2s ease-in-out infinite;background:radial-gradient(circle,#f59e0b59 0,#f59e0b1a 40%,#0000 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:300px}@keyframes spotlightPulse{0%,to{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.chest-reward-icon{font-size:4rem;margin-bottom:16px}.chest-reward-name{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:4px}.chest-reward-rarity{font-size:.85rem;font-weight:600}.chest-reward-desc{color:var(--text-secondary);font-size:.9rem;margin-top:8px;max-width:280px}.chest-claim-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:24px;padding:12px 32px}.chest-reward-new-badge{animation:newBadgePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#34d399);border-radius:6px;color:#fff;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}@keyframes newBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shop-item-new-badge{border-radius:4px;box-shadow:0 2px 6px #10b9814d;font-size:.6rem;left:8px;padding:2px 8px;top:8px}.nook-item-new-badge,.shop-item-new-badge{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-weight:800;letter-spacing:.05em;position:absolute;z-index:2}.nook-item-new-badge{border-radius:3px;font-size:.5rem;padding:1px 4px;right:-4px;top:-4px}.nook-tooltip-item.new-item{border-color:#10b981;box-shadow:0 0 8px #10b9814d}.reading-companion-wrapper{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:80}.reading-companion{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;box-shadow:0 4px 16px #0003;display:flex;height:52px;justify-content:center;position:relative;width:52px}.companion-icon{font-size:1.6rem}.companion-zzz{animation:zzzFloat 2s ease-in-out infinite;font-size:.7rem;position:absolute;right:-4px;top:-8px}@keyframes zzzFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.companion-mini{font-size:1.2rem}.companion-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:-32px;box-shadow:0 2px 8px #0003;color:var(--text-secondary);font-size:.75rem;padding:6px 12px;pointer-events:none;position:absolute;right:0;white-space:nowrap}.companion-details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0003;min-width:180px;padding:12px 16px}.companion-details-header{display:flex;justify-content:space-between;margin-bottom:8px}.companion-details-name{font-size:.85rem;font-weight:600}.companion-details-stage{color:var(--text-muted);font-size:.7rem}.companion-details-bar{background:var(--bg-elevated);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.companion-details-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%;transition:width .5s ease}.companion-details-mood{color:var(--text-secondary);font-size:.75rem}.multiplier-badge{z-index:90}.multiplier-badge-inner{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;gap:4px;padding:5px 12px}.multiplier-value{color:#f59e0b;font-size:.85rem;font-weight:700}.multiplier-label{color:#fbbf24;font-size:.6rem;font-weight:600;text-transform:uppercase}.multiplier-details{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0003;display:none;flex-direction:column;gap:4px;margin-top:6px;min-width:140px;padding:8px 10px;position:absolute;right:0;top:100%}.multiplier-badge:hover .multiplier-details{display:flex}.multiplier-detail-item{color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.multiplier-detail-item.combo{color:var(--accent);font-weight:500}.multiplier-overlay{inset:0;position:fixed;z-index:99998}.multiplier-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #0000004d;max-width:90vw;padding:20px;position:fixed;right:8px;top:50px;width:300px;z-index:99999}.multiplier-popup h3{color:#f59e0b;font-size:1.1rem;margin:0 0 4px}.multiplier-popup-sub{color:var(--text-secondary);font-size:.8rem;margin:0 0 16px}.multiplier-popup-breakdown{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.multiplier-popup-row{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;justify-content:space-between}.multiplier-popup-value{color:#f59e0b;font-weight:700}.multiplier-popup-next{color:var(--accent);font-size:.8rem;margin:0 0 8px}.multiplier-popup-tip{color:var(--text-secondary);font-size:.75rem;margin:0;opacity:.8}.onboarding-page{align-items:flex-start;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.onboarding-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-top:20px;max-width:720px;padding:24px 32px;position:relative;text-align:center;width:100%;z-index:101}.onboarding-step-indicator{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.onboarding-dot{background:#fff3;border-radius:50%;height:8px;width:8px}.onboarding-dot.active{background:var(--accent)}.onboarding-dot.done{background:#10b981}.onboarding-card h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:8px}.onboarding-card p{color:var(--text-secondary);margin-bottom:24px}.onboarding-classes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.onboarding-class-btn{background:#ffffff08;border:2px solid var(--border);border-radius:12px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s}.onboarding-class-btn:hover{border-color:var(--accent)}.onboarding-class-btn.selected{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.onboarding-class-icon{display:block;font-size:1.5rem;margin-bottom:4px}.onboarding-class-name{color:var(--text-primary);display:block;font-size:.8rem;font-weight:600}.onboarding-class-desc{color:var(--text-secondary);font-size:.7rem}.onboarding-companions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.onboarding-companion-btn{background:#ffffff08;border:2px solid var(--border);border-radius:50%;cursor:pointer;font-size:1.5rem;height:56px;transition:all .2s;width:56px}.onboarding-companion-btn:hover{border-color:var(--accent);transform:scale(1.1)}.onboarding-companion-btn.selected{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent)}.companion-preview{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #8b5cf640;border-radius:16px;margin:16px 0;min-height:200px;overflow:hidden;padding:20px}.companion-preview-icon{font-size:3.5rem;margin-bottom:8px}.companion-preview-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:8px}.companion-preview-bio{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.5;margin:0 0 12px}.companion-preview-traits{display:flex;flex-direction:column;gap:6px;text-align:left}.companion-dislikes,.companion-likes{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.onboarding-next-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:background .2s}.onboarding-next-btn:hover{background:var(--accent-hover)}.onboarding-next-btn:disabled{cursor:not-allowed;opacity:.4}.onboarding-btn-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.onboarding-back-btn{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.onboarding-back-btn:hover{background:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary)}.onboarding-name-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1.1rem;margin-bottom:24px;padding:14px 20px;text-align:center;width:100%}.onboarding-name-input:focus{border-color:var(--accent);outline:none}.onboarding-reward{background:linear-gradient(135deg,#f59e0b1a,#8b5cf61a);border:1px solid #f59e0b4d;border-radius:16px;margin-bottom:24px;padding:20px}.onboarding-reward h3{color:#fbbf24;margin-bottom:12px}.onboarding-reward-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.onboarding-reward-item{color:var(--text-primary);font-size:.85rem}.spin-wheels-row{display:flex;gap:20px;justify-content:center;margin:24px 0 16px}.spin-wheel-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:180px}.spin-wheel-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spin-wheel{align-items:center;background:#ffffff08;border:3px solid var(--border);border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;transition:border-color .3s;width:100px}.spin-wheel.is-spinning{animation:spin-glow .3s linear infinite;border-color:#f59e0b}.spin-wheel.landed{background:#10b98114;border-color:#10b981}.spin-symbols{color:var(--text-muted);font-size:.7rem;line-height:1.4;padding:8px;text-align:center}.spin-balls{flex-wrap:wrap;gap:4px;padding:8px}.spin-ball,.spin-balls{align-items:center;display:flex;justify-content:center}.spin-ball{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:var(--text-primary);font-size:.6rem;height:26px;width:26px}.spin-wheel.is-spinning .spin-balls{animation:bingo-shake .12s linear infinite}.spin-wheel.is-spinning .spin-ball:first-child{animation:ball-bounce-1 .25s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(2){animation:ball-bounce-2 .22s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(3){animation:ball-bounce-3 .28s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(4){animation:ball-bounce-4 .24s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(5){animation:ball-bounce-5 .26s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(6){animation:ball-bounce-6 .2s ease-in-out infinite alternate}@keyframes bingo-shake{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}@keyframes ball-bounce-1{0%{transform:translate(-12px,-10px)}to{transform:translate(-4px,-2px)}}@keyframes ball-bounce-2{0%{transform:translate(12px,-10px)}to{transform:translate(4px,-2px)}}@keyframes ball-bounce-3{0%{transform:translate(-14px,8px)}to{transform:translate(-4px,2px)}}@keyframes ball-bounce-4{0%{transform:translate(14px,8px)}to{transform:translate(4px,2px)}}@keyframes ball-bounce-5{0%{transform:translate(-6px,-14px)}to{transform:translateY(-4px)}}@keyframes ball-bounce-6{0%{transform:translate(6px,14px)}to{transform:translateY(4px)}}.spin-result{display:block;font-size:2rem}.spin-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all .2s}.spin-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.05)}.spin-btn:disabled{background:linear-gradient(135deg,#10b981,#059669);cursor:default;opacity:.7;transform:none}.spin-wheel.is-spinning .spin-symbols{animation:spin-scroll .15s linear infinite}@keyframes spin-scroll{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes spin-glow{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 20px #f59e0bb3}}.onboarding-floating-quotes{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:2}.onboarding-floating-quote{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:12px;box-shadow:0 0 16px #6366f133;max-width:260px;padding:10px 14px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .7s ease}.floating-quote-text{color:#e2e8f0;display:block;font-size:.82rem;font-style:italic;line-height:1.4}.floating-quote-author{color:#c4b5fd;display:block;font-size:.72rem;font-weight:500;margin-top:4px}.reading-pass-page{margin:0 auto;max-width:1000px;min-height:100vh;padding:48px 40px}.reading-pass-header{margin-bottom:32px;text-align:center}.reading-pass-header h1{font-size:1.8rem;margin-bottom:8px}.reading-pass-season{color:var(--text-secondary);font-size:.9rem}.reading-pass-progress{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:16px 20px}.reading-pass-level-info{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.reading-pass-track{display:flex;gap:4px;overflow-x:auto;padding:16px 0}.pass-level{flex-shrink:0;position:relative;text-align:center;width:80px}.pass-level-num{color:var(--text-muted);font-size:.7rem;margin-bottom:4px}.pass-level-reward{align-items:center;background:var(--bg-elevated);border:2px solid var(--border);border-radius:10px;display:flex;font-size:1.3rem;height:48px;justify-content:center;margin:0 auto;transition:all .2s;width:48px}.pass-level-reward.unlocked{background:#10b9811a;border-color:#10b981}.pass-level-reward.current{animation:passGlow 2s infinite;background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.pass-level-reward.locked{filter:grayscale(1);opacity:.4}@keyframes passGlow{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 30%,#0000)}50%{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 60%,#0000)}}.pass-level-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.6rem;line-height:1.2;margin-top:4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.pass-claim-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.65rem;margin-top:6px;padding:3px 8px}.book-card{overflow:hidden;position:relative}.book-card:after{background:linear-gradient(135deg,#0000,#ffffff08 40%,#ffffff14 50%,#ffffff08 60%,#0000);background:linear-gradient(var(--mouse-angle,135deg),#0000 0,#ffffff08 40%,#ffffff14 50%,#ffffff08 60%,#0000 100%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.book-card:hover:after{opacity:1}@media (max-width:768px){.shop-page{padding:24px 16px}.shop-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-categories{gap:4px}.shop-category-btn{font-size:.8rem;padding:8px 12px}.reading-companion-wrapper{bottom:16px;right:16px}.reading-companion{height:44px;width:44px}.companion-icon{font-size:1.3rem}.onboarding-classes{grid-template-columns:repeat(2,1fr)}}.nook-page{box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:80%;min-height:100vh;overflow:hidden;padding:12px 16px;width:80%}.nook-header{flex-wrap:wrap;gap:6px;justify-content:space-between;margin-bottom:6px}.nook-header,.nook-header-left{align-items:center;display:flex}.nook-header-left{gap:12px}.nook-header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:800;margin:0}.nook-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:4px 14px}.nook-header-right{align-items:center;color:var(--text-secondary);display:flex;font-size:.78rem;gap:12px}.nook-next{opacity:.7}.nook-snapshot-btn{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background .2s}.nook-snapshot-btn:hover{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.nook-progress{align-items:center;display:flex;gap:12px;margin-bottom:8px}.nook-progress-bar{background:#6366f11a;border:1px solid #6366f133;border-radius:10px;flex:1 1;height:10px;overflow:hidden}.nook-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa,#c084fc);border-radius:10px;box-shadow:0 0 10px #6366f166;height:100%}.nook-progress-text{color:var(--text-secondary);font-size:.78rem;font-weight:600;white-space:nowrap}.nook-room-layout{align-items:stretch;display:flex;flex:1 1;gap:12px;min-height:0;overflow:hidden}.nook-shelf{display:flex;flex-direction:column;flex-shrink:0;gap:10px;overflow:visible;padding:8px 6px;width:160px}.nook-shelf-item{border:1px dashed #fff3;border-radius:12px;box-sizing:border-box;cursor:pointer;flex-direction:column;gap:4px;min-height:72px;padding:10px 12px;transition:background .2s,border-color .2s;width:100%}.nook-shelf-item:hover{background:#ffffff1a}.nook-shelf-icon{font-size:2.8rem}.nook-shelf-label{color:var(--text-secondary);font-size:.72rem;line-height:1.2;text-align:center}.nook-room{background:#5b7ea8;border-radius:20px;box-shadow:0 24px 70px #0000004d,0 0 0 1px #00000026,inset 0 1px 0 #ffffff1a;flex:1 1;min-width:0;overflow:visible;position:relative;transition:max-width .4s ease,aspect-ratio .4s ease;width:100%}.nook-room-clip{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute}.nook-room-clip>*{pointer-events:auto}.nook-room-wall{background:linear-gradient(180deg,#7b9ab8,#6b8da8 40%,#5d7f99);inset:0;bottom:32%;position:absolute}.nook-room-wall:after{border:2px solid #ffffff14;border-radius:4px;box-shadow:inset 0 0 0 4px #fff0d20a;content:"";inset:6% 3% 4% 3%;pointer-events:none;position:absolute}.nook-room-accent{background:linear-gradient(180deg,#f0d9b5,#e6c89e);bottom:32%;box-shadow:inset 6px 0 12px #00000014;width:16%}.nook-room-floor{background:repeating-linear-gradient(88deg,#0000000a,#0000000a 1px,#0000 0,#0000 80px),linear-gradient(180deg,#deb576,#c9a05c);bottom:0;height:32%;left:0;position:absolute;right:0}.nook-room-floor:before{background:linear-gradient(180deg,#00000014,#0000 25%);content:"";inset:0;position:absolute}.nook-room-baseboard{background:linear-gradient(180deg,#a07540,#8a6030);box-shadow:0 3px 6px #0003;height:10px;left:0;position:absolute;right:0;top:68%}.nook-room-clip:before{background:radial-gradient(ellipse at center top,#fff8dc73 0,#fff0be26 40%,#0000 70%);height:60%;left:20%;top:0;width:45%}.nook-room-clip:after,.nook-room-clip:before{content:"";pointer-events:none;position:absolute;z-index:1}.nook-room-clip:after{background:radial-gradient(ellipse at 50% 45%,#0000 55%,#0000002e 100%);inset:0}.nook-ambiance{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.nook-mote{animation:nookMoteFall linear infinite;background:#fff8dcb3;border-radius:50%;box-shadow:0 0 6px #fff8dc80;height:5px;position:absolute;top:-10px;width:5px}.nook-mote-0{animation-duration:14s}.nook-mote-1{animation-duration:18s;height:4px;width:4px}.nook-mote-2{animation-duration:22s;height:3px;opacity:.6;width:3px}@keyframes nookMoteFall{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.8}50%{transform:translateY(45vh) translateX(12px)}90%{opacity:.5}to{opacity:0;transform:translateY(62%) translateX(-8px)}}@media (prefers-reduced-motion:reduce){.nook-mote{animation:none;display:none}}.nook-item{align-items:center;border:2px solid #0000;border-radius:14px;cursor:grab;display:flex;flex-direction:column;gap:8px;min-width:120px;padding:20px 24px;position:absolute;touch-action:none;transition:transform .2s,filter .2s;-webkit-user-select:none;user-select:none;z-index:5}.nook-item:active{cursor:grabbing}.nook-item.ghost{background:#ffffff0f;border:2px dashed #ffffff40;opacity:.55}.nook-item.ghost:hover{opacity:.85}.nook-item.ghost .nook-item-emoji{filter:grayscale(.7);opacity:.5}.nook-item.ghost .nook-item-label{color:#ffffffd9;text-shadow:0 1px 3px #0009}.nook-item.has-item{background:#0000;border:2px solid #0000}.nook-item.has-item .nook-item-emoji{filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.nook-item.has-item .nook-item-label{background:#141419d1;border-radius:8px;color:#fff;opacity:0;padding:2px 8px;text-shadow:none;transform:translateY(-4px);transition:opacity .15s,transform .15s}.nook-item.has-item.selected .nook-item-label,.nook-item.has-item:hover .nook-item-label{opacity:1;transform:translateY(0)}.nook-item.selected{border-color:#fbbf24;border-radius:14px;box-shadow:0 0 24px #fbbf2466;z-index:20}.nook-item-emoji{font-size:6.4rem;line-height:1}.nook-item-emoji.nook-item-emoji--plant{font-size:1.6rem}.nook-item-label{color:#f1f5f9;font-size:.72rem;font-weight:700;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nook-item-sparkle{animation:sparkle 2s ease-in-out infinite;color:#fbbf24;font-size:.6rem;position:absolute;right:4px;top:2px}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.nook-item-rarity-dot{border-radius:50%;bottom:4px;box-shadow:0 0 4px currentColor;height:6px;position:absolute;right:6px;width:6px}.nook-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f1ef7;border:1px solid #6366f140;border-radius:16px;box-shadow:0 16px 48px #00000080,0 0 0 1px #6366f11a;overflow:hidden;padding:0;position:absolute;width:260px;z-index:200}.nook-panel-head{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:1px solid #6366f126;display:flex;justify-content:space-between;padding:12px 14px}.nook-panel-title{align-items:center;color:#e2e8f0;display:flex;font-size:.85rem;font-weight:700;gap:8px}.nook-panel-icon{font-size:1.1rem}.nook-panel-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .15s;width:24px}.nook-panel-close:hover{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.nook-panel-current{align-items:center;background:#6366f114;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;padding:10px 14px}.nook-panel-current-icon{font-size:1.3rem}.nook-panel-current-name{display:block;font-size:.8rem;font-weight:600}.nook-panel-current-rarity{font-size:.65rem;opacity:.6}.nook-panel-remove{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.65rem;margin-left:auto;padding:4px 8px}.nook-panel-remove:hover{background:#ef444433}.nook-panel-section{border-bottom:1px solid #ffffff0a;padding:10px 14px}.nook-panel-section h4{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.nook-panel-grid{display:flex;flex-direction:column;gap:4px}.nook-panel-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.nook-panel-option:hover{background:#6366f126;border-color:#6366f14d}.nook-panel-option.equipped{background:#6366f133;border-color:#818cf8}.nook-panel-opt-icon{font-size:1.1rem}.nook-panel-opt-name{color:#e2e8f0;flex:1 1;font-size:.75rem;font-weight:500}.nook-panel-opt-rarity{font-size:.6rem;font-weight:600}.nook-panel-opt-price{color:#fbbf24;font-size:.68rem;font-weight:600}.nook-panel-shop-item{align-items:center;background:#ffffff05;border-left:3px solid #6366f14d;border-radius:8px;display:flex;gap:8px;padding:6px 10px}.nook-panel-shop-item.locked{opacity:.5}.nook-panel-shop-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:block;font-size:.78rem;font-weight:700;margin-top:10px;padding:9px;transition:all .2s;width:100%}.nook-panel-shop-btn:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.nook-panel-empty{padding:16px 14px;text-align:center}.nook-panel-empty p{color:#64748b;font-size:.78rem;margin:0 0 10px}.nook-panel-footer{background:#0003;color:#64748b;font-size:.62rem;padding:8px 14px;text-align:center}.nook-levels{display:flex;flex-shrink:0;gap:6px;justify-content:center;margin-top:8px}.nook-lvl{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:2px;opacity:.4;padding:8px 14px;transition:all .2s}.nook-lvl.done{background:#6366f10f;border-color:#6366f133;opacity:1}.nook-lvl.now{background:#6366f11f;border-color:#6366f1;box-shadow:0 0 15px #6366f126}.nook-lvl.locked{filter:grayscale(.5);opacity:.35}.nook-lvl-num{color:#818cf8;font-size:.9rem;font-weight:800}.nook-lvl-name{color:var(--text-secondary);font-size:.58rem;text-align:center}.nook-lvl-rarity{font-size:.52rem;font-weight:700;text-align:center}.nook-hint{color:var(--text-secondary);flex-shrink:0;font-size:.72rem;margin-top:4px;opacity:.5;text-align:center}.nook-shelf.nook-shelf-left,.nook-shelf.nook-shelf-right{align-content:flex-start;flex-wrap:wrap;justify-content:flex-start;max-height:none;overflow:visible}.nook-shelf.nook-shelf-left{flex-wrap:nowrap;max-height:calc(100vh - 180px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;width:170px}.nook-shelf-filter{background:#0f0f1a;background:var(--bg-page,#0f0f1a);padding:4px 0 8px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nook-shelf-filter select{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.72rem;font-weight:600;padding:6px 10px;width:100%}.nook-shelf-filter select:focus{border-color:#6366f1;box-shadow:0 0 6px #6366f14d;outline:none}.nook-your-items-col{display:flex;flex-direction:column;flex-shrink:0;gap:8px;max-height:calc(100vh - 180px);overflow-x:hidden;overflow-y:auto;padding:8px 6px;scrollbar-width:thin;width:170px}.nook-your-items-col h3{background:#0f0f1a;background:var(--bg-page,#0f0f1a);color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:700;margin:0 0 6px;padding:4px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nook-your-items-grid{display:flex;flex-direction:column;gap:8px}.nook-your-item,.nook-your-items-grid .nook-shelf-item{background:#6366f10d;border-color:#6366f133;border-style:solid;min-height:64px;padding:8px 10px;width:100%}.nook-level-toggle{align-items:center;display:inline-flex;gap:8px;margin-left:16px}.nook-level-toggle select{background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 10px}.nook-level-toggle select:focus{border-color:#6366f1;box-shadow:0 0 8px #6366f14d;outline:none}.nook-level-toggle-label{color:var(--text-secondary);font-size:.7rem;opacity:.7}.nook-paint-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,36px);margin-top:6px}.nook-paint-swatch{align-items:center;border:2px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;font-size:.7rem;height:36px;justify-content:center;transition:all .15s;width:36px}.nook-paint-swatch:hover{border-color:#818cf8;box-shadow:0 0 8px #6366f166;transform:scale(1.15)}.nook-paint-swatch.active{border-color:#fff;box-shadow:0 0 12px #fff6}.nook-paint-check{color:#fff;font-weight:800;text-shadow:0 1px 2px #00000080}.nook-paint-reset{background:#ffffff0d;border-style:dashed;color:#94a3b8}.nook-room-accent{background:linear-gradient(180deg,#00000005,#0000000a);border-left:1px solid #0000000d;height:62%;position:absolute;right:0;top:0;width:20%}.nook-room-ceiling-zone{background:linear-gradient(180deg,#00000008,#0000);height:8%;left:0;position:absolute;right:0;top:0}.nook-boost{align-items:center;display:flex;position:relative}.nook-boost-value{background:linear-gradient(135deg,#059669,#10b981);border-radius:12px;color:#fff;cursor:default;font-size:.7rem;font-weight:700;padding:3px 10px}.nook-boost-breakdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af5;border:1px solid #10b9814d;border-radius:10px;display:none;left:0;margin-top:6px;min-width:180px;padding:10px 12px;position:absolute;top:100%;z-index:50}.nook-boost:hover .nook-boost-breakdown{display:flex;flex-direction:column;gap:3px}.nook-boost-breakdown span{color:#a7f3d0;font-size:.68rem}@media (max-width:768px){.nook-page{height:auto;max-width:100%;overflow:auto;padding:14px 10px;width:100%}.nook-header{align-items:flex-start;flex-direction:column}.nook-room{max-width:100%!important}.nook-item-emoji{font-size:3rem}.nook-item-emoji.nook-item-emoji--plant{font-size:.75rem}.nook-item-label{font-size:.58rem}.nook-panel{width:230px}.nook-lvl{padding:6px 8px}.nook-hint,.nook-lvl-name{display:none}.nook-shelf{gap:10px;width:100px}.nook-shelf.nook-shelf-left{width:100px}.nook-shelf-icon{font-size:2rem}.nook-shelf-item{min-height:60px;padding:8px 4px}.nook-your-items-col{width:100px}.nook-level-toggle{margin-left:0;margin-top:8px}.nook-room-layout{gap:8px}}.level-up-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.level-up-card{padding:48px}.level-up-icon{font-size:4rem;margin-bottom:16px}.level-up-text{color:#fbbf24;font-size:1.5rem;font-weight:700;margin-bottom:8px}.level-up-name{color:var(--text-primary);font-size:1.1rem}.streak-fire.fire-legendary{animation:legendaryPulse 1.5s ease-in-out infinite}.streak-fire.fire-purple{animation:purplePulse 2s ease-in-out infinite}@keyframes legendaryPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}@keyframes purplePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sound-toggle-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.sound-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.sound-toggle-btn.muted{opacity:.5}.sound-toggle-btn:hover{border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .nook-page,:is([data-theme=light],[data-theme=sepia]) .onboarding-page,:is([data-theme=light],[data-theme=sepia]) .reading-pass-page,:is([data-theme=light],[data-theme=sepia]) .shop-page{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .nook-shelf-item{background:#00000008;border-color:#00000026}:is([data-theme=light],[data-theme=sepia]) .nook-shelf-item:hover{background:#6366f114;border-color:#6366f1;border-color:var(--accent,#6366f1)}:is([data-theme=light],[data-theme=sepia]) .nook-shelf-label{color:#64748b;color:var(--text-secondary,#64748b)}:is([data-theme=light],[data-theme=sepia]) .nook-shelf-filter select{background:#6366f10f;border-color:#6366f140;color:#1e293b;color:var(--text-primary,#1e293b)}:is([data-theme=light],[data-theme=sepia]) .nook-your-items-col h3{background:#fff;background:var(--bg-page,#fff);color:#1e293b;color:var(--text-primary,#1e293b)}:is([data-theme=light],[data-theme=sepia]) .nook-your-item{background:#6366f10a;border-color:#6366f126}:is([data-theme=light],[data-theme=sepia]) .nook-level-toggle select{background:#6366f10f;border-color:#6366f140;color:#1e293b;color:var(--text-primary,#1e293b)}:is([data-theme=light],[data-theme=sepia]) .nook-level-toggle-label{color:#64748b;color:var(--text-secondary,#64748b)}:is([data-theme=light],[data-theme=sepia]) .shop-points-display{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-color:#f59e0b40}:is([data-theme=light],[data-theme=sepia]) .shop-item-card{background:var(--bg-card)}:is([data-theme=light],[data-theme=sepia]) .shop-item-card:hover{box-shadow:0 4px 20px #00000014}:is([data-theme=light],[data-theme=sepia]) .shop-item-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-item-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .shop-category-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .shop-category-btn:hover{border-color:var(--accent);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-category-btn.active{background:var(--accent);color:#fff}:is([data-theme=light],[data-theme=sepia]) .shop-equip-btn{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-equip-btn.equipped{background:#dcfce7;border-color:#86efac;color:#166534}:is([data-theme=light],[data-theme=sepia]) .shop-preview-card{background:var(--bg-card);border-color:var(--border);box-shadow:0 20px 60px #00000026}:is([data-theme=light],[data-theme=sepia]) .shop-preview-card h2{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-preview-card p{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .chest-inventory{background:#0000;border-color:#0000}:is([data-theme=light],[data-theme=sepia]) .chest-inventory-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .chest-reward-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .chest-reward-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .chest-claim-btn{box-shadow:0 4px 12px #f59e0b4d}:is([data-theme=light],[data-theme=sepia]) .reading-companion{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 16px #00000014}:is([data-theme=light],[data-theme=sepia]) .companion-tooltip{background:var(--bg-card);border-color:var(--border);box-shadow:0 2px 8px #00000014;color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .companion-details{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 16px #00000014}:is([data-theme=light],[data-theme=sepia]) .companion-details-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .companion-details-bar{background:var(--border)}:is([data-theme=light],[data-theme=sepia]) .companion-details-mood{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .multiplier-badge-inner{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0a);border-color:#f59e0b4d}:is([data-theme=light],[data-theme=sepia]) .multiplier-details{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 12px #0000001a}:is([data-theme=light],[data-theme=sepia]) .multiplier-detail-item{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .reading-pass-progress{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .reading-pass-level-info{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .pass-level-num{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .pass-level-reward{background:var(--bg-elevated);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .pass-level-reward.unlocked{background:#f0fdf4;border-color:#86efac}:is([data-theme=light],[data-theme=sepia]) .pass-level-reward.current{background:#eff6ff;border-color:#93c5fd}:is([data-theme=light],[data-theme=sepia]) .pass-level-name{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-page{background:linear-gradient(135deg,#eff6ff,#f5f3ff 50%,#eff6ff)}:is([data-theme=light],[data-theme=sepia]) .onboarding-card{background:#fffffff2;border-color:var(--border);box-shadow:0 20px 60px #0000001a}:is([data-theme=light],[data-theme=sepia]) .onboarding-card h2{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-card p{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-dot{background:#d1d5db}:is([data-theme=light],[data-theme=sepia]) .onboarding-dot.active{background:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-dot.done{background:#10b981}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-btn{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-btn:hover{border-color:#93c5fd}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-btn.selected{background:#eff6ff;border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-companion-btn{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .onboarding-companion-btn.selected{background:#eff6ff;border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-name-input{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-name-input:focus{border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-reward{background:linear-gradient(135deg,#f59e0b0f,#8b5cf60f);border-color:#f59e0b33}:is([data-theme=light],[data-theme=sepia]) .onboarding-reward h3{color:#b45309}:is([data-theme=light],[data-theme=sepia]) .onboarding-reward-item{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .nook-room-wall{background:linear-gradient(180deg,#fdfcfa,#f8f4ed)}:is([data-theme=light],[data-theme=sepia]) .nook-item.ghost{background:#6366f10a;border-color:#6366f133}:is([data-theme=light],[data-theme=sepia]) .nook-item.has-item{background:#0000000a;border-color:#00000014}:is([data-theme=light],[data-theme=sepia]) .nook-item-label{color:#334155;text-shadow:none}:is([data-theme=light],[data-theme=sepia]) .nook-panel{background:#fffffffa;border-color:#6366f133;box-shadow:0 16px 48px #0000001f}:is([data-theme=light],[data-theme=sepia]) .nook-panel-head{background:linear-gradient(135deg,#6366f114,#8b5cf60d)}:is([data-theme=light],[data-theme=sepia]) .nook-panel-title{color:#1e293b}:is([data-theme=light],[data-theme=sepia]) .nook-panel-option{border-color:#00000014}:is([data-theme=light],[data-theme=sepia]) .nook-panel-opt-name{color:#334155}:is([data-theme=light],[data-theme=sepia]) .nook-lvl{background:#00000005;border-color:#0000000f}:is([data-theme=light],[data-theme=sepia]) .shimmer-bar-track{background:var(--border)!important}:is([data-theme=light],[data-theme=sepia]) .library-social-btn{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .streak-widget{border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .streak-count{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .streak-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .streak-goal-text{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .heatmap-cell{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .heatmap-cell.active{background:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .book-card:after{background:linear-gradient(135deg,#0000 0,color-mix(in srgb,var(--accent) 5%,#0000) 40%,color-mix(in srgb,var(--accent) 6%,#0000) 50%,color-mix(in srgb,var(--accent) 5%,#0000) 60%,#0000 100%);background:linear-gradient(var(--mouse-angle,135deg),#0000 0,color-mix(in srgb,var(--accent) 5%,#0000) 40%,color-mix(in srgb,var(--accent) 6%,#0000) 50%,color-mix(in srgb,var(--accent) 5%,#0000) 60%,#0000 100%)}:is([data-theme=light],[data-theme=sepia]) .library-level-bar{background:var(--border)}:is([data-theme=light],[data-theme=sepia]) .library-level-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-book-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-chapter{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-progress-bar{background:var(--border)}:is([data-theme=light],[data-theme=sepia]) .daily-quote-card{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .daily-quote-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .daily-quote-source{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .trivia-widget{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .shop-message.success{background:#f0fdf4;border-color:#86efac;color:#166534}:is([data-theme=light],[data-theme=sepia]) .shop-message.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}:is([data-theme=light],[data-theme=sepia]) .shop-animated-badge{background:#f5f3ff;color:#6d28d9}:is([data-theme=light],[data-theme=sepia]) .shop-unlock-label{color:var(--text-secondary)}.profile-referral-section{padding:24px 0}.profile-referral-section h3{font-size:1.3rem;margin-bottom:8px}.referral-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:20px}.referral-code-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.referral-code-label{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.referral-code-display{align-items:center;display:flex;gap:12px;justify-content:center}.referral-code-value{color:var(--accent);font-family:monospace;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.referral-copy-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:opacity .2s}.referral-copy-btn:hover{opacity:.85}.referral-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.referral-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 8px;text-align:center}.referral-stat-value{color:var(--accent);display:block;font-size:1.8rem;font-weight:700}.referral-stat-label{color:var(--text-muted);font-size:.72rem}.referral-share-section{margin-bottom:24px}.referral-share-section h4{font-size:1rem;margin-bottom:4px}.referral-share-hint{color:var(--text-muted);font-size:.8rem;margin-bottom:8px}.referral-share-message{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.5;padding:14px 16px}.friend-milestones-section{border-top:1px solid var(--border);padding-top:20px}.friend-milestones-section h4{font-size:1.1rem;margin-bottom:4px}.friend-milestone-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.friend-milestone-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px 14px;transition:border-color .2s}.friend-milestone-item.reached{background:#10b9810d;border-color:#10b981}.friend-milestone-icon{font-size:1.3rem}.friend-milestone-info{display:flex;flex:1 1;flex-direction:column}.friend-milestone-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.friend-milestone-reward{color:var(--text-secondary);font-size:.75rem}.friend-milestone-check{color:#10b981;font-size:1.1rem;font-weight:700}.friend-milestone-progress{color:var(--text-secondary);font-size:.85rem;margin-top:12px}.live-clock{align-items:center;display:inline-flex;flex-direction:column;gap:2px;line-height:1}.live-clock-icon{font-size:1.6rem}.live-clock-value{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.live-clock-card .live-clock-value{font-size:.85rem}.live-clock-preview .live-clock-icon{font-size:3rem}.live-clock-preview .live-clock-value{font-size:1.4rem;margin-top:4px}.nook-shelf{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:12px;margin-top:16px;padding:16px}.nook-shelf h3{color:var(--text-primary);font-size:.9rem;margin:0 0 10px}.nook-shelf-items{display:flex;flex-wrap:wrap;gap:8px}.nook-shelf-item{align-items:center;background:#ffffff0d;background:var(--bg-elevated,#ffffff0d);border:1px dashed #ffffff26;border:1px dashed var(--border,#ffffff26);border-radius:8px;cursor:grab;display:flex;font-size:1.5rem;height:44px;justify-content:center;transition:transform .2s;width:44px}.nook-shelf-item:hover{border-color:var(--accent);transform:scale(1.1)}.audiobook-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-top:1px solid #ffffff1a;bottom:0;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:100}.audiobook-player.loading{padding:8px;text-align:center}.audiobook-loading-text{color:var(--text-secondary);font-size:.85rem}.audiobook-player.listen-mode{border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:16px}.audiobook-progress{background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin-bottom:8px;position:relative}.audiobook-progress-buffered{background:#ffffff26}.audiobook-progress-buffered,.audiobook-progress-fill{border-radius:3px;height:100%;left:0;position:absolute;top:0}.audiobook-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .1s linear}.audiobook-progress-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;position:absolute;top:-4px;transform:translateX(-50%);transition:left .1s linear;width:14px}.audiobook-time{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:8px}.audiobook-chapter-indicator{font-size:.7rem;opacity:.7}.audiobook-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.audiobook-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.4rem;opacity:.9;padding:8px;transition:all .2s}.audiobook-btn:hover:not(:disabled){opacity:1;transform:scale(1.1)}.audiobook-btn:disabled{cursor:not-allowed;opacity:.3}.audiobook-btn.play-btn{background:#6366f133;font-size:2rem;padding:12px}.audiobook-secondary{align-items:center;display:flex;gap:16px;justify-content:center}.audiobook-btn-sm{background:#ffffff1a;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:4px 10px;transition:background .2s}.audiobook-btn-sm:hover{background:#fff3}.audiobook-volume{align-items:center;display:flex;gap:6px}.audiobook-volume input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:80px}.audiobook-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.audiobook-sleep-wrapper{position:relative}.audiobook-sleep-menu{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid #ffffff26;border-radius:12px;bottom:100%;box-shadow:0 4px 16px #0000004d;display:flex;flex-direction:column;gap:4px;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:110}.audiobook-sleep-menu button{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 12px;white-space:nowrap}.audiobook-sleep-menu button:hover{background:#ffffff1a}.audiobook-sync-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;gap:6px;justify-content:center;margin-top:8px}.sync-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}.audiobook-player-pill{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid #ffffff26;border-radius:24px;bottom:20px;box-shadow:0 4px 16px #0000004d;cursor:pointer;display:flex;gap:10px;padding:8px 16px;position:fixed;right:20px;z-index:200}.pill-play-btn{background:none;border:none;cursor:pointer;font-size:1.2rem}.pill-progress{background:#ffffff1a;border-radius:2px;height:4px;width:80px}.pill-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.pill-time{color:var(--text-secondary);font-size:.7rem}.audio-active-sentence{background:color-mix(in srgb,var(--accent) 12%,#0000);border-radius:4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,#0000);padding:2px 4px;transition:background .4s ease,box-shadow .4s ease}.audio-active-word{background:color-mix(in srgb,var(--accent) 35%,#0000);border-radius:3px;font-weight:500;padding:1px 2px;transition:background .15s ease}.dark-mode .audio-active-sentence,[data-theme=dark] .audio-active-sentence{background:#fbbf241f;box-shadow:0 0 0 2px #fbbf2414}.dark-mode .audio-active-word,[data-theme=dark] .audio-active-word{background:#fbbf2459}[data-theme=sepia] .audio-active-sentence{background:#b4783c1f;box-shadow:0 0 0 2px #b4783c14}[data-theme=sepia] .audio-active-word{background:#b4783c4d}.reading-mode-toggle{background:#ffffff0d;border-radius:12px;display:flex;gap:4px;padding:4px}.reading-mode-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:6px 12px;transition:all .2s}.reading-mode-btn.active{background:#6366f133;color:#fff}.reading-mode-btn.disabled{cursor:not-allowed;opacity:.3}.reading-mode-icon{font-size:1rem}.reading-mode-label{font-weight:500}.auto-scroll-controls{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:150}.auto-scroll-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:24px;box-shadow:0 4px 16px #00000026;display:flex;gap:8px;padding:8px 16px}.auto-scroll-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.1rem;padding:4px}.auto-scroll-btn.play.active{background:#6366f133}.auto-scroll-speed{color:var(--text-primary);font-size:.8rem;font-weight:500;min-width:60px;text-align:center}.auto-scroll-speed-level{animation:speed-flash .3s ease;color:#6366f1;color:var(--accent,#6366f1);font-size:1.2rem;font-weight:700}@keyframes speed-flash{0%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.audio-backdrop{inset:0;position:fixed;z-index:49}.discover-page{margin:0 auto;max-width:1400px;padding:20px 20px 100px}.discover-header{margin-bottom:24px;text-align:center}.discover-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;left:20px;position:absolute;top:80px}.discover-header h1{font-size:1.8rem;margin:0}.discover-subtitle{color:var(--text-secondary);margin-top:4px}.book-discovery-search{margin-bottom:32px}.discovery-search-form{margin-bottom:16px}.discovery-search-input-wrapper{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;display:flex;gap:10px;padding:12px 16px}.discovery-search-icon{font-size:1.2rem;opacity:.6}.discovery-search-input{background:none;border:none;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:1rem;outline:none}.discovery-search-input::placeholder{color:var(--text-muted)}.discovery-search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.discovery-recent{margin-top:12px}.discovery-recent-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.discovery-recent-clear{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem}.discovery-recent-list{display:flex;flex-wrap:wrap;gap:8px}.discovery-recent-item{border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 12px}.discovery-recent-item,.discovery-recent-item:hover{background:var(--bg-elevated)}.discovery-results-header{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.discovery-results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.discovery-result-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.discovery-result-card:hover{background:var(--bg-elevated);border-color:#6366f14d}.discovery-result-cover{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;height:90px;overflow:hidden;width:60px}.discovery-result-cover img{height:100%;object-fit:cover;width:100%}.discovery-result-no-cover{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.discovery-result-info{flex:1 1;min-width:0}.discovery-result-title{font-size:.9rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-result-author{color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.discovery-result-year{color:var(--text-muted);font-size:.75rem}.discovery-result-subjects{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.discovery-subject-tag{background:#6366f126;border-radius:8px;color:#a5b4fc;color:var(--text-secondary,#a5b4fc);font-size:.65rem;padding:2px 8px}.discover-genres{margin-bottom:32px}.discover-genres h2{font-size:1.2rem;margin-bottom:12px}.discover-genre-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.genre-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.genre-chip.active,.genre-chip:hover{background:#6366f133;border-color:#6366f166}.discover-shelf-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:thin}.discover-book-card{cursor:pointer;flex-shrink:0;transition:transform .2s;width:140px}.discover-book-card:hover{transform:translateY(-4px)}.discover-book-cover{background:var(--bg-elevated);border-radius:8px;height:200px;margin-bottom:8px;overflow:hidden;width:140px}.discover-book-cover img{height:100%;object-fit:cover;width:100%}.discover-no-cover{align-items:center;display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.discover-no-cover.large{font-size:4rem;height:300px;width:200px}.discover-book-title{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-book-author{color:var(--text-secondary);font-size:.7rem}.discover-trending{margin-bottom:32px}.discover-trending h2{font-size:1.2rem;margin-bottom:12px}.discover-empty{color:var(--text-secondary);padding:20px;text-align:center}.discover-trending-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.discover-trending-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .2s}.discover-trending-card:hover{border-color:#6366f166;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.discover-trending-cover{background:var(--bg-elevated);border-radius:8px;flex-shrink:0;height:150px;overflow:hidden;width:100px}.discover-trending-cover img{height:100%;object-fit:cover;width:100%}.discover-trending-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.discover-trending-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.discover-trending-author{color:var(--text-secondary);font-size:.8rem}.discover-author-link{color:var(--accent);text-decoration:none;transition:opacity .2s}.discover-author-link:hover{opacity:.8;text-decoration:underline}.discover-trending-year{color:var(--text-muted);font-size:.75rem}.discover-trending-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4;margin:4px 0}.discover-trending-rating{color:var(--text-primary);font-size:.8rem;font-weight:500}.discover-trending-rating-count{color:var(--text-muted);font-size:.7rem;font-weight:400}.discover-trending-subjects{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.discover-subject-chip{background:#6366f11f;border-radius:8px;color:var(--text-secondary);font-size:.65rem;padding:2px 8px}.discover-trending-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.discover-link-btn{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:6px;color:var(--accent);font-size:.7rem;padding:4px 8px;text-decoration:none;transition:all .2s}.discover-link-btn:hover{background:color-mix(in srgb,var(--accent) 20%,#0000)}.discover-link-btn.amazon{background:#f59e0b14;border-color:#f59e0b33;color:#f59e0b}.discover-link-btn.amazon:hover{background:#f59e0b26}.discover-link-btn.audible{background:#f9731614;border-color:#f9731633;color:#f97316}.discover-link-btn.audible:hover{background:#f9731626}.discover-loading{padding:40px;text-align:center}.discover-detail-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.discover-detail-modal{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:16px;max-height:90vh;max-width:750px;overflow-x:hidden;overflow-y:auto;padding:24px;position:relative;width:100%}.discover-detail-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:12px}.discover-detail-content{display:flex;gap:20px;overflow:hidden}.discover-detail-cover{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:10px}.discover-detail-cover img{border-radius:8px;height:240px;object-fit:cover;width:160px}.discover-detail-info h2{word-wrap:break-word;color:#fff;color:var(--text-primary,#fff);font-size:1.3rem;margin-bottom:4px;overflow-wrap:break-word}.discover-detail-info{min-width:0;overflow:hidden}.discover-detail-author{color:var(--text-secondary);margin-bottom:8px}.discover-detail-year{color:var(--text-secondary);font-size:.85rem}.discover-detail-subjects{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.discover-detail-tag{background:#6366f126;border-radius:10px;color:#a5b4fc;color:var(--text-secondary,#a5b4fc);font-size:.75rem;padding:4px 10px}.discover-detail-isbn{color:var(--text-muted);margin-top:8px}.discover-detail-actions{display:flex;gap:10px;margin-top:16px}.discover-add-btn,.discover-wishlist-btn{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px}.discover-add-btn{background:var(--accent);color:#fff}.discover-wishlist-btn{background:var(--bg-elevated);color:#fff;color:var(--text-primary,#fff)}.discovery-no-results{color:var(--text-secondary);padding:40px;text-align:center}.discover-detail-rating{color:#f59e0b;font-size:.9rem;margin:4px 0}.discover-detail-desc{line-height:1.6;margin:10px 0}.discover-detail-desc,.discover-detail-pages{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem}.discover-detail-isbn{color:#888;color:var(--text-muted,#888);font-size:.8rem}.discover-detail-links{display:flex;gap:8px;margin:12px 0 0}.discover-detail-author-photo{align-items:center;display:flex;flex-direction:column;gap:6px;transition:opacity .15s}.discover-detail-author-photo:hover{opacity:.8}.discover-detail-author-photo img{border:2px solid #ffffff1a;border:2px solid var(--border,#ffffff1a);border-radius:50%;height:80px;object-fit:cover;width:80px}.discover-detail-author-placeholder{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent,#8b5cf6),#6366f1);border-radius:50%;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.discover-detail-author-name{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;max-width:140px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.discover-detail-desc{word-wrap:break-word;overflow-wrap:break-word}.discover-detail-links{flex-wrap:wrap}.discover-detail-editions{color:#888;color:var(--text-muted,#888);font-size:.8rem}.discover-author-avatar{border:2px solid #ffffff1a;border:2px solid var(--border,#ffffff1a);border-radius:50%;height:80px;overflow:hidden;position:relative;width:80px}.discover-author-avatar-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:1}.discover-author-avatar-fallback{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--accent,#8b5cf6),#6366f1);color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;width:100%}.wishlist-picker{display:inline-block;position:relative}.discover-wishlist-btn.already{background:#10b98126;border-color:#10b981;color:#10b981}.wishlist-picker-dropdown{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:10px;bottom:100%;box-shadow:0 8px 24px #0006;left:0;margin-bottom:6px;min-width:200px;padding:6px;position:absolute;z-index:10}.wishlist-picker-item{align-items:center;background:none;border:none;border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.8rem;justify-content:space-between;padding:8px 10px;text-align:left;width:100%}.wishlist-picker-item:hover{background:#8b5cf61a}.wishlist-picker-count{color:#888;color:var(--text-muted,#888);font-size:.7rem}.wishlist-picker-new{border-top:1px solid #ffffff14;border-top:1px solid var(--border,#ffffff14);display:flex;gap:4px;margin-top:4px;padding:6px 4px 2px}.wishlist-picker-new input{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:6px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.75rem;padding:5px 8px}.wishlist-picker-new button{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:5px 10px}.discover-detail-friends-rating{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.9rem;font-weight:600}.discover-rate-widget{align-items:center;display:flex;gap:8px;margin:8px 0}.discover-rate-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem}.discover-rate-stars{display:flex;gap:2px}.discover-rate-star{background:none;border:none;color:#fff3;color:var(--border,#fff3);cursor:pointer;font-size:1.4rem;padding:0;transition:color .1s}.discover-rate-star.active{color:#f59e0b}.discover-rate-star:hover{color:#fbbf24}.discover-detail-editions-section{align-items:center;display:flex;gap:10px;margin:6px 0}.discover-detail-editions-text{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem}.discover-editions-link{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.75rem;text-decoration:none}.discover-editions-link:hover{text-decoration:underline}.discover-subnav{display:flex;gap:8px;grid-column:1/-1;padding:8px 0 12px}.discover-subnav-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.discover-subnav-pill.active{background:#8b5cf626;border-color:var(--accent);color:var(--accent)}.discover-subnav-pill:hover:not(.active){border-color:var(--text-secondary);color:var(--text-primary)}.level-progress-page{margin:0 auto;max-width:800px;padding:20px 20px 100px}.level-progress-header{margin-bottom:32px;text-align:center}.level-progress-badge-large{align-items:center;display:inline-flex;flex-direction:column;gap:4px;margin-bottom:12px}.level-progress-icon{font-size:3.5rem}.level-progress-tier{color:var(--text-secondary);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.level-progress-header h1{font-size:1.8rem;margin:0 0 4px}.level-progress-points{color:var(--text-secondary);font-size:1rem}.level-progress-section{margin-bottom:28px}.level-progress-section h2{border-bottom:1px solid var(--border);font-size:1.1rem;margin-bottom:12px;padding-bottom:6px}.level-progress-bar-container{margin-bottom:8px}.level-progress-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;height:12px;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:6px;height:100%;transition:width .5s ease}.level-progress-labels{color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-top:4px}.level-progress-remaining{color:var(--text-secondary);font-size:.85rem;margin-top:8px}.level-progress-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.level-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.level-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.level-stat-label{color:var(--text-secondary);font-size:.75rem}.level-roadmap{display:flex;flex-direction:column;gap:8px}.level-roadmap-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.level-roadmap-item.current{background:#6366f114;border-color:#6366f1;border-color:var(--accent,#6366f1)}.level-roadmap-item.locked{opacity:.5}.level-roadmap-icon{font-size:1.6rem;text-align:center;width:40px}.level-roadmap-info{display:flex;flex:1 1;flex-direction:column}.level-roadmap-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.level-roadmap-range{color:var(--text-secondary);font-size:.75rem}.level-roadmap-badge{background:#6366f126;border-radius:8px;color:#6366f1;color:var(--accent,#6366f1);font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.level-roadmap-check{color:#10b981;font-size:1.1rem;font-weight:700}.level-earn-grid{display:flex;flex-direction:column;gap:6px}.level-earn-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.level-earn-info{align-items:center;display:flex;gap:12px}.level-earn-label{color:var(--text-primary);font-size:.85rem}.level-earn-pts{color:#6366f1;color:var(--accent,#6366f1);font-size:.75rem;font-weight:600}.level-earn-count{color:var(--text-muted);font-size:.7rem}.level-activity-list{display:flex;flex-direction:column;gap:4px}.level-activity-item{align-items:center;background:var(--bg-elevated);border-radius:6px;display:flex;gap:12px;padding:8px 12px}.level-activity-label{color:var(--text-primary);flex:1 1;font-size:.8rem}.level-activity-pts{color:#10b981;font-size:.8rem;font-weight:600}.level-activity-date{color:var(--text-muted);font-size:.7rem}.rewards-page{margin:0 auto;max-width:900px;padding:24px 16px 100px}.rewards-header{margin-bottom:24px;text-align:center}.rewards-header h1{font-size:1.8rem;margin:0}.rewards-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.rewards-level-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px;transition:border-color .2s}.rewards-level-card:hover{border-color:var(--accent)}.rewards-level-icon{font-size:2.5rem}.rewards-level-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.rewards-level-name{color:var(--text-primary);font-size:1rem;font-weight:600}.rewards-level-bar{background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden}.rewards-level-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .4s ease}.rewards-level-xp{color:var(--text-secondary);font-size:.75rem}.rewards-history{margin-top:32px}.rewards-history h3{font-size:1rem;margin-bottom:12px}.rewards-history-list{display:flex;flex-direction:column;gap:8px}.rewards-history-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.rewards-history-icon{font-size:1.4rem;text-align:center;width:36px}.rewards-history-info{display:flex;flex:1 1;flex-direction:column}.rewards-history-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.rewards-history-meta{text-transform:capitalize}.rewards-history-date,.rewards-history-meta{color:var(--text-muted);font-size:.7rem}.ink-history-page{margin:0 auto;max-width:900px;padding:24px 16px 100px}.ink-history-header{margin-bottom:24px;text-align:center}.ink-history-header h1{font-size:1.8rem;margin:0}.ink-history-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.ink-history-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.ink-summary-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:14px 16px}.ink-summary-card.ink-summary-balance{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.ink-summary-icon{font-size:1.6rem}.ink-summary-info{display:flex;flex-direction:column;gap:2px}.ink-summary-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.ink-summary-value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.ink-summary-value.ink-earned{color:#34d399}.ink-summary-value.ink-spent{color:#f87171}.ink-history-filters{display:flex;gap:8px;margin-bottom:16px}.ink-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.ink-filter-btn:hover{border-color:var(--accent);color:var(--text-primary)}.ink-filter-btn.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}.ink-history-list{display:flex;flex-direction:column;gap:8px}.ink-history-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px 16px;transition:border-color .2s}.ink-history-item:hover{border-color:var(--accent)}.ink-history-item.earn{border-left:3px solid #34d399}.ink-history-item.spend{border-left:3px solid #f87171}.ink-item-icon{font-size:1.2rem;text-align:center;width:32px}.ink-item-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.ink-item-reason{color:var(--text-primary);font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ink-item-time{color:var(--text-secondary);font-size:.75rem}.ink-item-amount{font-size:1rem;font-weight:700;white-space:nowrap}.ink-item-amount.earn{color:#34d399}.ink-item-amount.spend{color:#f87171}.ink-history-empty{color:var(--text-secondary);padding:48px 16px;text-align:center}.ink-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.ink-history-empty p{font-size:.95rem;margin:0 0 16px}.ink-start-btn{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:opacity .2s}.ink-start-btn:hover{opacity:.85}.ink-history-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:16px;text-align:center}.ink-shop-link{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s}.ink-shop-link:hover{border-color:var(--accent);color:var(--text-primary)}.book-gallery-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.book-gallery-modal{background:#1e1e2e;background:var(--surface-color,#1e1e2e);border-radius:16px;max-height:85vh;max-width:900px;overflow-y:auto;padding:24px;width:100%}.book-gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.book-gallery-header h2{margin:0}.book-gallery-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.book-gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.gallery-filter-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 14px;transition:all .2s}.gallery-filter-btn.active{background:#6366f133;border-color:#6366f166;color:#fff}.book-gallery-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-card{background:var(--bg-elevated);border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .2s}.gallery-card:hover{transform:scale(1.03)}.gallery-card-img{height:160px;object-fit:cover;width:100%}.gallery-card-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;justify-content:space-between;padding:6px 8px}.gallery-card-type{text-transform:capitalize}.book-gallery-empty{color:var(--text-secondary);padding:60px 20px;text-align:center}.gallery-empty-hint{font-size:.85rem;margin-top:8px}.book-gallery-loading{padding:60px;text-align:center}.gallery-lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:400}.gallery-lightbox-content{max-height:90vh;max-width:90vw;position:relative}.gallery-lightbox-content img{border-radius:8px;max-height:70vh;max-width:100%}.gallery-lightbox-info{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;padding:12px 0}.gallery-lightbox-type{background:var(--bg-elevated);border-radius:8px;padding:4px 10px;text-transform:capitalize}.gallery-lightbox-source{color:var(--accent);text-decoration:none}.gallery-lightbox-pin-btn{background:#6366f133;border:1px solid #6366f166;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.gallery-lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px}.download-manager-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.download-manager-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.download-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.download-manager-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.download-manager-info{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-bottom:20px}.download-item{background:var(--bg-elevated);border-radius:12px;margin-bottom:12px;padding:16px}.download-item-title{color:var(--text-primary);font-weight:600;margin-bottom:8px}.download-item-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px}.download-done{color:#22c55e}.download-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;padding:4px 12px}.download-btn,.download-btn:hover{text-decoration:none}.download-btn:disabled{opacity:.5}.download-btn-upsell{background:linear-gradient(135deg,#f59e0b,#d97706)}.download-unavailable{color:var(--text-muted);font-size:.8rem;font-style:italic}.download-remove-btn{background:#ef444426;border:none;border-radius:8px;color:#f87171;cursor:pointer;font-size:.8rem;margin-top:8px;padding:4px 12px}.download-progress{align-items:center;display:flex;gap:8px;margin-top:8px}.download-progress-bar{background:var(--bg-primary);border-radius:2px;flex:1 1;height:4px}.download-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.download-storage{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.download-storage-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:8px}.download-storage-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.download-storage-text{color:var(--text-muted);display:block;font-size:.8rem;margin-bottom:12px}.download-clear-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-size:.8rem;padding:8px 16px;width:100%}.offline-page{margin:0 auto;max-width:800px;min-height:100vh;padding:32px 24px}.offline-header{margin-bottom:28px}.offline-back-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;margin-bottom:16px;padding:8px 16px;transition:border-color .2s}.offline-back-btn:hover{border-color:var(--accent);color:var(--accent)}.offline-header h1{font-size:1.6rem;font-weight:700;margin-bottom:8px}.offline-subtitle{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.offline-storage-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:16px 20px}.offline-storage-row{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.offline-storage-label{color:var(--text-secondary);font-weight:500}.offline-storage-value{color:var(--text-primary);font-weight:600}.offline-storage-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.offline-storage-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.offline-clear-btn{background:none;border:none;color:#f87171;cursor:pointer;font-size:.8rem;padding:0}.offline-clear-btn:hover{text-decoration:underline}.offline-loading{color:var(--text-secondary);padding:40px;text-align:center}.offline-book-list{display:flex;flex-direction:column;gap:12px}.offline-book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:16px;transition:border-color .2s}.offline-book-card.saved{border-color:#10b9814d}.offline-book-cover{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;height:80px;overflow:hidden;width:56px}.offline-book-cover img{height:100%;object-fit:cover;width:100%}.offline-book-placeholder{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.offline-book-info{flex:1 1;min-width:0}.offline-book-title{font-size:.95rem;font-weight:600;margin-bottom:2px}.offline-book-author{color:var(--text-secondary);font-size:.8rem;margin-bottom:10px}.offline-book-actions{display:flex;flex-direction:column;gap:6px}.offline-status-row{align-items:center;display:flex;gap:12px}.offline-badge{border-radius:8px;font-size:.78rem;font-weight:600;padding:3px 10px}.offline-badge.saved{background:#10b9811f;color:#10b981}.offline-badge.audio{background:#6366f11f;color:#6366f1}.offline-remove-btn{background:none;border:none;color:#f87171;cursor:pointer;font-size:.78rem;padding:0}.offline-remove-btn:hover{text-decoration:underline}.offline-save-btn{align-self:flex-start;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:opacity .2s}.offline-save-btn:disabled{cursor:not-allowed;opacity:.6}.offline-save-btn.audio{background:#6366f1}.offline-audible-link{color:#f59e0b;font-size:.8rem;font-weight:500;text-decoration:none}.offline-audible-link:hover{text-decoration:underline}@media (max-width:600px){.offline-page{padding:20px 16px}.offline-book-card{align-items:flex-start;flex-direction:column}.offline-book-cover{height:120px;width:100%}}.vocab-flashcards-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.vocab-flashcards-modal{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);cursor:default;max-width:500px;padding:24px;width:100%}.vocab-flashcards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.vocab-flashcards-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.vocab-stats-bar{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:20px}.vocab-flashcard{text-align:center}.vocab-flashcard-progress{color:var(--text-muted);font-size:.8rem;margin-bottom:16px}.vocab-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:200px;padding:32px 24px}.vocab-word{font-size:1.8rem;font-weight:700;margin-bottom:12px}.vocab-context{color:var(--text-secondary);font-size:.85rem;font-style:italic;max-width:80%}.vocab-mastery-badge{background:#6366f126;border-radius:10px;color:#6366f1;color:var(--accent,#6366f1);font-size:.7rem;margin-top:12px;padding:4px 10px;text-transform:capitalize}.vocab-card-back{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.vocab-definition{color:var(--text-primary);font-size:1rem}.vocab-source{color:var(--text-muted);display:block;font-size:.75rem;margin-top:8px}.vocab-reveal-btn{background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px}.vocab-rating-prompt{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.vocab-rating-row{display:flex;gap:8px;justify-content:center}.vocab-rate-btn{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 16px}.rate-fail{background:#ef444426;color:#dc2626}.rate-hard{background:#f59e0b26;color:#d97706}.rate-good{background:#22c55e26;color:#16a34a}.rate-easy{background:#6366f126;color:#4f46e5}@media (prefers-color-scheme:dark){.rate-fail{color:#fca5a5}.rate-hard{color:#fcd34d}.rate-good{color:#86efac}.rate-easy{color:#a5b4fc}}[data-theme=dark] .rate-fail{color:#fca5a5}[data-theme=dark] .rate-hard{color:#fcd34d}[data-theme=dark] .rate-good{color:#86efac}[data-theme=dark] .rate-easy,[data-theme=dark] .vocab-mastery-badge{color:#a5b4fc}.vocab-flashcards-complete,.vocab-flashcards-empty{padding:40px;text-align:center}.vocab-complete-icon,.vocab-empty-icon{display:block;font-size:3rem;margin-bottom:16px}.vocab-done-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 24px}.annotation-export-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.annotation-export-modal{background:#1e1e2e;background:var(--surface-color,#1e1e2e);border-radius:16px;max-width:450px;padding:24px;width:100%}.annotation-export-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.annotation-export-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.annotation-export-summary{background:var(--bg-elevated);border-radius:10px;margin-bottom:20px;padding:12px}.annotation-export-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.annotation-format-option{align-items:flex-start;background:var(--bg-elevated);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px}.annotation-format-option small{color:var(--text-muted);display:block;font-size:.75rem;margin-top:2px}.annotation-export-actions{display:flex;gap:10px}.annotation-export-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px}.annotation-export-btn.secondary{background:var(--bg-elevated)}.annotation-export-btn:disabled{opacity:.5}.night-shift-settings{padding:16px 0}.night-shift-title{margin-bottom:12px}.night-shift-toggle{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:16px}.night-shift-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px}.night-shift-row input[type=time],.night-shift-row select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:.85rem;padding:6px 10px}.night-shift-row input[type=range]{width:120px}.night-shift-status{background:var(--bg-elevated);border-radius:8px;color:var(--text-secondary);font-size:.8rem;margin-top:12px;padding:8px;text-align:center}.integrations-page{margin:0 auto;max-width:900px;padding:24px 24px 80px}.integrations-header{margin-bottom:24px;text-align:center}.integrations-header h1{color:var(--text-primary);font-size:1.8rem;margin:0 0 6px}.integrations-subtitle{color:var(--text-secondary);font-size:.95rem}.integrations-toast{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;color:#10b981;font-size:.85rem;margin-bottom:16px;padding:10px 16px;text-align:center}.integrations-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.integrations-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:7px 14px;transition:all .2s}.integrations-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.integrations-filter-btn:hover:not(.active){border-color:var(--accent)}.integrations-list{display:flex;flex-direction:column;gap:12px}.integration-page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.integration-page-card:hover{border-color:var(--border-hover)}.integration-page-card.expanded{box-shadow:var(--shadow)}.integration-page-card.coming-soon{opacity:.7}.integration-page-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px;-webkit-user-select:none;user-select:none}.integration-page-icon{flex-shrink:0;font-size:2rem;text-align:center;width:44px}.integration-page-info{flex:1 1;min-width:0}.integration-page-info h3{color:var(--text-primary);font-size:1rem;margin:0 0 2px}.integration-page-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.integration-page-badges{display:flex;flex-shrink:0;gap:6px}.integration-badge{border-radius:10px;font-size:.65rem;font-weight:500;padding:3px 8px;white-space:nowrap}.integration-badge.affiliate{background:#f59e0b1a;color:#f59e0b}.integration-badge.status-available{background:#10b9811a;color:#10b981}.integration-badge.status-coming-soon{background:#6366f11a;color:#6366f1}.integration-page-chevron{color:var(--text-muted);flex-shrink:0;font-size:.7rem;transition:transform .2s}.integration-page-chevron.open{transform:rotate(180deg)}.integration-page-body{border-top:1px solid var(--border);padding:16px}.integration-page-guide{margin-bottom:16px}.integration-page-guide h4{color:var(--text-primary);font-size:.85rem;margin:0 0 8px}.integration-page-guide ol{color:var(--text-secondary);font-size:.8rem;line-height:1.8;padding-left:20px}.integration-page-guide ol li{margin-bottom:4px}.integration-page-sample{background:var(--bg-elevated);border-radius:10px;margin-bottom:16px;padding:12px}.integration-page-sample h4{color:var(--text-primary);font-size:.85rem;margin:0 0 6px}.integration-sample-desc{color:var(--text-secondary);font-size:.8rem;margin-bottom:10px}.integration-sample-link{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:8px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:8px 16px;text-decoration:none}.integration-page-fields{margin-bottom:16px}.integration-page-fields h4{color:var(--text-primary);font-size:.85rem;margin:0 0 10px}.integration-page-field{margin-bottom:10px}.integration-page-field label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.integration-page-input,.integration-page-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.integration-page-input:focus,.integration-page-select:focus{border-color:var(--accent)}.integration-page-file{color:var(--text-secondary);font-size:.8rem}.integration-page-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:8px}.integration-page-checkbox input[type=checkbox]{height:16px;width:16px}.integration-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.integration-page-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:9px 18px;transition:opacity .2s}.integration-page-btn:hover{opacity:.9}.integration-page-btn.disabled,.integration-page-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;opacity:.4}.integration-page-btn.affiliate-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.integration-page-affiliate-link{color:var(--accent);font-size:.8rem;text-decoration:none}.integration-page-affiliate-link:hover{text-decoration:underline}.integrations-footer{border-top:1px solid var(--border);margin-top:40px;padding:20px;text-align:center}.integrations-footer p{color:var(--text-muted);font-size:.8rem;margin:4px 0}.integrations-redirect{background:var(--bg-elevated);border-radius:12px;margin-top:16px;padding:24px;text-align:center}.integration-btn-large{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:opacity .2s}.integration-btn-large:hover{opacity:.9}.integrations-redirect-hint{color:var(--text-muted);font-size:.8rem;margin-top:10px}.cloud-file-browser{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;margin-top:16px;padding:16px}.cloud-file-browser h4{color:var(--text-primary);font-size:.95rem;margin:0 0 12px}.cloud-loading{color:#aaa;color:var(--text-secondary,#aaa);font-style:italic;padding:12px 0;text-align:center}.cloud-file-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.cloud-file-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;display:flex;justify-content:space-between;padding:10px 14px;transition:background .15s}.cloud-file-item:hover{background:#ffffff12}.cloud-file-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cloud-file-name{color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-file-size{color:#999;color:var(--text-secondary,#999);font-size:.75rem}.cloud-file-import-btn{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;margin-left:12px;padding:6px 14px;transition:background .15s,opacity .15s;white-space:nowrap}.cloud-file-import-btn:hover:not(:disabled){background:#7c3aed}.cloud-file-import-btn:disabled{cursor:not-allowed;opacity:.6}.hw-canvas-panel{animation:hw-slide-in .25s ease-out;background:#fff;background:var(--bg-card,#fff);border-left:1px solid #e5e7eb;border-left:1px solid var(--border,#e5e7eb);box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:420px;z-index:100}@keyframes hw-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.hw-canvas-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:12px;padding:16px 20px}.hw-canvas-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0}.hw-chapter-label{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:10px;font-size:.8rem;padding:2px 8px}.hw-chapter-label,.hw-close-btn{color:#6b7280;color:var(--text-secondary,#6b7280)}.hw-close-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;margin-left:auto;transition:background .15s,color .15s;width:32px}.hw-close-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.hw-toolbar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:wrap;gap:16px;padding:12px 20px}.hw-tool-group,.hw-toolbar{align-items:center;display:flex}.hw-tool-group{gap:6px}.hw-tool-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hw-color-picker{display:flex;gap:4px}.hw-color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .15s,border-color .15s;width:24px}.hw-color-swatch:hover{transform:scale(1.15)}.hw-color-swatch.active{border-color:#1f2937;border-color:var(--text-primary,#1f2937);box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937;box-shadow:0 0 0 2px var(--bg-card,#fff),0 0 0 4px var(--text-primary,#1f2937);transform:scale(1.15)}.hw-thickness-picker{display:flex;gap:4px}.hw-thickness-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:border-color .15s,background .15s;width:32px}.hw-thickness-btn:hover{border-color:#6b7280;border-color:var(--text-secondary,#6b7280)}.hw-thickness-btn.active{background:#eff6ff;background:var(--bg-hover,#eff6ff);border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.hw-thickness-dot{background:#1f2937;background:var(--text-primary,#1f2937);border-radius:50%}.hw-actions{gap:8px;margin-left:auto}.hw-action-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:background .15s,border-color .15s}.hw-action-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.hw-save-btn{background:#3b82f6;background:var(--accent,#3b82f6);border-color:#3b82f6;border-color:var(--accent,#3b82f6);color:#fff}.hw-save-btn:hover{background:#2563eb;border-color:#2563eb}.hw-clear-btn:hover{border-color:#ef4444;color:#ef4444}.hw-canvas-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px 20px 20px}.hw-canvas{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;cursor:crosshair;flex:1 1;touch-action:none;width:100%}.hw-canvas-hint{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.7rem;margin-top:8px;opacity:.7;text-align:center}.hw-gallery-overlay{align-items:center;animation:hw-fade-in .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}@keyframes hw-fade-in{0%{opacity:0}to{opacity:1}}.hw-gallery-modal{animation:hw-scale-in .25s ease-out;background:#fff;background:var(--bg-card,#fff);border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:90%}@keyframes hw-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hw-gallery-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;padding:20px 24px}.hw-gallery-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.2rem;font-weight:600;margin:0}.hw-gallery-filters{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:8px;padding:12px 24px}.hw-filter-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .15s}.hw-filter-btn:hover{color:#3b82f6;color:var(--accent,#3b82f6)}.hw-filter-btn.active,.hw-filter-btn:hover{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.hw-filter-btn.active{background:#3b82f6;background:var(--accent,#3b82f6);color:#fff}.hw-delete-all-btn{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.75rem;font-weight:500;margin-left:auto;padding:6px 14px;transition:all .15s}.hw-delete-all-btn:hover{background:#fee2e2}.hw-delete-all-btn.confirming{background:#dc2626;border-color:#dc2626;color:#fff}.hw-cancel-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;cursor:pointer;font-size:.75rem;padding:6px 12px}.hw-gallery-grid{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-y:auto;padding:20px 24px}.hw-gallery-empty{color:#6b7280;color:var(--text-secondary,#6b7280);grid-column:1/-1;padding:60px 20px;text-align:center}.hw-gallery-empty p{font-size:1rem;margin:0 0 8px}.hw-gallery-empty-hint{font-size:.85rem;opacity:.7}.hw-gallery-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s}.hw-gallery-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.hw-gallery-thumb{aspect-ratio:4/3;background:#f9fafb;overflow:hidden;width:100%}.hw-gallery-thumb img{height:100%;object-fit:cover;width:100%}.hw-gallery-meta{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.7rem;justify-content:space-between;padding:8px 12px}.hw-gallery-chapter{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.hw-gallery-delete-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .15s;width:24px}.hw-gallery-card:hover .hw-gallery-delete-btn{opacity:1}.hw-gallery-delete-btn:hover{background:#dc2626}@media (max-width:768px){.hw-canvas-panel{border-left:none;width:100%}.hw-toolbar{gap:10px;padding:10px 12px}.hw-gallery-modal{border-radius:12px;max-height:90vh;width:95%}.hw-gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:16px}}.metadata-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.metadata-modal{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:100%}.metadata-modal-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border,#ffffff1a);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.metadata-modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;font-weight:700;margin:0}.metadata-modal-book-title{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin:4px 0 0}.metadata-modal-close{background:none;border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1.5rem;line-height:1;padding:0 4px}.metadata-modal-close:hover{color:#fff;color:var(--text-primary,#fff)}.metadata-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.metadata-section{margin-bottom:1.5rem}.metadata-section-title{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border,#ffffff0f);color:#fff;color:var(--text-primary,#fff);font-size:.95rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.metadata-readonly-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.metadata-readonly-item{display:flex;flex-direction:column;gap:2px}.metadata-readonly-label{color:#666;color:var(--text-muted,#666);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.metadata-readonly-value{color:#fff;color:var(--text-primary,#fff);font-size:.9rem}.metadata-edit-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.metadata-field{display:flex;flex-direction:column;gap:4px}.metadata-field.full-width{grid-column:1/-1}.metadata-field-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.metadata-input,.metadata-select,.metadata-textarea{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.85rem;padding:.5rem .75rem;transition:border-color .2s}.metadata-input:focus,.metadata-select:focus,.metadata-textarea:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);outline:none}.metadata-textarea{min-height:60px;resize:vertical}.metadata-multiselect{display:flex;flex-wrap:wrap;gap:6px}.metadata-multiselect-chip{background:#0000;border:1px solid #ffffff26;border:1px solid var(--border,#ffffff26);border-radius:12px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.75rem;padding:4px 10px;transition:all .2s}.metadata-multiselect-chip.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}.metadata-tags-field{display:flex;flex-direction:column;gap:8px}.metadata-tags-list{display:flex;flex-wrap:wrap;gap:6px;min-height:28px}.metadata-tag{align-items:center;background:#8b5cf626;border:1px solid #8b5cf64d;border-radius:12px;color:#8b5cf6;color:var(--accent,#8b5cf6);display:inline-flex;font-size:.75rem;gap:4px;padding:3px 10px}.metadata-tag-remove{background:none;border:none;color:inherit;cursor:pointer;font-size:.9rem;line-height:1;opacity:.6;padding:0}.metadata-tag-remove:hover{opacity:1}.metadata-tag-input-row{display:flex;gap:6px}.metadata-input.tag-input{flex:1 1}.metadata-tag-add-btn{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#8b5cf6;color:var(--accent,#8b5cf6);cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:all .2s}.metadata-tag-add-btn:hover{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.metadata-rating{align-items:center;display:flex;gap:4px}.metadata-star{background:none;border:none;color:#fff3;color:var(--border,#fff3);cursor:pointer;font-size:1.5rem;padding:0;transition:color .15s}.metadata-star.filled{color:#f59e0b}.metadata-star:hover{color:#fbbf24}.metadata-rating-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-left:8px}.metadata-modal-footer{border-top:1px solid #ffffff1a;border-top:1px solid var(--border,#ffffff1a);display:flex;gap:10px;justify-content:flex-end;padding:1rem 1.5rem}.metadata-btn{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s}.metadata-btn.cancel{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);color:#aaa;color:var(--text-secondary,#aaa)}.metadata-btn.cancel:hover{background:#2a2a3a;background:var(--bg-secondary,#2a2a3a)}.metadata-btn.save{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.metadata-btn.save:hover:not(:disabled){background:#7c3aed}.metadata-btn.save:disabled{cursor:default;opacity:.5}.library-filters{margin-bottom:16px;position:relative;z-index:2}.library-filters-bar{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.library-filters-left{align-items:center;display:flex;gap:10px}.library-filter-toggle{background:#0000;border:1px solid #ffffff26;border:1px solid var(--border,#ffffff26);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:6px 14px;transition:all .2s}.library-filter-toggle.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}.library-filter-clear{background:#ef444426;border:none;border-radius:6px;color:#ef4444;cursor:pointer;font-size:.75rem;padding:4px 10px}.library-filter-clear:hover{background:#ef444440}.library-filters-right{align-items:center;display:flex;gap:8px}.library-sort-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem}.library-sort-select{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff26;border:1px solid var(--border,#ffffff26);border-radius:8px;padding:6px 12px}.library-filters-panel{animation:filterSlideDown .2s ease;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-top:8px;padding:16px}@keyframes filterSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.library-filter-group{display:flex;flex-direction:column;gap:6px}.library-filter-group-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.library-filter-chips{display:flex;flex-wrap:wrap;gap:6px}.library-filter-chip{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:14px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.75rem;padding:5px 12px;transition:all .2s}.library-filter-chip:hover{color:#fff;color:var(--text-primary,#fff)}.library-filter-chip.active,.library-filter-chip:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.library-filter-chip.active{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.library-filter-input{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.8rem;max-width:300px;padding:6px 12px;width:100%}.library-filter-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);outline:none}.library-filter-input.small{max-width:100px}.library-filter-range{align-items:center;display:flex;gap:8px}.library-filter-range-sep{color:#666;color:var(--text-muted,#666);font-size:.8rem}.library-filter-rating{align-items:center;display:flex;gap:4px}.library-filter-star{background:none;border:none;color:#fff3;color:var(--border,#fff3);cursor:pointer;font-size:1.3rem;padding:0;transition:color .15s}.library-filter-star.active{color:#f59e0b}.library-filter-star:hover{color:#fbbf24}.library-filter-rating-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;margin-left:6px}.book-metadata-btn{background:#8b5cf614;border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:6px;color:#8b5cf6;color:var(--accent,#8b5cf6);cursor:pointer;font-size:.72rem;padding:4px 10px;transition:all .2s}.book-metadata-btn:hover{background:#8b5cf633}@media (max-width:600px){.metadata-modal{border-radius:12px 12px 0 0;margin-top:auto;max-height:95vh}.metadata-edit-grid{grid-template-columns:1fr}.metadata-readonly-grid{grid-template-columns:1fr 1fr}.library-filters-bar{align-items:stretch;flex-direction:column;gap:8px}.library-filters-right{justify-content:flex-end}}.book-context-menu{animation:contextMenuFadeIn .15s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:12px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0d;max-height:calc(100vh - 16px);max-width:min(420px,90vw);min-width:280px;overflow-x:hidden;overflow-y:auto;padding:6px 0;position:fixed;scrollbar-width:none;width:-webkit-max-content;width:max-content;z-index:9999}.book-context-menu::-webkit-scrollbar{display:none}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.book-context-menu-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border,#ffffff14);margin-bottom:4px;padding:8px 14px 6px}.book-context-refresh-status{align-items:center;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:.82rem;gap:8px;padding:16px 14px}.book-context-refresh-status.success{color:#10b981}.book-context-refresh-status.error{color:#f59e0b;font-size:.78rem;line-height:1.3}.book-context-refresh-spinner{animation:spin 1s linear infinite}.book-context-menu-title{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.8rem;font-weight:600;word-break:break-word}.book-context-menu-author{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.7rem;margin-top:1px}.book-context-menu-items{display:flex;flex-direction:column}.book-context-menu-item{align-items:center;background:none;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.8rem;gap:10px;padding:7px 14px;text-align:left;transition:background .12s;width:100%}.book-context-menu-item:hover{background:#8b5cf61f}.book-context-menu-item-icon{flex-shrink:0;font-size:.9rem;text-align:center;width:20px}.book-context-menu-item-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-context-menu-divider{background:#ffffff14;background:var(--border,#ffffff14);height:1px;margin:4px 10px}.discover-trending-rows{display:flex;flex-direction:column;gap:24px}.discover-trending-row{display:flex;flex-direction:column;gap:10px}.discover-trending-row-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0;padding-left:4px;text-transform:capitalize}.discover-trending-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:4px;scroll-snap-type:x proximity;scrollbar-width:none}.discover-trending-scroll::-webkit-scrollbar{display:none}.discover-trending-scroll-card{contain-intrinsic-size:140px 260px;content-visibility:auto;cursor:pointer;flex-shrink:0;scroll-snap-align:start;transition:transform .2s;width:140px}.discover-trending-scroll-cover{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:8px;contain:layout style paint;height:200px;overflow:hidden;width:140px}.discover-trending-scroll-cover img{height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.discover-trending-scroll-info{padding:6px 2px 0}.discover-trending-scroll-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary,#fff);display:-webkit-box;font-size:.75rem;font-weight:600;line-height:1.3;overflow:hidden}.discover-trending-scroll-author{color:#aaa;color:var(--text-secondary,#aaa);font-size:.65rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-trending-scroll-rating{color:#aaa;color:var(--text-secondary,#aaa);font-size:.7rem;margin-top:2px}.discover-trending-scroll-genre{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.65rem;margin-top:2px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is([data-theme=light],[data-theme=sepia]) .book-detail-hero{background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border-bottom:1px solid var(--border)}:is([data-theme=light],[data-theme=sepia]) .book-detail-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-author{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-section h2{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-synopsis,:is([data-theme=light],[data-theme=sepia]) .book-detail-why{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-rating-card{background:var(--bg-card);border:1px solid var(--border)}:is([data-theme=light],[data-theme=sepia]) .book-detail-rating-card .rating-source{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-rating-card .rating-value{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-review{background:var(--bg-card);border:1px solid var(--border)}:is([data-theme=light],[data-theme=sepia]) .book-detail-review .review-text{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .book-detail-btn.secondary{border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .discover-detail-modal{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .discover-detail-tag{background:#6366f11a;color:#4f46e5}:is([data-theme=light],[data-theme=sepia]) .discover-trending-scroll-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .discover-trending-scroll-author{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .discover-trending-row-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .discover-trending-scroll-cover{background:var(--bg-elevated);border-color:var(--border)}.discover-trending-filters{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.discover-trending-filter-chip{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:14px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.75rem;padding:5px 12px;text-transform:capitalize;transition:all .15s}.discover-trending-filter-chip:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff;color:var(--text-primary,#fff)}.discover-trending-filter-chip.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}:is([data-theme=light],[data-theme=sepia]) .discover-trending-filter-chip.active{color:#fff}.discover-layout{display:flex;gap:0;max-width:none!important;min-height:100vh;padding:0!important}.discover-sidebar{align-self:flex-start;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border-right:1px solid #ffffff14;border-right:1px solid var(--border,#ffffff14);flex-shrink:0;height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:0;width:240px;z-index:10}.discover-sidebar::-webkit-scrollbar{display:none}.discover-sidebar.open{width:240px}.discover-sidebar.collapsed{display:none}.discover-sidebar-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border,#ffffff0f);display:flex;justify-content:space-between;padding:14px 14px 10px}.discover-sidebar-header h3{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;font-weight:700;margin:0}.discover-sidebar.collapsed .discover-sidebar-header h3{display:none}.discover-sidebar-toggle{background:none;border:none;border-radius:4px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.85rem;padding:4px 6px}.discover-sidebar-toggle:hover{background:#ffffff0d;background:var(--bg-elevated,#ffffff0d)}.discover-sidebar-body{display:flex;flex-direction:column;gap:16px;padding:12px}.discover-filter-clear{align-self:flex-start;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.75rem;padding:6px 12px}.discover-filter-clear:hover{background:#ef444433}.discover-filter-section{display:flex;flex-direction:column;gap:6px}.discover-filter-title{color:#aaa;color:var(--text-secondary,#aaa);font-size:.72rem;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.discover-filter-genre-list{display:flex;flex-direction:column;gap:2px;max-height:none}.discover-filter-genre-item{align-items:center;border-radius:6px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-size:.75rem;gap:6px;padding:4px 6px;transition:background .12s}.discover-filter-genre-item:hover{background:#8b5cf614}.discover-filter-genre-item.active{background:#8b5cf61f;color:#fff;color:var(--text-primary,#fff)}.discover-filter-genre-item input[type=checkbox]{accent-color:#8b5cf6;accent-color:var(--accent,#8b5cf6);height:14px;width:14px}.discover-filter-options{display:flex;flex-wrap:wrap;gap:4px}.discover-filter-option{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:10px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.7rem;padding:4px 10px;transition:all .15s}.discover-filter-option.active,.discover-filter-option:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.discover-filter-option.active{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.discover-filter-input{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.75rem;padding:6px 10px;width:100%}.discover-filter-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);outline:none}.discover-filter-toggle-label{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-size:.75rem;gap:8px}.discover-filter-toggle-label input[type=checkbox]{accent-color:#8b5cf6;accent-color:var(--accent,#8b5cf6)}.discover-main{flex:1 1;min-width:0;padding:24px 32px}.discover-section{margin-bottom:32px}.discover-section-title{color:#fff;color:var(--text-primary,#fff);font-size:1.15rem;font-weight:700;margin:0 0 14px}.discover-filter-badge{background:#8b5cf626;border-radius:10px;color:#8b5cf6;color:var(--accent,#8b5cf6);display:inline-block;font-size:.7rem;font-weight:600;margin-left:10px;padding:3px 10px}.discover-genre-rows{display:flex;flex-direction:column;gap:20px}.discover-load-more{background:#0000;border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:10px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:block;font-size:.8rem;margin:16px auto 0;padding:8px 20px;transition:all .15s}.discover-load-more:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff;color:var(--text-primary,#fff)}@media (max-width:768px){.discover-layout{flex-direction:column}.discover-sidebar{display:none}.discover-sidebar::-webkit-scrollbar{display:block}.discover-sidebar.collapsed .discover-sidebar-body{display:none}.discover-main{margin-left:0!important;padding:16px}}:is([data-theme=light],[data-theme=sepia]) .discover-sidebar{background:var(--bg-card);border-right-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .discover-filter-input{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .discover-section-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .discover-filter-option.active{color:#fff}.discover-scroll-loader{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:60px;padding:0 10px}.loading-spinner.small{border-width:2px;height:20px;width:20px}.discover-layout,.discover-main{overflow-x:hidden;overscroll-behavior-x:none}.discover-load-sentinel{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.8rem;gap:10px;justify-content:center;padding:20px}.discover-owned-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10b981e6;border-radius:6px;color:#fff;font-size:.6rem;font-weight:700;left:6px;letter-spacing:.02em;padding:2px 7px;position:absolute;top:6px}.discover-owned-badge.audiobook-owned{background:#8b5cf6e6}.discover-owned-badge.audiobook-badge{background:#8b5cf6bf;font-size:.7rem}.discover-filter-title.collapsible{align-items:center;background:none;border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-size:.72rem;font-weight:700;justify-content:space-between;letter-spacing:.04em;padding:4px 0;text-align:left;text-transform:uppercase;width:100%}.discover-filter-title.collapsible:hover{color:#fff;color:var(--text-primary,#fff)}.discover-filter-chevron{font-size:2.1rem;line-height:1;opacity:.6}.discover-filter-section-body{padding-top:6px}.book-context-menu-stars{align-items:center;display:flex;gap:4px;padding:6px 14px}.book-context-menu-stars .book-context-menu-item-icon{font-size:.9rem;text-align:center;width:20px}.book-context-menu-stars .book-context-menu-item-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-right:4px}.book-context-menu-star{background:none;border:none;color:#ffffff40;color:var(--border,#ffffff40);cursor:pointer;font-size:1.3rem;padding:0;transition:color .1s,transform .1s}.book-context-menu-star:hover,.book-context-menu-star:hover~.book-context-menu-star,.book-context-menu-stars:hover .book-context-menu-star{color:#f59e0b}.book-context-menu-stars .book-context-menu-star:hover~.book-context-menu-star{color:#ffffff40;color:var(--border,#ffffff40)}.book-context-menu-scroll-speed{align-items:center;display:flex;flex-wrap:wrap;gap:4px;padding:6px 14px}.book-context-menu-scroll-speed .book-context-menu-item-icon{font-size:.9rem;text-align:center;width:20px}.book-context-menu-scroll-speed .book-context-menu-item-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-right:4px}.book-context-menu-speed-pills{display:flex;gap:2px}.book-context-speed-pill{align-items:center;background:#0000;border:1px solid #ffffff26;border:1px solid var(--border,#ffffff26);border-radius:4px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-size:.65rem;font-weight:600;height:22px;justify-content:center;transition:all .15s;width:22px}.book-context-speed-pill:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff;color:var(--text-primary,#fff)}.book-context-speed-pill.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}.about-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:10000}.about-modal{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:16px;max-height:95vh;max-width:560px;overflow-y:auto;padding:2.5rem;position:relative;text-align:center;width:100%}.about-modal-close{background:none;border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px}.about-modal-header{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:4px}.about-modal-icon{font-size:2rem}.about-modal-header h2{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700;margin:0}.about-modal-version{background:#8b5cf626;border-radius:8px;color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.75rem;font-weight:600;padding:2px 8px}.about-modal-tagline{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;margin:8px 0 20px}.about-modal-features{display:flex;flex-direction:column;gap:8px;text-align:left}.about-feature{color:#ccc;color:var(--text-secondary,#ccc);font-size:.8rem;line-height:1.4}.about-feature strong{color:#fff;color:var(--text-primary,#fff)}.about-modal-footer{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin-top:20px}.discover-unavailable-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#6b7280e6;border-radius:6px;bottom:6px;color:#fff;font-size:.6rem;font-weight:600;left:6px;padding:2px 7px;position:absolute}.trivia-streak-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.trivia-streak-badge{color:#f59e0b;font-size:.75rem;font-weight:600}.trivia-streak-best{color:#888;color:var(--text-muted,#888);font-size:.65rem}.trivia-next-btn{overflow:hidden;position:relative}.trivia-next-countdown{background:#8b5cf626;border-radius:inherit;inset:0;position:absolute;transition:width 1s linear}.trivia-next-text{position:relative;z-index:1}.discover-cover-placeholder{align-items:center;border-radius:inherit;display:flex;flex-direction:column;gap:4px;inset:0;justify-content:center;padding:10px;position:absolute}.discover-cover-placeholder-icon{font-size:2rem;opacity:.6}.discover-cover-placeholder-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffe6;display:-webkit-box;font-size:.65rem;font-weight:600;line-height:1.2;overflow:hidden;text-align:center}.discover-cover-placeholder-author{color:#fff9;font-size:.55rem;text-align:center}.discover-trending-scroll-cover{position:relative}.admin-progress-bars{display:flex;flex-direction:column;gap:10px;margin-top:10px}.admin-bar-row{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.8rem;gap:12px}.admin-bar-row>span:first-child{min-width:120px}.admin-bar{align-items:center;background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:10px;display:flex;flex:1 1;height:20px;overflow:hidden;position:relative}.admin-bar-fill{border-radius:10px;height:100%;transition:width .5s ease}.admin-bar>span{color:#fff;color:var(--text-primary,#fff);font-size:.7rem;font-weight:600;position:absolute;right:8px}.admin-import-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-import-card{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:12px;padding:1.25rem}.admin-import-card h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 8px}.admin-import-card p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;line-height:1.4;margin:0 0 12px}.admin-import-dropzone{border:2px dashed #ffffff26;border:2px dashed var(--border,#ffffff26);border-radius:10px;color:#888;color:var(--text-muted,#888);cursor:pointer;font-size:.8rem;padding:24px;text-align:center;transition:border-color .2s}.admin-import-dropzone:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.admin-import-connect-btn{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;padding:8px 16px}.admin-import-connect-btn:disabled{cursor:not-allowed;opacity:.5}.admin-import-path{background:#0f0f1a;background:var(--bg-primary,#0f0f1a);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-family:monospace;font-size:.8rem;margin-bottom:8px;padding:8px 12px;width:100%}.admin-import-scan-btn{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 14px}.admin-import-note{color:#666!important;color:var(--text-muted,#666)!important;font-size:.7rem!important;font-style:italic;margin-top:8px!important}.admin-architecture-box{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:10px;overflow-x:auto;padding:16px}.admin-architecture-box pre{font-size:.75rem;line-height:1.6;margin:0;white-space:pre-wrap}.admin-architecture-box pre,.admin-loading{color:#aaa;color:var(--text-secondary,#aaa)}.admin-loading{font-size:.9rem;padding:3rem;text-align:center}.admin-empty{color:#888;color:var(--text-muted,#888);font-size:.8rem;font-style:italic;padding:1rem 0}.admin-section-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:700;margin:1.5rem 0 .75rem}.admin-subtitle-text{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-bottom:1rem}.admin-stat-card.highlight{background:#8b5cf614;border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.admin-breakdown{display:flex;flex-direction:column;gap:8px}.admin-breakdown-row{align-items:center;display:flex;gap:10px}.admin-breakdown-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;min-width:120px;text-transform:capitalize}.admin-breakdown-bar{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:9px;flex:1 1;height:18px;overflow:hidden}.admin-breakdown-fill{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:9px;height:100%;transition:width .5s ease}.admin-breakdown-count{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;min-width:60px;text-align:right}.admin-chart-bars{align-items:flex-end;display:flex;gap:4px;height:120px;padding:10px 0}.admin-chart-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end}.admin-chart-bar{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:4px 4px 0 0;max-width:30px;min-height:4px;transition:height .3s ease;width:100%}.admin-chart-bar-label{color:#888;color:var(--text-muted,#888);font-size:.55rem;margin-top:4px}.admin-chart-bar-value{color:#aaa;color:var(--text-secondary,#aaa);font-size:.6rem;font-weight:600}.admin-event-list{display:flex;flex-direction:column;gap:4px}.admin-event-row{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border-radius:6px;display:flex;font-size:.8rem;justify-content:space-between;padding:6px 10px}.admin-event-name{color:#fff;color:var(--text-primary,#fff);font-family:monospace}.admin-event-count{color:#8b5cf6;color:var(--accent,#8b5cf6);font-weight:700}.admin-badge-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.admin-badge-card{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px}.admin-badge-name{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:600}.admin-badge-count{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.75rem;font-weight:600}.admin-badge-last{color:#888;color:var(--text-muted,#888);font-size:.65rem}.book-card-progress-bar{background:#0000004d;border-radius:0 0 8px 8px;bottom:0;height:4px;left:0;position:absolute;right:0}.book-card-progress-fill{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:0 0 0 8px;height:100%;transition:width .3s ease}.user-avatar-section-label{color:#666;color:var(--text-muted,#666);display:block;font-size:.55rem;font-weight:700;letter-spacing:.06em;padding:2px 16px 1px;text-transform:uppercase}.user-avatar-level-meta{align-items:center;display:flex;justify-content:space-between}.user-avatar-streak{color:#f59e0b;font-size:.65rem;font-weight:600}.book-card-status-badge{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:.9rem;position:absolute;right:6px;top:6px}.discover-trending-scroll-card:focus-visible{border-radius:8px;outline:2px solid #8b5cf6;outline:2px solid var(--accent,#8b5cf6);outline-offset:2px}.discover-trending-scroll-card:hover{transform:translateY(-4px);transition:transform .2s ease}.library-search-bar{background:#121218;background:var(--bg-primary,#121218);display:flex;gap:10px;margin-bottom:16px;padding:8px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.library-search-input{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:10px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.85rem;padding:8px 14px}.library-search-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);outline:none}.library-sort-select{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:10px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;padding:8px 12px}.library-format-toggle{display:flex;gap:6px;margin-bottom:16px}.library-format-btn{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:20px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.8rem;padding:6px 14px;transition:all .2s ease}.library-format-btn:hover{color:#fff;color:var(--text-primary,#fff)}.library-format-btn.active,.library-format-btn:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.library-format-btn.active{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff;font-weight:600}.library-empty-state{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px dashed #ffffff1a;border:1px dashed var(--border,#ffffff1a);border-radius:12px;color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.85rem;gap:12px;padding:20px 16px}.library-empty-icon{font-size:1.5rem}.home-see-all{background:none;border:none;color:#8b5cf6;color:var(--accent,#8b5cf6);cursor:pointer;font-size:.8rem;font-weight:600}.home-see-all:hover{text-decoration:underline}.home-dismiss-btn{background:none;border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1.2rem;padding:4px 8px}.home-dismiss-btn:hover{color:#fff;color:var(--text-primary,#fff)}.book-context-menu-section-label{color:#666;color:var(--text-muted,#666);display:block;font-size:.6rem;font-weight:700;letter-spacing:.05em;padding:0 4px;text-transform:uppercase}.skeleton-card{flex-shrink:0;width:140px}.skeleton-cover{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:8px;height:200px;width:140px}.skeleton-info{padding:8px 2px}.skeleton-line{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:4px;height:12px}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a3e 25%,#333 50%,#2a2a3e 75%);background:linear-gradient(90deg,var(--bg-elevated,#2a2a3e) 25%,var(--bg-card,#333) 50%,var(--bg-elevated,#2a2a3e) 75%);background-size:200% 100%}.scroll-row-wrapper{position:relative}.scroll-row-arrow{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:1.4rem;height:36px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s;width:36px;z-index:5}.scroll-row-wrapper:hover .scroll-row-arrow{opacity:1}.scroll-row-arrow.left{left:4px}.scroll-row-arrow.right{right:4px}.scroll-row-arrow:hover{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}@media (hover:none){.scroll-row-arrow{display:none}}.discover-top-bar{align-items:flex-start;display:flex;gap:10px}.discover-top-bar .book-discovery-search{flex:1 1}.discover-surprise-btn{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:10px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;flex-shrink:0;font-size:.85rem;padding:10px 16px;transition:all .2s;white-space:nowrap}.discover-surprise-btn:hover{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff;transform:scale(1.05)}.user-avatar-theme-row{display:flex;gap:6px;padding:2px 16px 6px}.user-avatar-theme-btn{align-items:center;background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:2px solid #ffffff1a;border:2px solid var(--border,#ffffff1a);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .15s;width:32px}.user-avatar-theme-btn.active{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);box-shadow:0 0 0 2px #8b5cf64d}.user-avatar-theme-btn:hover{transform:scale(1.1)}.library-grid-view{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.library-grid-view .discover-trending-scroll-card{flex-shrink:1;width:100%}.library-books-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:8px 4px 16px;scroll-snap-type:x proximity;scrollbar-width:none}.library-books-scroll::-webkit-scrollbar{display:none}.library-card-wrapper{flex-shrink:0;position:relative}.library-card-wrapper.selectable{cursor:pointer;opacity:.85;transition:opacity .15s}.library-card-wrapper.selectable:hover,.library-card-wrapper.selected{opacity:1}.library-card-wrapper.selected .discover-trending-scroll-card{border-radius:10px;outline:2px solid #8b5cf6;outline:2px solid var(--accent,#8b5cf6);outline-offset:2px}.library-card-checkbox{align-items:center;background:#0009;border-radius:6px;color:#fff;display:flex;font-size:1rem;height:24px;justify-content:center;left:6px;position:absolute;top:6px;width:24px;z-index:2}.library-card-wrapper.selected .library-card-checkbox{background:#8b5cf6;background:var(--accent,#8b5cf6)}.library-add-divider{align-items:center;color:#888;color:var(--text-muted,#888);display:flex;font-size:.8rem;gap:12px;margin:16px 0}.library-add-divider:after,.library-add-divider:before{background:#ffffff1a;background:var(--border,#ffffff1a);content:"";flex:1 1;height:1px}.library-view-toggle{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:10px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:1rem;padding:8px 12px;transition:all .2s}.library-view-toggle.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:var(--accent)}.library-view-toggle:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.admin-version{background:#8b5cf626;border-radius:8px;color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.7rem;font-weight:600;margin-left:10px;padding:2px 8px}.admin-stat-card.clickable{cursor:pointer;transition:all .2s}.admin-stat-card.clickable:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);box-shadow:0 4px 12px #8b5cf626;transform:translateY(-2px)}.admin-book-row.clickable,.admin-breakdown-row.clickable,.admin-event-row.clickable,.admin-mini-row.clickable{cursor:pointer;transition:background .15s}.admin-book-row.clickable:hover,.admin-breakdown-row.clickable:hover,.admin-event-row.clickable:hover{background:#8b5cf614}.admin-mini-row.clickable:hover{color:#8b5cf6;color:var(--accent,#8b5cf6)}.admin-overview-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.admin-overview-card{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:10px;padding:12px}.admin-overview-card h4{color:#fff;color:var(--text-primary,#fff);font-size:.8rem;margin:0 0 8px}.admin-mini-row{color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.75rem;justify-content:space-between;padding:3px 0}.admin-mini-pct{color:#8b5cf6;color:var(--accent,#8b5cf6);font-weight:600}.admin-chart-bars.tall{height:160px}.admin-hour-chart{align-items:flex-end;display:flex;gap:3px;height:120px;padding:12px 0}.admin-hour-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.admin-hour-fill{background:linear-gradient(180deg,#f59e0b,#d97706);border-radius:3px 3px 0 0;margin-top:auto;min-height:4px;transition:height .3s ease;width:100%}.admin-hour-label{bottom:-16px;color:var(--text-secondary);font-size:.6rem;margin-top:4px;position:absolute}.admin-event-bar{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:6px;flex:1 1;height:12px;margin:0 10px;overflow:hidden}.admin-event-bar-fill{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:6px;height:100%}.admin-drilldown-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.admin-drilldown{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:12px;max-height:80vh;max-width:500px;overflow-y:auto;padding:20px;width:100%}.admin-drilldown-back{background:none;border:none;color:#8b5cf6;color:var(--accent,#8b5cf6);cursor:pointer;font-size:.85rem;margin-bottom:8px;padding:0}.admin-drilldown h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 12px}.admin-drilldown-list{display:flex;flex-direction:column;gap:4px}.admin-drilldown-item{border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.8rem;justify-content:space-between;padding:8px 10px;transition:background .15s}.admin-drilldown-item:hover{background:#8b5cf614}.admin-drilldown-value{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem}.admin-book-list{display:flex;flex-direction:column;gap:2px;max-height:300px;overflow-y:auto}.admin-book-row{align-items:center;border-radius:6px;display:flex;font-size:.8rem;gap:12px;padding:8px 10px}.admin-book-title{color:#fff;color:var(--text-primary,#fff);flex:1 1;font-weight:600}.admin-book-author{color:#aaa;color:var(--text-secondary,#aaa);min-width:120px}.admin-book-status{color:#888;color:var(--text-muted,#888);font-size:.7rem;min-width:80px;text-align:right;text-transform:capitalize}.admin-badge-card{cursor:default}.admin-badge-card.earned{border-color:#8b5cf64d;cursor:pointer}.admin-badge-card.earned:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);transform:translateY(-2px)}.admin-badge-card.locked{opacity:.5}.admin-badge-icon{display:block;font-size:1.5rem;margin-bottom:4px}.admin-badge-desc{color:#888;color:var(--text-muted,#888);font-size:.65rem;margin-top:2px}.admin-badge-locked{color:#666;color:var(--text-muted,#666);font-size:.65rem;margin-top:4px}.book-card-badges{display:flex;gap:3px;left:4px;position:absolute;top:4px;z-index:2}.book-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:5px;font-size:.65rem;padding:2px 5px}.book-badge-owned{background:#10b981d9}.book-badge-audio{background:#8b5cf6d9}.book-badge-wishlist{background:#ec4899d9}.health-loading-countdown{padding:20px;text-align:center}.health-loading-bar{background:#ffffff0d;background:var(--bg-elevated,#ffffff0d);border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden;width:100%}.health-loading-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .5s linear}.health-loading-text{color:var(--text-secondary);font-size:.85rem}.infra-health-section{animation:fadeIn .2s ease}.infra-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.infra-header .admin-section-title{margin:0}.infra-header-actions{align-items:center;display:flex;gap:12px}.infra-auto-refresh{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.78rem;gap:6px;-webkit-user-select:none;user-select:none}.infra-auto-refresh input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:14px;width:14px}.infra-summary{align-items:center;border:1px solid;border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.infra-summary--healthy{background:#10b9810f;border-color:#10b9814d}.infra-summary--degraded{background:#f59e0b0f;border-color:#f59e0b4d}.infra-summary--down{background:#ef44440f;border-color:#ef44444d}.infra-summary-indicator{align-items:center;display:flex;gap:10px}.infra-pulse{animation:infraPulse 2s infinite;border-radius:50%;height:12px;width:12px}.infra-pulse--healthy{background:#10b981;box-shadow:0 0 8px #10b98199}.infra-pulse--degraded{background:#f59e0b;box-shadow:0 0 8px #f59e0b99}.infra-pulse--down{background:#ef4444;box-shadow:0 0 8px #ef444499}@keyframes infraPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.infra-summary-status{color:var(--text-primary);font-size:1rem;font-weight:600}.infra-summary-stats{align-items:center;color:var(--text-secondary);display:flex;font-size:.78rem;gap:10px}.infra-summary-divider{opacity:.3}.infra-issues{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.infra-issues-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 12px}.infra-issues-list{display:flex;flex-direction:column;gap:8px}.infra-issue{align-items:center;border:1px solid;border-radius:8px;display:flex;font-size:.82rem;gap:10px;padding:10px 12px}.infra-issue--critical{background:#ef44440f;border-color:#ef444440}.infra-issue--error{background:#ef44440a;border-color:#ef444433}.infra-issue--warning{background:#f59e0b0a;border-color:#f59e0b33}.infra-issue--info{background:#3b82f60a;border-color:#3b82f633}.infra-issue-badge{border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.5px;min-width:60px;padding:2px 8px;text-align:center;text-transform:uppercase}.infra-issue--critical .infra-issue-badge{background:#ef444433;color:#ef4444}.infra-issue--error .infra-issue-badge{background:#ef444426;color:#f87171}.infra-issue--warning .infra-issue-badge{background:#f59e0b26;color:#f59e0b}.infra-issue--info .infra-issue-badge{background:#3b82f626;color:#3b82f6}.infra-issue-service{color:var(--text-primary);font-weight:600;min-width:120px}.infra-issue-msg{color:var(--text-secondary);flex:1 1}.infra-containers-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:8px}.infra-container-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s,box-shadow .2s}.infra-container-card:hover{border-color:var(--accent);box-shadow:0 4px 20px #0003}.infra-container-card--healthy{border-left:3px solid #10b981}.infra-container-card--degraded{border-left:3px solid #f59e0b}.infra-container-card--down,.infra-container-card--unhealthy{border-left:3px solid #ef4444}.infra-container-card--down{opacity:.85}.infra-container-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.infra-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.infra-status-dot--healthy{background:#10b981}.infra-status-dot--degraded{background:#f59e0b}.infra-status-dot--down,.infra-status-dot--unhealthy{background:#ef4444}.infra-container-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.infra-internal-badge{background:#6366f11a;border:1px solid #6366f14d;border-radius:4px;color:#818cf8;font-size:.6rem;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.infra-container-meta{display:flex;flex-direction:column;gap:2px;margin-bottom:12px}.infra-container-role{color:var(--text-secondary);font-size:.75rem}.infra-container-id{color:#666;color:var(--text-muted,#666);font-family:Courier New,monospace;font-size:.7rem}.infra-container-stats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.infra-stat{display:flex;flex-direction:column;gap:2px}.infra-stat-label{color:#666;color:var(--text-muted,#666);font-size:.65rem;letter-spacing:.3px;text-transform:uppercase}.infra-stat-value{color:var(--text-primary);font-size:.82rem;font-weight:600}.infra-stat-value--healthy{color:#10b981}.infra-stat-value--degraded{color:#f59e0b}.infra-stat-value--down,.infra-stat-value--unhealthy{color:#ef4444}.infra-container-error{background:#ef44440f;border:1px solid #ef444426;border-radius:6px;color:#f87171;font-family:Courier New,monospace;font-size:.72rem;margin-top:10px;padding:8px 10px;word-break:break-all}.infra-latency-chart{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px}.infra-latency-row{align-items:center;display:flex;gap:12px}.infra-latency-name{color:var(--text-secondary);font-size:.78rem;min-width:130px;white-space:nowrap}.infra-latency-bar-bg{background:#252540;background:var(--bg-elevated,#252540);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.infra-latency-bar{border-radius:4px;height:100%;transition:width .4s ease}.infra-latency-bar--good{background:linear-gradient(90deg,#10b981,#34d399)}.infra-latency-bar--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.infra-latency-bar--critical{background:linear-gradient(90deg,#ef4444,#f87171)}.infra-latency-value{color:var(--text-primary);font-family:Courier New,monospace;font-size:.75rem;font-weight:600;min-width:55px;text-align:right}.infra-endpoints-table-wrapper{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.infra-endpoints-table{border-collapse:collapse;font-size:.8rem;width:100%}.infra-endpoints-table thead{background:#252540;background:var(--bg-elevated,#252540)}.infra-endpoints-table th{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.4px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.infra-endpoints-table td{border-top:1px solid var(--border);color:var(--text-primary);padding:8px 14px;vertical-align:middle}.infra-endpoints-table tbody tr:hover td{background:#252540;background:var(--bg-elevated,#252540)}.infra-ep-row--unhealthy td{opacity:.6}.infra-ep-service{font-size:.78rem;font-weight:600;white-space:nowrap}.infra-ep-path code{background:#6366f11a;border-radius:4px;color:#a78bfa;font-family:Courier New,monospace;font-size:.72rem;padding:2px 7px}.infra-ep-desc{color:var(--text-secondary);font-size:.75rem}.infra-method{border-radius:4px;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.3px;padding:2px 7px}.infra-method--get{background:#10b9811f;color:#10b981}.infra-method--post{background:#3b82f61f;color:#3b82f6}.infra-method--put{background:#f59e0b1f;color:#f59e0b}.infra-method--delete{background:#ef44441f;color:#ef4444}.infra-ep-status{font-size:1rem}.infra-ep-status--healthy{color:#10b981}.infra-ep-status--degraded{color:#f59e0b}.infra-ep-status--down,.infra-ep-status--unhealthy{color:#ef4444}.infra-port-map{display:flex;flex-wrap:wrap;gap:10px}.infra-port-item{align-items:center;background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid var(--border);border-radius:8px;display:flex;gap:8px;padding:10px 14px;transition:border-color .2s}.infra-port-item:hover{border-color:var(--accent)}.infra-port-item--healthy{border-left:3px solid #10b981}.infra-port-item--degraded{border-left:3px solid #f59e0b}.infra-port-item--down,.infra-port-item--unhealthy{border-left:3px solid #ef4444}.infra-port-number{color:var(--accent);font-family:Courier New,monospace;font-size:.85rem;font-weight:700}.infra-port-name{color:var(--text-secondary);font-size:.78rem}.infra-port-dot{border-radius:50%;height:6px;margin-left:auto;width:6px}.infra-port-dot--healthy{background:#10b981}.infra-port-dot--degraded{background:#f59e0b}.infra-port-dot--down,.infra-port-dot--unhealthy{background:#ef4444}@media (max-width:768px){.infra-containers-grid{grid-template-columns:1fr}.infra-summary{align-items:flex-start;flex-direction:column}.infra-summary-stats{flex-wrap:wrap}.infra-latency-name{font-size:.7rem;min-width:80px}.infra-header{align-items:flex-start}.infra-header,.infra-port-map{flex-direction:column}.infra-endpoints-table{font-size:.72rem}.infra-endpoints-table td,.infra-endpoints-table th{padding:6px 8px}}.author-detail-page,.authors-page{min-height:100vh;overflow-x:hidden;padding:16px 16px 100px;position:relative}.authors-mesh-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.authors-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;position:relative;z-index:1}.authors-back-btn{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s}.authors-back-btn:hover{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.authors-title{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700;margin:0}.authors-count{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin-left:auto}.authors-toggle-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;position:relative;z-index:1}.authors-toggle{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:24px;display:flex;gap:4px;padding:3px}.authors-toggle-btn{background:#0000;border:none;border-radius:20px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.82rem;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.authors-toggle-btn:hover{color:#fff;color:var(--text-primary,#fff)}.authors-toggle-btn.active{background:#8b5cf6;background:var(--accent,#8b5cf6);box-shadow:0 2px 8px #8b5cf64d;color:#fff;font-weight:600}.authors-sort-select{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;margin-left:auto;padding:8px 12px}.authors-search-bar{margin-bottom:20px;position:relative;z-index:1}.authors-search-input{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:12px;box-sizing:border-box;color:#fff;color:var(--text-primary,#fff);font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s;width:100%}.authors-search-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.authors-search-input::placeholder{color:#888;color:var(--text-secondary,#888)}.authors-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));position:relative;z-index:1}@media (max-width:700px){.authors-grid{grid-template-columns:1fr}}.author-card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2ecc;background:var(--bg-card,#1e1e2ecc);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:14px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s ease}.author-card:before{background:linear-gradient(135deg,#8b5cf608,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.author-card:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.author-card:hover:before{opacity:1}.author-card-photo{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:2px solid #ffffff1a;border:2px solid var(--border,#ffffff1a);border-radius:12px;height:80px;min-width:80px;overflow:hidden;width:80px}.author-card-photo img{height:100%;object-fit:cover;width:100%}.author-card-photo-placeholder{align-items:center;background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);color:#8b5cf6;color:var(--accent,#8b5cf6);display:flex;font-size:1.8rem;font-weight:700;height:100%;justify-content:center;width:100%}.author-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.author-card-name{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-card-genre,.author-genres{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.75rem;font-weight:500}.author-card-meta{color:#888;color:var(--text-secondary,#888);font-size:.72rem}.author-card-owned{color:#10b981;color:var(--success,#10b981);font-size:.72rem;font-weight:500;margin-top:2px}.author-card-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#aaa;color:var(--text-secondary,#aaa);display:-webkit-box;font-size:.75rem;line-height:1.4;margin-top:4px;overflow:hidden}.author-card-arrow{color:#666;color:var(--text-secondary,#666);font-size:1.4rem;transition:transform .2s}.author-card:hover .author-card-arrow{color:#8b5cf6;color:var(--accent,#8b5cf6);transform:translateX(3px)}.authors-empty{align-items:center;color:#888;color:var(--text-secondary,#888);display:flex;flex-direction:column;gap:12px;padding:48px 24px;position:relative;text-align:center;z-index:1}.authors-empty-icon{font-size:3rem}.authors-empty p{font-size:.9rem;margin:0;max-width:320px}.author-detail-hero{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2ecc;background:var(--bg-card,#1e1e2ecc);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:16px;display:flex;gap:20px;margin-bottom:20px;padding:24px;position:relative;z-index:1}@media (max-width:500px){.author-detail-hero{align-items:center;flex-direction:column;text-align:center}}.author-detail-photo{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:3px solid #8b5cf6;border:3px solid var(--accent,#8b5cf6);border-radius:12px;box-shadow:0 4px 20px #8b5cf633;height:200px;min-width:160px;overflow:hidden;width:160px}.author-detail-photo img{height:100%;object-fit:cover;width:100%}.author-detail-photo-placeholder{align-items:center;background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);color:#8b5cf6;color:var(--accent,#8b5cf6);display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;width:100%}.author-detail-header-info{display:flex;flex-direction:column;gap:6px}.author-detail-name{color:#fff;color:var(--text-primary,#fff);font-size:1.6rem;font-weight:700;line-height:1.2;margin:0}.author-detail-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.author-detail-nationality{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;font-weight:500}.author-detail-lifespan{background:#ffffff0d;border-radius:6px;color:#888;color:var(--text-secondary,#888);font-size:.8rem;padding:2px 8px}.author-detail-genres{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.author-detail-genre-badge{background:#8b5cf626;border-radius:12px;color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.73rem;font-weight:600;padding:4px 10px}.author-detail-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1e1e2ecc;background:var(--bg-card,#1e1e2ecc);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:14px;margin-bottom:14px;padding:20px;position:relative;z-index:1}.author-detail-section-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 12px}.author-detail-bio{color:#ccc;color:var(--text-secondary,#ccc);font-size:.9rem;line-height:1.6;margin:0 0 8px}.author-detail-website{background:#8b5cf61a;border-radius:8px;color:#8b5cf6;color:var(--accent,#8b5cf6);display:inline-block;font-size:.8rem;margin-top:8px;padding:6px 12px;text-decoration:none;transition:background .2s}.author-detail-website:hover{background:#8b5cf633}.author-detail-awards{display:flex;flex-wrap:wrap;gap:8px}.author-detail-award-badge{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border:1px solid #fbbf2433;border-radius:8px;color:#fbbf24;font-size:.78rem;font-weight:500;padding:6px 12px}.author-detail-books-list{display:flex;flex-direction:column;gap:8px}.author-detail-book-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border,#ffffff0f);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s ease}.author-detail-book-item:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translateX(3px)}.author-detail-book-item.owned{border-left:3px solid #10b981;border-left:3px solid var(--success,#10b981)}.author-detail-book-cover{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:4px;height:56px;min-width:40px;overflow:hidden;width:40px}.author-detail-book-cover img{height:100%;object-fit:cover;width:100%}.author-detail-book-cover-placeholder{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#0000);color:#8b5cf6;color:var(--accent,#8b5cf6);display:flex;font-size:1rem;font-weight:700;height:100%;justify-content:center;width:100%}.author-detail-book-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.author-detail-book-title{color:#fff;color:var(--text-primary,#fff);font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-detail-book-year{color:#888;color:var(--text-secondary,#888);font-size:.72rem}.author-detail-book-genre{color:#aaa;color:var(--text-secondary,#aaa);font-size:.72rem}.author-detail-book-badge{border-radius:6px;font-size:.7rem;font-weight:600;padding:4px 10px;text-decoration:none;white-space:nowrap}.author-detail-book-badge.owned{background:#10b98126;border:1px solid #10b98133;color:#10b981;color:var(--success,#10b981)}.author-detail-book-badge.buy{background:#fb923c26;border:1px solid #fb923c33;color:#fb923c;transition:background .2s}.author-detail-book-badge.buy:hover{background:#fb923c40}.author-detail-notable-list{display:flex;flex-direction:column;gap:6px}.author-detail-notable-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border:1px solid var(--border,#ffffff0f);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:10px 14px;text-decoration:none;transition:all .2s ease}.author-detail-notable-item:hover{background:#8b5cf614;border-color:#8b5cf633}.author-detail-notable-title{color:#fff;color:var(--text-primary,#fff);font-size:.88rem;font-weight:500}.author-detail-notable-link{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.72rem;white-space:nowrap}.settings-page{margin:0 auto;max-width:800px;padding:2rem 1.5rem 4rem}.settings-header h1{font-size:1.8rem;margin:0 0 .25rem}.settings-subtitle{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin:0 0 2rem}.settings-sections{display:flex;flex-direction:column;gap:2rem}.settings-section{background:#fff;background:var(--bg-card,#fff);border:1px solid #0000001a;border:1px solid var(--border,#0000001a);border-radius:16px;padding:1.5rem}.settings-section-title{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--border,#0000001a);font-size:1.1rem;margin:0 0 1.2rem;padding-bottom:.75rem}.settings-row{margin-bottom:1.2rem}.settings-label{color:#e5e7eb;color:var(--text-primary,#e5e7eb);display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.settings-option-group{display:flex;flex-wrap:wrap;gap:.5rem}.settings-chip{background:#0000;border:1px solid #0000001a;border:1px solid var(--border,#0000001a);border-radius:20px;color:#e5e7eb;color:var(--text-primary,#e5e7eb);cursor:pointer;font-size:.8rem;padding:.4rem .8rem;transition:all .2s}.settings-chip.active,.settings-chip:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.settings-chip.active{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.settings-slider{background:#ffffff26;background:var(--border,#ffffff26);border-radius:3px;cursor:pointer;height:6px}.settings-slider::-webkit-slider-thumb{appearance:none;background:#8b5cf6;background:var(--accent,#8b5cf6);height:18px;width:18px}.settings-slider-labels{display:flex;font-size:.7rem;justify-content:space-between}.settings-hint,.settings-slider-labels{color:#9ca3af;color:var(--text-secondary,#9ca3af);margin-top:.25rem}.settings-hint{font-size:.75rem}.settings-toggle-row{align-items:center;display:flex;justify-content:space-between}.settings-toggle-group{align-items:center;display:flex;gap:.75rem}.settings-toggle{background:#0000;border:1px solid #0000001a;border:1px solid var(--border,#0000001a);border-radius:12px;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:.75rem;font-weight:600;min-width:42px;padding:.3rem .7rem;transition:all .2s}.settings-toggle.active{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}.settings-time-input{font-size:.8rem;padding:.3rem .5rem}.settings-text-input,.settings-time-input{background:#fff;background:var(--bg-card,#fff);border:1px solid #0000001a;border:1px solid var(--border,#0000001a);border-radius:8px;color:#e5e7eb;color:var(--text-primary,#e5e7eb)}.settings-text-input{font-size:.9rem;padding:.6rem .8rem;width:100%}.settings-text-input.disabled{cursor:not-allowed;opacity:.5}.settings-actions{display:flex;flex-wrap:wrap;gap:.75rem}.settings-action-btn{background:#0000;border:1px solid #0000001a;border:1px solid var(--border,#0000001a);border-radius:8px;color:#e5e7eb;color:var(--text-primary,#e5e7eb);cursor:pointer;font-size:.85rem;padding:.6rem 1rem;transition:all .2s}.settings-action-btn:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.settings-action-btn.warning{border-color:#f59e0b;color:#f59e0b}.settings-action-btn.danger{border-color:#ef4444;color:#ef4444}.settings-action-btn.danger.confirm{background:#ef4444;color:#fff}.settings-save-toast{animation:fadeIn .2s;background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:8px;bottom:2rem;color:#fff;font-size:.85rem;padding:.6rem 1.2rem;position:fixed;right:2rem;z-index:1000}.abl-page{background:#0a0a14;color:#f0f0f5;display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;font-family:var(--sans,"Inter",-apple-system,sans-serif);inset:0;overflow:hidden;position:fixed;user-select:none;-webkit-user-select:none;z-index:500}.abl-page.abl-night{filter:brightness(.6) sepia(.2)}.abl-bg{background-position:50%;background-size:cover;filter:blur(40px) brightness(.3) saturate(1.4);inset:-40px;position:absolute;z-index:0}.abl-bg-overlay{background:linear-gradient(180deg,#0a0a14b3,#0a0a14f2);inset:0;position:absolute;z-index:1}.abl-page>:not(.abl-bg):not(.abl-bg-overlay){position:relative;z-index:2}.abl-header{flex-shrink:0;gap:12px;padding:12px 16px}.abl-header,.abl-header-btn{align-items:center;display:flex}.abl-header-btn{background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.1rem;height:36px;justify-content:center;transition:background .2s;width:36px}.abl-header-btn:hover{background:#ffffff26}.abl-header-info{flex:1 1;overflow:hidden;text-align:center}.abl-header-title{display:block;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abl-header-author{color:#ffffff80;font-size:.7rem}.abl-nav{display:flex;flex-shrink:0;gap:4px;justify-content:center;padding:0 16px 8px}.abl-nav-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffff80;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:8px 16px;transition:all .2s}.abl-nav-btn.active{background:#8b5cf626;color:#a78bfa}.abl-nav-btn:hover:not(.active){color:#fffc}.abl-nav-icon{font-size:1.1rem}.abl-nav-label{font-size:.6rem;font-weight:500;letter-spacing:.3px}.abl-player-view{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;overflow-y:auto;padding:0 24px 20px}.abl-cover-wrapper{height:220px;margin:0 auto;position:relative;width:220px}.abl-cover{align-items:center;background:#ffffff0d;border-radius:16px;box-shadow:0 20px 60px #00000080;display:flex;height:100%;justify-content:center;overflow:hidden;transition:transform .3s ease;width:100%}.abl-cover.playing{animation:coverPulse 3s ease-in-out infinite}.abl-cover-img{height:100%;object-fit:cover;width:100%}.abl-cover-placeholder{font-size:4rem}@keyframes coverPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.abl-progress-ring{height:calc(100% + 20px);inset:-10px;pointer-events:none;position:absolute;width:calc(100% + 20px)}.abl-track-info{text-align:center;width:100%}.abl-track-title{font-size:1.1rem;font-weight:700;margin:0}.abl-track-sub{color:#ffffff80;font-size:.8rem;margin:4px 0 0}.abl-overall-progress{color:#fff6;display:flex;font-size:.7rem;gap:16px;justify-content:center;margin-top:6px}.abl-seek-bar{background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;position:relative;touch-action:none;width:100%}.abl-seek-buffered{background:#ffffff1f}.abl-seek-buffered,.abl-seek-fill{border-radius:3px;height:100%;left:0;position:absolute;top:0}.abl-seek-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);transition:width .15s linear}.abl-seek-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0006;height:16px;top:-5px;transition:left .15s linear;width:16px}.abl-ab-marker,.abl-seek-thumb{position:absolute;transform:translateX(-50%)}.abl-ab-marker{color:#f59e0b;font-size:.6rem;font-weight:700;top:-18px}.abl-time-row{color:#ffffff80;display:flex;font-size:.72rem;justify-content:space-between;width:100%}.abl-controls{gap:20px;padding:8px 0}.abl-controls,.abl-ctrl-btn{align-items:center;display:flex;justify-content:center}.abl-ctrl-btn{background:#ffffff14;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.3rem;height:48px;position:relative;transition:all .15s;width:48px}.abl-ctrl-btn:hover:not(:disabled){background:#ffffff26;transform:scale(1.05)}.abl-ctrl-btn:active:not(:disabled){transform:scale(.95)}.abl-ctrl-btn:disabled{cursor:not-allowed;opacity:.3}.abl-play-btn{background:linear-gradient(135deg,#7c3aed,#5b21b6);box-shadow:0 4px 20px #7c3aed66;font-size:1.8rem;height:64px;width:64px}.abl-play-btn:hover{box-shadow:0 6px 28px #7c3aed99}.abl-skip-label{font-size:.5rem;font-weight:700;position:absolute;top:8px}.abl-quick-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}.abl-qa-btn{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:20px;color:#fffc;cursor:pointer;font-size:.72rem;padding:6px 12px;transition:all .2s;white-space:nowrap}.abl-qa-btn:hover{background:#ffffff1a;border-color:#ffffff40}.abl-qa-btn.active{background:#8b5cf633;border-color:#7c3aed;color:#a78bfa}.abl-dropdown{background:#1a1a2e;border:1px solid #ffffff1f;border-radius:14px;bottom:80px;box-shadow:0 8px 32px #00000080;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;left:50%;max-width:280px;padding:8px;position:absolute;transform:translateX(-50%);z-index:10}.abl-dropdown-item{background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;font-size:.78rem;padding:8px 14px;transition:background .15s}.abl-dropdown-item:hover{background:#ffffff1a}.abl-dropdown-item.active{background:#8b5cf640;color:#a78bfa}.abl-chapters-view{flex:1 1;overflow-y:auto;padding:0 16px 20px}.abl-chapters-header{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.abl-chapters-header h3{color:#fff9;font-size:.85rem;margin:0}.abl-download-btn{background:#8b5cf61a;border:1px solid #8b5cf666;border-radius:8px;color:#a78bfa;cursor:pointer;font-size:.75rem;padding:6px 14px}.abl-downloaded-badge{color:#10b981;font-size:.72rem}.abl-chapters-list{display:flex;flex-direction:column;gap:4px}.abl-chapter-item{align-items:center;background:#ffffff08;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:background .15s;width:100%}.abl-chapter-item:hover{background:#ffffff0f}.abl-chapter-item.active{background:#8b5cf626;border:1px solid #8b5cf64d}.abl-chapter-item.completed .abl-ch-num{color:#10b981}.abl-ch-num{color:#fff6;font-size:.85rem;font-weight:700;min-width:24px}.abl-ch-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.abl-ch-title{font-size:.82rem;font-weight:500}.abl-ch-duration{color:#fff6;font-size:.68rem}.abl-ch-playing{animation:bounce 1s infinite;font-size:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.abl-bookmarks-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px}.abl-bookmarks-section h4{color:#fff9;font-size:.82rem;margin:0 0 10px}.abl-bookmarks-list{display:flex;flex-direction:column;gap:4px}.abl-bookmark-item{align-items:center;background:#ffffff08;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background .15s}.abl-bookmark-item:hover{background:#ffffff0f}.abl-bm-time{color:#a78bfa;font-family:monospace;font-size:.75rem;font-weight:600;min-width:44px}.abl-bm-chapter{color:#fff6;font-size:.68rem}.abl-bm-note{color:#fff9;flex:1 1;font-size:.72rem;font-style:italic}.abl-bm-remove{background:none;border:none;color:#ffffff4d;cursor:pointer;font-size:.8rem}.abl-bm-remove:hover{color:#ef4444}.abl-text-view{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.abl-text-controls{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 16px}.abl-text-toggle{background:#0000;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffb3;cursor:pointer;font-size:.72rem;padding:5px 12px}.abl-text-toggle.active{background:#8b5cf633;border-color:#7c3aed;color:#a78bfa}.abl-text-chapter{color:#fff6;font-size:.75rem}.abl-text-content{color:#ffffffbf;flex:1 1;font-size:1rem;line-height:1.8;overflow-y:auto;padding:16px 20px;scroll-behavior:smooth}.abl-text-para{border-radius:6px;margin-bottom:16px;padding:4px 8px;transition:background .4s,color .4s}.abl-text-para.abl-active-para{background:#8b5cf61f;box-shadow:-3px 0 0 #7c3aed;color:#fff}.abl-text-empty{color:#fff6;padding:40px 20px;text-align:center}.abl-text-empty span{display:block;font-size:2rem;margin-bottom:12px}.abl-mini-player{align-items:center;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;gap:10px;padding:10px 16px}.abl-mini-play{background:#8b5cf64d;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:32px;width:32px}.abl-mini-progress{background:#ffffff1a;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.abl-mini-fill{background:#7c3aed;border-radius:2px;height:100%;transition:width .2s}.abl-mini-time{color:#fff6;font-family:monospace;font-size:.7rem}.abl-social-view{flex:1 1;overflow-y:auto;padding:0 16px 20px}.abl-social-title{font-size:.95rem;margin:0 0 12px}.abl-friends-list{display:flex;flex-direction:column;gap:6px}.abl-friend-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:10px;padding:10px 12px}.abl-friend-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.abl-friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.abl-friend-name{font-size:.82rem;font-weight:600}.abl-friend-pos{color:#fff6;font-size:.68rem}.abl-friend-status{color:#10b981;font-size:.68rem}.abl-social-empty{color:#fff6;padding:30px 20px;text-align:center}.abl-social-empty span{display:block;font-size:2rem;margin-bottom:10px}.abl-stats-section{border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px}.abl-stats-section h4{color:#fff9;font-size:.82rem;margin:0 0 10px}.abl-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.abl-stat-card{background:#ffffff0a;border-radius:10px;padding:12px;text-align:center}.abl-stat-value{color:#a78bfa;display:block;font-size:1.1rem;font-weight:700}.abl-stat-label{color:#fff6;font-size:.65rem;letter-spacing:.3px;text-transform:uppercase}.abl-share-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:10px;color:#a78bfa;cursor:pointer;font-size:.82rem;margin-top:16px;padding:12px;width:100%}.abl-share-btn:hover{background:#8b5cf633}.abl-settings-view{flex:1 1;overflow-y:auto;padding:0 16px 20px}.abl-settings-view h3{font-size:.95rem;margin:0 0 16px}.abl-settings-list{display:flex;flex-direction:column;gap:8px}.abl-setting-row{align-items:center;background:#ffffff08;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.abl-setting-row span{font-size:.82rem}.abl-setting-row select{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#fff;font-size:.78rem;padding:5px 10px}.abl-setting-row input[type=range]{accent-color:#7c3aed;width:120px}.abl-toggle{background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;color:#fff9;cursor:pointer;font-size:.75rem;padding:5px 14px;transition:all .2s}.abl-toggle.on{background:#8b5cf633;border-color:#7c3aed;color:#a78bfa}.abl-bookmark-add{border-top:1px solid #ffffff14;margin-top:24px;padding-top:16px}.abl-bookmark-add h4{color:#ffffffb3;font-size:.82rem;margin:0 0 10px}.abl-bm-input{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;color:#fff;font-size:.82rem;margin-bottom:8px;padding:10px 12px;width:100%}.abl-bm-input::placeholder{color:#ffffff4d}.abl-bm-save{background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.82rem;padding:10px;width:100%}.abl-car-mode{align-items:center;background:#000;display:flex;flex-direction:column;gap:24px;justify-content:center}.abl-car-title{font-size:1.4rem;font-weight:700;text-align:center}.abl-car-chapter{color:#ffffff80;font-size:1rem}.abl-car-time{color:#a78bfa;font-family:monospace;font-size:2rem;font-weight:700}.abl-car-controls{align-items:center;display:flex;gap:24px}.abl-car-btn{background:#ffffff0d;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:80px;width:80px}.abl-car-play{background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed;font-size:2.5rem;height:100px;width:100px}.abl-car-progress{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:80%}.abl-car-progress-fill{background:#7c3aed;border-radius:4px;height:100%;transition:width .3s}.abl-car-exit{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff9;cursor:pointer;font-size:.82rem;padding:10px 24px}.abl-loading{align-items:center;gap:16px;justify-content:center}.abl-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#7c3aed;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.abl-error{align-items:center;gap:12px;justify-content:center;padding:40px;text-align:center}.abl-error-icon{font-size:3rem}.abl-error h2{font-size:1.2rem;margin:0}.abl-error p{color:#ffffff80;font-size:.82rem;max-width:300px}.abl-back-btn{background:#0000;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;margin-top:8px;padding:10px 20px}@media (min-width:768px){.abl-cover-wrapper{height:280px;width:280px}.abl-player-view{padding:0 48px 24px}.abl-controls{gap:28px}.abl-ctrl-btn{height:56px;width:56px}.abl-play-btn{height:72px;width:72px}}@media (max-width:380px){.abl-cover-wrapper{height:180px;width:180px}.abl-nav{gap:2px;padding:0 8px 6px}.abl-nav-btn{padding:6px 10px}.abl-quick-actions{gap:4px}.abl-qa-btn{font-size:.65rem;padding:5px 8px}}.admin-toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.admin-toast{align-items:center;animation:toastSlideIn .3s ease,toastFadeOut .4s ease 2.6s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;box-shadow:0 4px 16px #00000040;display:flex;font-size:.8rem;font-weight:500;gap:8px;padding:10px 16px;pointer-events:auto}.admin-toast--success{background:#10b98126;border:1px solid #10b98166;color:#10b981}.admin-toast--error{background:#ef444426;border:1px solid #ef444466;color:#ef4444}.admin-toast--info{background:#3b82f626;border:1px solid #3b82f666;color:#3b82f6}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.admin-header h1{font-size:1.4rem;margin:0;white-space:nowrap}.admin-header .admin-tabs{border:none;display:flex;flex:1 1;gap:4px;margin:0;min-width:0;overflow-x:auto;padding:0}.admin-header-health{animation:infraPulse 2s infinite;border-radius:50%;flex-shrink:0;height:10px;width:10px}.admin-header-health--healthy{background:#10b981;box-shadow:0 0 6px #10b98180}.admin-header-health--degraded{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.admin-header-health--down,.admin-header-health--unhealthy{background:#ef4444;box-shadow:0 0 6px #ef444480}.admin-last-refreshed{color:#888;color:var(--text-muted,#888);font-size:.7rem;margin-left:auto}.admin-header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.admin-icon-btn{align-items:center;background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-icon-btn:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);transform:scale(1.05)}.admin-skeleton-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-skeleton-card{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px 16px}.admin-skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#2a2a3e 25%,#1e1e2e 50%,#2a2a3e 75%);background:linear-gradient(90deg,var(--bg-elevated,#2a2a3e) 25%,var(--bg-card,#1e1e2e) 50%,var(--bg-elevated,#2a2a3e) 75%);background-size:200% 100%;border-radius:6px;height:14px}.admin-skeleton-line.wide{height:20px;width:60%}.admin-skeleton-line.narrow{height:10px;width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-sparkline{margin-top:4px;opacity:.8}.admin-stat-card .admin-sparkline{align-self:center}.admin-stat-delta{border-radius:4px;font-size:.65rem;font-weight:600;margin-top:2px;padding:1px 6px}.admin-stat-delta--up{background:#10b9811a;color:#10b981}.admin-stat-delta--down{background:#ef44441a;color:#ef4444}.admin-stat-delta--neutral{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);color:#888;color:var(--text-muted,#888)}.admin-collapsible{margin-top:1.25rem}.admin-collapsible-header{align-items:center;background:none;border:none;border-radius:6px;color:inherit;cursor:pointer;display:flex;gap:8px;padding:8px 4px;text-align:left;transition:background .15s;width:100%}.admin-collapsible-header:hover{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e)}.admin-collapsible-arrow{color:#888;color:var(--text-muted,#888);display:inline-block;font-size:.6rem;transition:transform .2s}.admin-collapsible-arrow.open{transform:rotate(90deg)}.admin-collapsible-body{animation:fadeIn .2s ease;padding-top:8px}.admin-book-search{align-items:center;display:flex;gap:8px;margin-bottom:12px;position:relative}.admin-book-search-input{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #ffffff1f;border:1px solid var(--border,#ffffff1f);border-radius:8px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.82rem;padding:8px 32px 8px 14px;transition:border-color .2s}.admin-book-search-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);outline:none}.admin-book-search-input::placeholder{color:#666;color:var(--text-muted,#666)}.admin-book-search-clear{background:none;border:none;color:#888;color:var(--text-muted,#888);cursor:pointer;font-size:.9rem;line-height:1;padding:4px;position:absolute;right:80px}.admin-book-search-clear:hover{color:#fff;color:var(--text-primary,#fff)}.admin-book-search-count{color:#888;color:var(--text-muted,#888);font-size:.7rem;white-space:nowrap}.infra-no-issues{align-items:center;background:#10b9810f;border:1px solid #10b98140;border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:14px 18px}.infra-no-issues-icon{align-items:center;background:#10b98126;border-radius:50%;color:#10b981;display:flex;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.infra-no-issues-text{color:#10b981;font-size:.82rem;font-weight:500}@media (max-width:768px){.admin-skeleton-grid{grid-template-columns:repeat(2,1fr)}.admin-header-actions{justify-content:flex-end;width:100%}.admin-last-refreshed{display:none}.admin-toast-container{bottom:20px;left:12px;right:12px;top:auto}}.storage-disk-banner{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:12px;padding:16px 20px}.storage-disk-info{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.storage-disk-label{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:600}.storage-disk-value{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem}.storage-disk-free{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin-left:auto}.storage-disk-bar{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden}.storage-disk-bar-fill{border-radius:5px;height:100%;transition:width .4s ease}.storage-disk-pct{font-size:.7rem}.storage-disk-pct,.storage-size-sub{color:#888;color:var(--text-muted,#888)}.storage-size-sub{font-size:.65rem;margin-top:2px}.storage-format-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.storage-format-card{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff14;border:1px solid var(--border,#ffffff14);border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px;text-align:center;transition:border-color .2s}.storage-format-card:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.storage-format-icon{font-size:1.4rem}.storage-format-ext{color:#fff;color:var(--text-primary,#fff);font-family:Courier New,monospace;font-size:.8rem;font-weight:700}.storage-format-count{color:#aaa;color:var(--text-secondary,#aaa);font-size:.72rem}.storage-format-size{color:#888;color:var(--text-muted,#888);font-size:.65rem}.storage-audio-summary{display:flex;flex-wrap:wrap;gap:24px}.storage-audio-stat{display:flex;flex-direction:column;gap:2px}.storage-audio-value{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:700}.storage-audio-label{color:#888;color:var(--text-muted,#888);font-size:.7rem;letter-spacing:.3px;text-transform:uppercase}.storage-breakdown{display:flex;flex-direction:column;gap:10px}.storage-breakdown-row{align-items:center;display:flex;gap:10px}.storage-breakdown-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;min-width:100px}.storage-breakdown-size{color:#aaa;color:var(--text-secondary,#aaa);font-family:Courier New,monospace;font-size:.75rem;min-width:70px;text-align:right}.admin-welcome-banner{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#0000),color-mix(in srgb,var(--accent) 3%,#0000));border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:14px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:20px 24px}.admin-welcome-text h2{color:var(--text-primary);font-size:1.15rem;margin:0 0 4px}.admin-welcome-text p{color:var(--text-secondary);font-size:.8rem;margin:0}.admin-welcome-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-quick-action{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 14px;transition:all .2s}.admin-quick-action:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.admin-engagement-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.admin-engagement-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:14px 16px}.admin-engagement-info{display:flex;flex-direction:column;gap:2px}.admin-engagement-title{color:var(--text-primary);font-size:.78rem;font-weight:600}.admin-engagement-sub{color:var(--text-muted);font-size:.68rem}.mini-donut{flex-shrink:0}.admin-stat-icon{font-size:1.1rem;margin-bottom:2px}.admin-collapsible-badge{background:var(--bg-elevated);border-radius:10px;color:var(--text-muted);font-size:.65rem;margin-left:auto;padding:2px 8px}.admin-event-rank{font-weight:600;min-width:24px}.admin-breakdown-pct,.admin-event-rank{color:var(--text-muted);font-size:.65rem}.admin-breakdown-label.mono{font-family:Courier New,monospace;font-size:.75rem}.admin-book-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.admin-book-controls .admin-book-search{flex:1 1;margin-bottom:0;min-width:200px}.admin-book-sort{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.78rem;padding:7px 12px}.admin-book-cover{flex-shrink:0;font-size:1rem;text-align:center;width:24px}.admin-book-status-badge{border-radius:6px;font-size:.65rem;font-weight:500;min-width:70px;padding:2px 8px;text-align:center;text-transform:capitalize}.admin-book-status-badge--reading{background:#3b82f61f;color:#3b82f6}.admin-book-status-badge--finished{background:#10b9811f;color:#10b981}.admin-book-status-badge--want-to-read{background:#8b5cf61f;color:#8b5cf6}.admin-book-status-badge--none{background:var(--bg-elevated);color:var(--text-muted)}.admin-badge-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.admin-badge-filter-tabs{display:flex;flex:1 1;gap:4px;overflow-x:auto}.admin-badge-filter-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:500;padding:5px 12px;transition:all .15s;white-space:nowrap}.admin-badge-filter-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);color:var(--accent)}.admin-badge-filter-btn:hover:not(.active){border-color:var(--text-muted)}.admin-badge-search{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.78rem;padding:6px 12px;width:160px}.admin-badge-search:focus{border-color:var(--accent);outline:none}.admin-badge-category{color:var(--text-muted);font-size:.6rem;letter-spacing:.3px;text-transform:uppercase}.admin-comparison-bar{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;font-size:.8rem;gap:10px;margin-bottom:16px;padding:10px 16px}.admin-comparison-label{color:var(--text-secondary);font-weight:500}.admin-comparison-today{color:var(--text-primary);font-weight:700}.admin-comparison-vs{color:var(--text-muted);font-size:.7rem}.admin-comparison-yesterday{color:var(--text-secondary)}.infra-type-badge{background:var(--bg-elevated);border-radius:3px;color:var(--text-muted);font-size:.55rem;letter-spacing:.3px;margin-left:auto;padding:1px 5px;text-transform:uppercase}.infra-summary-sub{color:var(--text-secondary);display:block;font-size:.72rem;margin-top:2px}.admin-import-tips{align-items:flex-start;background:color-mix(in srgb,var(--accent) 6%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;display:flex;gap:10px;margin-bottom:16px;padding:12px 16px}.admin-import-tips-icon{flex-shrink:0;font-size:1.2rem}.admin-import-tips-text{color:var(--text-secondary);font-size:.78rem;line-height:1.5}.admin-import-tips-text strong{color:var(--text-primary)}.admin-import-formats{margin-bottom:16px}.admin-import-formats h4{color:var(--text-secondary);font-size:.8rem;margin:0 0 8px}.admin-import-format-pills{display:flex;flex-wrap:wrap;gap:8px}.admin-import-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);font-size:.72rem;font-weight:500;padding:5px 12px}.admin-import-card--primary{background:color-mix(in srgb,var(--accent) 4%,var(--bg-card));border-color:color-mix(in srgb,var(--accent) 30%,#0000)}.admin-import-card--disabled{opacity:.6}.admin-import-coming-soon{color:var(--text-muted);display:inline-block;font-size:.65rem;font-style:italic;margin-top:8px}.admin-import-dropzone-icon{display:block;font-size:2rem;margin-bottom:6px}.admin-import-dropzone-hint{color:var(--text-muted);display:block;font-size:.65rem;margin-top:6px}.storage-disk-meta{align-items:center;display:flex;justify-content:space-between}.storage-disk-path{color:var(--text-muted);font-family:Courier New,monospace;font-size:.65rem}.storage-format-avg{color:var(--text-muted);font-size:.6rem;font-style:italic}@media (max-width:768px){.admin-welcome-banner{align-items:flex-start;flex-direction:column}.admin-engagement-row{grid-template-columns:1fr}.admin-badge-filters{align-items:stretch;flex-direction:column}.admin-badge-search{width:100%}.admin-book-controls{align-items:stretch;flex-direction:column}.admin-comparison-bar{flex-wrap:wrap;font-size:.75rem}}.admin-top-list{display:flex;flex-direction:column;gap:4px}.admin-top-row{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;display:flex;font-size:.8rem;gap:10px;padding:8px 10px}.admin-top-row:hover{border-color:var(--accent)}.admin-top-rank{color:var(--text-muted);font-size:.65rem;font-weight:700;min-width:24px}.admin-top-name{color:var(--text-primary);flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-top-detail{color:var(--text-muted);font-size:.7rem;min-width:100px}.admin-top-size{color:var(--accent);font-family:Courier New,monospace;font-size:.75rem;font-weight:600;min-width:70px;text-align:right}.admin-health-issues{background:#ffffff08;background:var(--bg-elevated,#ffffff08);border:1px solid var(--border);border-radius:10px;padding:.75rem}.admin-issue-list{display:flex;flex-direction:column;gap:6px}.admin-issue-row{align-items:center;border-radius:8px;display:flex;font-size:.8rem;gap:8px;padding:6px 10px}.admin-issue-row.critical{background:#ef444414;border:1px solid #ef444433;color:#f87171}.admin-issue-row.warning{background:#f59e0b14;border:1px solid #f59e0b33;color:#fbbf24}.admin-issue-row.info{background:#3b82f614;border:1px solid #3b82f633;color:#93c5fd}.admin-issue-icon{flex-shrink:0;font-size:1rem}.admin-issue-text{font-weight:500}.admin-issue-books{display:flex;flex-direction:column;gap:4px;margin-top:.5rem;max-height:200px;overflow-y:auto}.admin-issue-book-row{background:var(--bg-card);border-radius:6px;font-size:.75rem;justify-content:space-between;padding:4px 8px}.admin-issue-book-title{color:var(--text-primary);font-weight:500;max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-issue-book-tags{display:flex;flex-shrink:0;gap:4px}.admin-tag{border-radius:4px;font-size:.65rem;font-weight:600;padding:2px 6px;white-space:nowrap}.admin-tag.critical{background:#ef444426;color:#f87171}.admin-tag.warning{background:#f59e0b26;color:#fbbf24}.admin-tag.info{background:#3b82f626;color:#93c5fd}.admin-users-edit-btn{background:none;border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:6px;cursor:pointer;font-size:.8rem;line-height:1;padding:4px 8px;transition:all .2s}.admin-users-edit-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);transform:scale(1.1)}.admin-users-td--actions{text-align:center;width:60px}.admin-user-edit-overlay{align-items:center;animation:adminModalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}@keyframes adminModalFadeIn{0%{opacity:0}to{opacity:1}}.admin-user-edit-modal{animation:adminModalSlideUp .25s ease;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:16px;box-shadow:0 20px 60px #0006;max-height:85vh;max-width:480px;overflow-y:auto;width:90%}@keyframes adminModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-user-edit-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.admin-user-edit-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;font-weight:700;margin:0}.admin-user-edit-close{align-items:center;background:#ffffff0d;background:var(--bg-elevated,#ffffff0d);border:none;border-radius:8px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;transition:all .2s;width:32px}.admin-user-edit-close:hover{background:#ef444426;color:#ef4444}.admin-user-edit-form{display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px}.admin-user-edit-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.admin-user-edit-field label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.72rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-user-edit-input{background:#ffffff0a;background:var(--bg-elevated,#ffffff0a);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#fff;color:var(--text-primary,#fff);font-size:.88rem;padding:10px 12px;transition:border-color .2s;width:100%}.admin-user-edit-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);outline:none}.admin-user-edit-input.disabled{cursor:not-allowed;opacity:.5}.admin-user-edit-input::placeholder{color:#666;color:var(--text-muted,#666)}select.admin-user-edit-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11 3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:32px}.admin-user-edit-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.admin-user-edit-actions{border-top:1px solid #ffffff14;border-top:1px solid var(--border,#ffffff14);display:flex;gap:10px;justify-content:flex-end;margin-top:8px;padding-top:16px}.admin-user-edit-cancel{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.85rem;font-weight:500;padding:9px 18px;transition:all .2s}.admin-user-edit-cancel:hover{border-color:#aaa;border-color:var(--text-secondary,#aaa);color:#fff;color:var(--text-primary,#fff)}.admin-user-edit-save{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 20px;transition:all .2s}.admin-user-edit-save:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.admin-user-edit-save:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.admin-user-edit-modal{max-height:90vh;width:95%}.admin-user-edit-row{grid-template-columns:1fr}.admin-user-edit-form{padding:16px}}.admin-users-tier-badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:capitalize}.admin-users-tier-badge.tier-free{background:#9ca3af26;color:#9ca3af;color:var(--text-secondary,#9ca3af)}.admin-users-tier-badge.tier-premium{background:#8b5cf626;color:#a78bfa}.admin-users-tier-badge.tier-pro{background:#f59e0b26;color:#f59e0b}.admin-users-tier-badge.tier-admin{background:#ef444426;color:#ef4444}.admin-users-role-badge{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:2px 8px;text-transform:capitalize}.admin-users-role-badge.role-user{background:#9ca3af26;color:#9ca3af;color:var(--text-secondary,#9ca3af)}.admin-users-role-badge.role-admin{background:#3b82f626;border:1px solid #3b82f640;color:#60a5fa}.admin-users-role-badge.role-owner{background:#f59e0b26;border:1px solid #f59e0b40;color:#fbbf24}.admin-readonly-banner{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;color:#60a5fa;display:flex;font-size:.78rem;font-weight:500;gap:6px;justify-content:center;margin-bottom:12px;padding:8px 16px}.admin-genre-picker{position:relative}.admin-genre-selected{align-items:center;background:#ffffff0a;background:var(--bg-elevated,#ffffff0a);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:8px 10px;transition:border-color .2s}.admin-genre-selected:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.admin-genre-placeholder{color:#666;color:var(--text-muted,#666);font-size:.85rem}.admin-genre-chip{align-items:center;background:#8b5cf626;border-radius:6px;color:#a78bfa;color:var(--accent,#a78bfa);display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:3px 8px}.admin-genre-chip-remove{background:none;border:none;color:#888;color:var(--text-muted,#888);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px;transition:color .15s}.admin-genre-chip-remove:hover{color:#ef4444}.admin-genre-dropdown{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff26;border:1px solid var(--border,#ffffff26);border-radius:10px;box-shadow:0 8px 24px #00000059;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.admin-genre-search{background:#0000;border:none;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border,#ffffff14);color:#fff;color:var(--text-primary,#fff);font-size:.85rem;outline:none;padding:10px 12px;width:100%}.admin-genre-search::placeholder{color:#666;color:var(--text-muted,#666)}.admin-genre-options{max-height:200px;overflow-y:auto;padding:4px}.admin-genre-option{background:#0000;border:none;border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:block;font-size:.82rem;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.admin-genre-option:hover{background:#ffffff0f;background:var(--bg-elevated,#ffffff0f)}.admin-genre-option--custom{color:#a78bfa;color:var(--accent,#a78bfa);font-weight:500}.admin-genre-empty{color:#666;color:var(--text-muted,#666);display:block;font-size:.8rem;padding:12px;text-align:center}.admin-repair-btn{background:#ffffff0a;background:var(--bg-elevated,#ffffff0a);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:6px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;flex-shrink:0;font-size:.8rem;margin-left:auto;padding:4px 10px;transition:all .2s}.admin-repair-btn:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#8b5cf6;color:var(--accent,#8b5cf6)}.admin-repair-btn:disabled{cursor:wait;opacity:.6}.admin-repair-btn.repaired{background:#10b9811a;border-color:#10b981;color:#10b981}.admin-issue-book-row{align-items:center;display:flex;gap:8px}.admin-issue-books-toolbar{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border,#ffffff14);display:flex;gap:12px;margin-bottom:6px;padding:8px 0}.admin-issue-select-all{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;display:flex;font-size:.75rem;gap:6px}.admin-issue-select-all input[type=checkbox]{accent-color:#8b5cf6;accent-color:var(--accent,#8b5cf6)}.admin-repair-batch-btn{background:#8b5cf61a;border:1px solid #8b5cf6;border:1px solid var(--accent,#8b5cf6);border-radius:6px;color:#a78bfa;color:var(--accent,#a78bfa);cursor:pointer;font-size:.75rem;font-weight:600;margin-left:auto;padding:5px 12px;transition:all .2s}.admin-repair-batch-btn:hover:not(:disabled){background:#8b5cf633}.admin-repair-batch-btn:disabled{cursor:wait;opacity:.6}.admin-issue-book-check{accent-color:#8b5cf6;accent-color:var(--accent,#8b5cf6);flex-shrink:0}.admin-repair-result{border-radius:4px;flex-shrink:0;font-size:.7rem;font-weight:500;padding:2px 6px;white-space:nowrap}.admin-repair-result--fixed{background:#10b9811a;color:#10b981}.admin-repair-result--unchanged{background:#ffffff0a;background:var(--bg-elevated,#ffffff0a);color:#888;color:var(--text-muted,#888)}.admin-repair-result--error{background:#ef44441a;color:#ef4444}.spotlight-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding-top:15vh;position:fixed;z-index:10000}.spotlight-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg),0 0 60px #3b82f614;max-width:580px;overflow:hidden;width:90%}.spotlight-input-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:14px 18px}.spotlight-search-icon{font-size:1.2rem;opacity:.6}.spotlight-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--sans);font-size:1.05rem;outline:none}.spotlight-input::placeholder{color:var(--text-muted)}.spotlight-kbd{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:.7rem;padding:2px 6px}.spotlight-results{max-height:360px;overflow-y:auto;padding:6px}.spotlight-empty{color:var(--text-muted);font-size:.9rem;padding:24px;text-align:center}.spotlight-result{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:background .1s;width:100%}.spotlight-result-icon,.spotlight-result.active,.spotlight-result:hover{background:var(--bg-elevated)}.spotlight-result-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:1.3rem;height:36px;justify-content:center;width:36px}.spotlight-result-text{display:flex;flex:1 1;flex-direction:column;min-width:0}.spotlight-result-label{color:var(--text-primary);font-size:.92rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spotlight-result-subtitle{color:var(--text-muted);font-size:.78rem}.spotlight-result-enter{background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-size:.75rem;padding:2px 6px}.spotlight-footer{border-top:1px solid var(--border);color:var(--text-muted);display:flex;font-size:.72rem;gap:16px;padding:10px 18px}.spotlight-footer kbd{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;font-family:monospace;font-size:.68rem;padding:1px 4px}.back-to-top-btn{align-items:center;background:var(--accent);border:none;border-radius:50%;bottom:90px;box-shadow:0 4px 12px #3b82f659;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;position:fixed;right:24px;width:44px;z-index:1000}.back-to-top-btn:hover{box-shadow:0 6px 20px #3b82f680}.quick-actions-scroll{-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.quick-actions-scroll::-webkit-scrollbar{display:none}.quick-action-pill{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;font-size:.82rem;gap:6px;padding:8px 14px;transition:border-color .2s,background .2s;white-space:nowrap}.quick-action-pill:hover{background:#8b5cf614;border-color:var(--accent)}.quick-action-pill:active{transform:scale(.96)}.quick-action-pill-icon{font-size:1rem}.quick-action-pill-label{color:var(--text-primary);font-weight:500}.friends-reading-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px}.friends-reading-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.friends-reading-header h3{font-size:1rem;font-weight:600;margin:0}.friends-reading-see-all{color:var(--accent);cursor:pointer;font-size:.78rem}.friends-reading-list{display:flex;flex-direction:column;gap:8px}.friends-reading-item{align-items:center;border-radius:10px;display:flex;gap:10px;padding:8px;transition:background .15s}.friends-reading-item:hover{background:var(--bg-elevated)}.friends-reading-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.friends-reading-info{flex:1 1;min-width:0}.friends-reading-name{color:var(--text-primary);display:block;font-size:.82rem;font-weight:600}.friends-reading-book{color:var(--text-muted);display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-reading-book-link{color:#3b82f6;color:var(--accent,#3b82f6);cursor:pointer;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.friends-reading-book-link:hover{color:#2563eb;color:var(--accent-hover,#2563eb);text-decoration:underline}.friends-reading-progress{align-items:center;display:flex;flex-shrink:0;gap:6px}.friends-reading-progress-bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:40px}.friends-reading-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .5s ease}.friends-reading-percent{color:var(--text-muted);font-size:.68rem;text-align:right;width:28px}.daily-challenge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px}.daily-challenge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.daily-challenge-header h3{font-size:1rem;font-weight:600;margin:0}.daily-challenge-date{color:var(--text-muted);font-size:.72rem}.daily-challenge-list{display:flex;flex-direction:column;gap:8px}.daily-challenge-item{align-items:center;background:var(--bg-elevated);border-radius:10px;display:flex;gap:10px;padding:10px;transition:transform .15s}.daily-challenge-item.completed{background:#10b98114;opacity:.7}.daily-challenge-icon{flex-shrink:0;font-size:1.3rem}.daily-challenge-info{flex:1 1;min-width:0}.daily-challenge-label{color:var(--text-primary);display:block;font-size:.82rem;font-weight:500;margin-bottom:4px}.daily-challenge-progress-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.daily-challenge-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:2px;height:100%}.daily-challenge-reward{flex-shrink:0}.daily-challenge-xp{background:#3b82f614;border-radius:6px;color:var(--accent);font-size:.72rem;font-weight:600;padding:3px 8px}.daily-challenge-check{color:#10b981;font-size:1.1rem}.continue-reading-fab{bottom:24px;left:50%;max-width:380px;position:fixed;transform:translateX(-50%);width:90%;z-index:999}.continue-reading-fab-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #00000026;cursor:pointer;padding:12px 16px 8px;text-align:left;transition:box-shadow .2s;width:100%}.continue-reading-fab-btn:hover{box-shadow:0 12px 40px #0003}.continue-reading-fab-content{align-items:center;display:flex;gap:10px}.continue-reading-fab-icon{font-size:1.4rem}.continue-reading-fab-text{flex:1 1;min-width:0}.continue-reading-fab-label{color:var(--text-muted);display:block;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.continue-reading-fab-title{color:var(--text-primary);display:block;font-size:.88rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-reading-fab-percent{color:var(--accent);font-size:.82rem;font-weight:700}.continue-reading-fab-bar{background:var(--bg-elevated);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.continue-reading-fab-bar-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:2px;height:100%;transition:width .5s}.continue-reading-fab-dismiss{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.continue-reading-fab-dismiss:hover{background:#ef4444;border-color:#ef4444;color:#fff}.reading-history-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px}.reading-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.reading-history-header h3{font-size:1rem;font-weight:600;margin:0}.reading-history-count{background:var(--bg-elevated);border-radius:8px;color:var(--text-muted);font-size:.72rem;padding:2px 8px}.reading-history-timeline{display:flex;flex-direction:column}.reading-history-item{border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:6px 4px;transition:background .15s}.reading-history-item:hover{background:var(--bg-elevated)}.reading-history-dot-line{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:16px}.reading-history-dot{background:var(--border);border-radius:50%;flex-shrink:0;height:10px;margin-top:4px;width:10px}.reading-history-dot.finished{background:#10b981}.reading-history-dot.reading{background:var(--accent)}.reading-history-dot.want-to-read{background:#f59e0b}.reading-history-line{background:var(--border);flex:1 1;margin:4px 0;min-height:20px;width:2px}.reading-history-content{flex:1 1;min-width:0;padding-bottom:8px}.reading-history-title-row{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.reading-history-title{color:var(--text-primary);font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-history-status{color:var(--text-muted);flex-shrink:0;font-size:.68rem;white-space:nowrap}.reading-history-author{color:var(--text-muted);display:block;font-size:.72rem;margin-top:2px}.reading-history-progress-bar{background:var(--bg-elevated);border-radius:2px;height:4px;margin-top:6px;overflow:hidden;position:relative}.reading-history-progress-fill{background:var(--accent);border-radius:2px;height:100%}.reading-history-progress-text{color:var(--text-muted);font-size:.62rem;position:absolute;right:0;top:-14px}.reading-history-toggle{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--accent);cursor:pointer;font-size:.78rem;font-weight:500;margin-top:10px;padding:8px;transition:background .15s;width:100%}.reading-history-toggle:hover{background:#3b82f614}.discover-trending-scroll-card{transition:transform .2s ease,box-shadow .2s ease}.discover-trending-scroll-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px) scale(1.02)}.discover-trending-scroll-card:active{transform:translateY(-1px) scale(.99)}@media (max-width:1280px){.app-bar{overflow:hidden;padding:6px 16px}.app-bar-nav{flex-shrink:1;min-width:0}.app-bar-link{font-size:.8rem;padding:10px 12px}.app-bar-link-secondary{display:none!important}.app-bar-ink-label,.app-bar-search-hint kbd,.app-bar-search-hint span{display:none}}@media (max-width:1080px){.app-bar-link{font-size:.78rem;padding:8px 10px}.app-bar-link span{display:none}.app-bar-right{flex-shrink:0;gap:8px}.app-bar-friends-online,.app-bar-points,.app-bar-wishlist-btn,.multiplier-badge{display:none!important}}@media (max-width:920px){.app-bar-nav{gap:2px}.app-bar-link{font-size:.75rem;gap:2px;padding:8px}.app-bar-right{gap:6px}.app-bar-ink,.app-bar-points,.multiplier-badge{display:none!important}.app-bar-search-hint{font-size:.75rem;padding:6px 8px}.app-bar-subtabs{justify-content:flex-start;margin:0 16px;max-width:100%;overflow-x:auto;width:auto}}@media (max-width:768px){.app-bar-nav{display:none!important}.app-bar-mobile-toggle{display:flex!important}.app-bar-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.quick-actions-strip{padding:8px 16px}.continue-reading-fab{bottom:16px}.spotlight-modal{margin-top:8vh;width:95%}.friends-reading-progress-bar{display:none}}.app-bar-mobile-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:none;font-size:1.2rem;height:36px;justify-content:center;width:36px}.mobile-nav-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:9999}.mobile-nav-drawer{background:var(--bg-card);border-right:1px solid var(--border);bottom:0;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:280px;z-index:10000}.mobile-nav-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.mobile-nav-title{font-size:1.1rem;font-weight:700}.mobile-nav-close{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.mobile-nav-links{display:flex;flex-direction:column;gap:4px}.mobile-nav-link{align-items:center;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:10px 12px;transition:background .15s}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--bg-elevated)}.mobile-nav-link.active{color:var(--accent);font-weight:600}.app-bar-search-hint{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:4px 10px;transition:border-color .2s}.app-bar-search-hint:hover{border-color:var(--accent);color:var(--text-secondary)}.app-bar-search-hint kbd{background:var(--bg-card);border:1px solid var(--border);border-radius:3px;font-family:monospace;font-size:.68rem;padding:1px 4px}.page-transition-wrapper{min-height:calc(100vh - 80px)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:16px;opacity:.8}.empty-state-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.empty-state-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:16px;max-width:300px}.empty-state-action{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 20px;transition:background .2s}.empty-state-action:hover{background:var(--accent-hover)}.breadcrumb-nav{color:var(--text-muted);gap:6px;margin-bottom:12px}.breadcrumb-item{color:var(--text-secondary);transition:color .15s}.breadcrumb-item:hover{color:var(--accent)}.breadcrumb-separator{opacity:.4}.breadcrumb-current{color:var(--text-primary)}.reading-goals-page{margin:0 auto;max-width:900px;min-height:100vh;padding:48px 40px}.reading-goals-header{margin-bottom:32px}.reading-goals-header h1{font-size:1.8rem;font-weight:700;margin-bottom:4px}.reading-goals-subtitle{color:var(--text-secondary);font-size:.9rem}.goals-overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:40px}.goal-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:20px}.goal-card,.goal-card-header{align-items:center;display:flex}.goal-card-header{gap:6px}.goal-card-icon{font-size:1.2rem}.goal-card-title{color:var(--text-secondary);font-size:.85rem;font-weight:600}.goal-card-ring{height:80px;position:relative;width:80px}.goal-ring-svg{height:100%;width:100%}.goal-ring-text{align-items:center;color:var(--text-primary);display:flex;font-size:1rem;font-weight:700;inset:0;justify-content:center;position:absolute}.goal-card-stat{color:var(--text-muted);font-size:.78rem}.goals-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;margin-bottom:32px;padding:24px}.goals-section h2{font-size:1.1rem;font-weight:600;margin-bottom:4px}.goals-section-desc{color:var(--text-muted);font-size:.82rem;margin-bottom:16px}.goals-preset-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.goals-preset-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;padding:12px;transition:all .2s}.goals-preset-btn.active,.goals-preset-btn:hover{border-color:var(--accent)}.goals-preset-btn.active{background:#3b82f614;box-shadow:0 0 0 2px #3b82f626}.goals-preset-time{color:var(--text-primary);font-size:.9rem;font-weight:600}.goals-preset-desc{color:var(--text-muted);font-size:.7rem;margin-top:2px}.goals-number-picker{align-items:center;display:flex;gap:16px}.goals-minus,.goals-plus{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;height:36px;justify-content:center;transition:background .15s;width:36px}.goals-minus:hover,.goals-plus:hover{background:#3b82f61a;border-color:var(--accent)}.goals-number{color:var(--text-primary);font-size:2rem;font-weight:700;min-width:50px;text-align:center}.goals-unit{color:var(--text-muted);font-size:.82rem}.goals-stats-section .goals-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.goals-stat{background:var(--bg-elevated);border-radius:10px;padding:12px;text-align:center}.goals-stat-value{color:var(--text-primary);display:block;font-size:1.5rem;font-weight:700}.goals-stat-label{color:var(--text-muted);font-size:.72rem}.goals-analytics-link{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:6px;padding:10px 16px;transition:background .15s}.goals-analytics-link:hover{background:#3b82f614}.home-quickstart-cta{align-items:center;background:linear-gradient(135deg,#8b5cf61f,#3b82f614);border:1px solid #8b5cf640;border-radius:16px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px 24px}.quickstart-icon{font-size:2.5rem}.quickstart-content{flex:1 1;min-width:200px}.quickstart-content h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 4px}.quickstart-content p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.82rem;margin:0}.quickstart-actions{display:flex;flex-wrap:wrap;gap:8px}.quickstart-btn{border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 16px;transition:transform .15s}.quickstart-btn:hover{transform:translateY(-1px)}.quickstart-btn-primary{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.quickstart-btn-secondary{background:#ffffff14;border:1px solid #ffffff26;color:#fff;color:var(--text-primary,#fff)}.home-daily-ring-section{align-items:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.home-daily-ring{flex-shrink:0;height:60px;position:relative;width:60px}.daily-ring-svg{height:100%;width:100%}.daily-ring-label{align-items:center;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.daily-ring-value{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:700;line-height:1}.daily-ring-unit{color:#aaa;color:var(--text-secondary,#aaa);font-size:.6rem}.daily-ring-info{display:flex;flex-direction:column;gap:2px}.daily-ring-goal{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem}.daily-ring-streak{color:#f59e0b;font-size:.8rem;font-weight:600}@media (max-width:768px){.home-quickstart-cta{flex-direction:column;padding:16px;text-align:center}.quickstart-actions{justify-content:center;width:100%}}.library-empty-state{background:#ffffff05;border:2px dashed #ffffff1a;border-radius:16px;margin:16px 0;padding:48px 24px;text-align:center}.library-empty-icon{font-size:3.5rem;margin-bottom:12px}.library-empty-title{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;font-weight:600;margin:0 0 8px}.library-empty-desc{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin:0 auto 20px;max-width:400px}.library-empty-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.library-recent-section{margin-bottom:12px}.library-section-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px;padding:0 4px}.library-section-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0}.library-section-count{background:#ffffff0f;border-radius:12px;color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;padding:2px 8px}.library-file-upload-section.drag-over{animation:drag-pulse 1.2s ease-in-out infinite;background:#8b5cf614;border:2px dashed #8b5cf6;border:2px dashed var(--accent,#8b5cf6);border-radius:12px}@keyframes drag-pulse{0%,to{border-color:#8b5cf666}50%{border-color:#8b5cf6e6}}.library-file-upload-btn-large.drag-active{background:#8b5cf626!important;transform:scale(1.02)}.reader-floating-next-btn{animation:float-next-in .4s ease-out;background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:24px;bottom:90px;box-shadow:0 4px 20px #8b5cf666;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:12px 20px;position:fixed;right:20px;transition:transform .2s,box-shadow .2s;z-index:100}.reader-floating-next-btn:hover{box-shadow:0 6px 24px #8b5cf699;transform:translateY(-2px)}@keyframes float-next-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.reader-floating-next-btn{bottom:100px;font-size:.8rem;padding:10px 16px;right:12px}}.mini-player{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#141423f7;border:1px solid #8b5cf64d;border-radius:14px;bottom:60px;box-shadow:0 -4px 24px #0006;cursor:pointer;left:8px;margin:0 auto;max-width:500px;overflow:hidden;position:fixed;right:8px;z-index:9000}.mini-player-progress{background:#ffffff14;height:3px;width:100%}.mini-player-progress-fill{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:0 2px 2px 0;height:100%;transition:width .3s linear}.mini-player-content{align-items:center;display:flex;gap:10px;padding:8px 12px}.mini-player-cover{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;width:36px}.mini-player-cover img{height:100%;object-fit:cover;width:100%}.mini-player-cover-icon{font-size:1.2rem}.mini-player-info{display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.mini-player-title{color:#fff;color:var(--text-primary,#fff);font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-time{color:#aaa;color:var(--text-secondary,#aaa);font-size:.65rem}.mini-player-controls{align-items:center;display:flex;flex-shrink:0;gap:4px}.mini-player-btn{align-items:center;background:#ffffff0f;border:none;border-radius:50%;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;transition:background .15s;width:30px}.mini-player-btn:hover{background:#ffffff1f}.mini-player-play{background:#8b5cf6;background:var(--accent,#8b5cf6);font-size:1rem;height:36px;width:36px}.mini-player-play:hover{background:#7c3aed}@media (max-width:768px){.mini-player{border-radius:12px;bottom:70px;left:4px;right:4px}}.abl-chapters-remaining{font-size:.75rem;margin-left:8px}.abl-ch-remaining,.abl-chapters-remaining{color:#8b5cf6;color:var(--accent,#8b5cf6);font-weight:500}.abl-ch-remaining{font-size:.7rem}.multiplier-badge{position:relative}.multiplier-badge-inner{animation:multiplier-glow 2s ease-in-out infinite}@keyframes multiplier-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.level-up-celebration{align-items:center;animation:level-up-fade-in .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:99998}@keyframes level-up-fade-in{0%{opacity:0}to{opacity:1}}.level-up-card{background:linear-gradient(135deg,#1e143cfa,#3c1e50fa);border:2px solid #8b5cf680;border-radius:20px;box-shadow:0 0 60px #8b5cf64d;max-width:340px;padding:40px 48px;text-align:center}.level-up-icon{animation:level-up-bounce .8s ease infinite;display:block;font-size:3.5rem;margin-bottom:12px}@keyframes level-up-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.level-up-title{color:#fff;font-size:1.4rem;font-weight:700;margin:0 0 4px}.level-up-subtitle{color:#8b5cf6;color:var(--accent,#8b5cf6);font-size:.9rem;font-weight:600;margin:0 0 16px}.level-up-dismiss{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 24px}.toast-ink .toast-amount,.toast-xp .toast-amount{animation:xp-pop .4s ease-out;font-size:1rem}@keyframes xp-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.app-bar-subtabs{-ms-overflow-style:none}.app-bar-link[data-shortcut]:after{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:3px;color:#ffffff59;content:attr(data-shortcut);display:none;font-family:monospace;font-size:.55rem;margin-left:4px;padding:1px 4px;vertical-align:middle}@media (min-width:1200px) and (hover:hover){.app-bar-link[data-shortcut]:after{display:inline}}.mobile-bottom-nav .nav-item.active{position:relative}.mobile-bottom-nav .nav-item.active:before{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:2px;content:"";height:3px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:24px}.breadcrumb-nav{align-items:center;display:flex;flex-wrap:wrap;font-size:.78rem;gap:4px;margin-bottom:8px;padding:8px 0}.breadcrumb-item{background:none;border:none;border-radius:4px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:inherit;padding:2px 6px;text-decoration:none;transition:color .15s,background .15s}.breadcrumb-item:hover{background:#ffffff0f;color:#fff;color:var(--text-primary,#fff)}.breadcrumb-separator{color:#fff3;font-size:.7rem;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#fff;color:var(--text-primary,#fff);font-weight:500}.connection-indicator{height:3px;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:100000}.connection-indicator.offline{animation:offline-pulse 2s linear infinite;background:linear-gradient(90deg,#ef4444,#f97316,#ef4444);background-size:200% 100%;opacity:1}.connection-indicator.online{opacity:0}@keyframes offline-pulse{0%{background-position:0 0}to{background-position:200% 0}}.offline-banner{animation:offline-slide .3s ease;background:#ef4444e6;border-radius:0 0 8px 8px;color:#fff;font-size:.75rem;font-weight:500;left:50%;padding:6px 16px;pointer-events:none;position:fixed;top:3px;transform:translateX(-50%);z-index:100000}@keyframes offline-slide{0%{transform:translateX(-50%) translateY(-100%)}to{transform:translateX(-50%) translateY(0)}}.onboarding-skip-btn{background:none;border:none;color:#888;color:var(--text-secondary,#888);cursor:pointer;display:block;font-size:.78rem;margin:16px auto 0;padding:8px 16px;text-decoration:underline;transition:color .2s}.onboarding-skip-btn:hover{color:#fff;color:var(--text-primary,#fff)}.card,.nav-item,.tab-item,.touchable,button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){.touchable,[role=button],a:not(.inline-link),button:not(.inline-btn){min-height:44px;min-width:44px}}.app-bar-subtabs,.book-shelf,.category-row,.library-grid,.scroll-container,.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}body,html{overscroll-behavior-y:none}@media (max-width:320px){:root{--touch-spacing:8px;--card-min-width:100%;--grid-columns:1;--font-scale:0.85;--nav-icon-size:20px}.library-page{padding:12px 8px!important}.library-grid{gap:8px!important;grid-template-columns:1fr!important}.book-card{flex-direction:row!important;height:auto!important;min-height:80px}.book-card .book-cover-img{border-radius:6px;height:80px!important;width:60px!important}.app-bar-right>:not(.user-avatar-wrapper):not(.notification-btn):not(.notification-center),.app-bar-title{display:none!important}.user-avatar-wrapper{pointer-events:auto!important;position:relative;z-index:100}.mobile-bottom-nav{height:56px}.mobile-bottom-nav .nav-label{font-size:.6rem}.page-content{padding-bottom:64px}.home-hero,.home-stats-row,.quick-actions-scroll{flex-direction:column!important}.home-stats-row .stat-card{width:100%!important}}@media (min-width:321px) and (max-width:519px){:root{--touch-spacing:12px;--card-min-width:140px;--grid-columns:2;--font-scale:0.9}.library-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}}@media (min-width:520px) and (max-width:767px){:root{--touch-spacing:16px;--card-min-width:160px;--grid-columns:3;--font-scale:0.95}.library-grid{grid-template-columns:repeat(3,1fr)!important}.app-bar-right .app-bar-ink,.app-bar-right .app-bar-points{display:flex!important}}@media (hover:none) and (pointer:coarse) and (min-width:700px){.app-bar-right .app-bar-ink,.app-bar-right .notification-center,.app-bar-right .user-avatar-wrapper{display:flex!important}.app-bar-title{display:inline!important}}.mobile-bottom-nav{align-items:stretch;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:var(--toolbar-bg);border-top:1px solid var(--border);bottom:0;display:none;height:64px;justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:9990}.mobile-bottom-nav.hidden{transform:translateY(100%)}@media (max-width:768px){.mobile-bottom-nav{display:flex}.discover-page,.home-page,.ink-history-page,.leaderboard-page,.library-page,.page-content,.profile-page,.reading-nook-page,.rewards-page,.shop-page,.social-page{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important}}.mobile-bottom-nav .nav-item{align-items:center;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:2px;justify-content:center;padding:6px 4px;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1)}.mobile-bottom-nav .nav-item:active{transform:scale(.85)}.mobile-bottom-nav .nav-icon{font-size:1.3rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mobile-bottom-nav .nav-item.active .nav-icon{transform:scale(1.15) translateY(-2px)}.mobile-bottom-nav .nav-label{color:var(--text-muted);font-size:.65rem;font-weight:500;transition:color .2s,font-weight .2s}.mobile-bottom-nav .nav-item.active .nav-label{color:var(--accent);font-weight:700}.mobile-bottom-nav .nav-item.active:after{animation:navDotPop .3s cubic-bezier(.34,1.56,.64,1);background:var(--accent);border-radius:50%;bottom:4px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:4px}@keyframes navDotPop{0%{transform:translateX(-50%) scale(0)}to{transform:translateX(-50%) scale(1)}}.touch-ripple-container{overflow:hidden;position:relative}.touch-ripple{animation:rippleExpand .6s cubic-bezier(.4,0,.2,1) forwards;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 30%,#0000) 0,#0000 70%);border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes rippleExpand{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}.pull-to-refresh{overflow:hidden;position:relative}.pull-indicator{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;box-shadow:var(--shadow);display:flex;font-size:1.2rem;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;top:-60px;transform:translateX(-50%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s;width:40px}.pull-indicator.visible{opacity:1}.pull-indicator.refreshing{animation:pullSpin .8s linear infinite}@keyframes pullSpin{0%{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(1turn)}}.page-transition-enter{opacity:0;transform:translateX(20px)}.page-transition-enter-active{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateX(0)}.page-transition-exit-active{transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.page-transition-back-enter,.page-transition-exit-active{opacity:0;transform:translateX(-20px)}.page-transition-back-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.swipe-edge-indicator{background:linear-gradient(to right,color-mix(in srgb,var(--accent) 15%,#0000),#0000);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .2s;width:20px;z-index:9999}.swipe-edge-indicator.visible{opacity:1}@media (hover:none) and (pointer:coarse){.achievement-card,.book-card,.challenge-card,.friend-card,.reward-card,.shop-item-card{cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s}.achievement-card:active,.book-card:active,.challenge-card:active,.friend-card:active,.reward-card:active,.shop-item-card:active{box-shadow:none;transform:scale(.97)}.menu-item,.mobile-nav-link,.settings-item{min-height:52px;padding:14px 16px!important}input[type=checkbox],input[type=radio]{height:22px;width:22px}input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{height:28px;width:28px}}.touch-carousel{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding:8px 16px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.touch-carousel::-webkit-scrollbar{display:none}.touch-carousel>*{flex-shrink:0;scroll-snap-align:start}@media (max-width:768px){.app-bar-subtabs{border-left:none!important;border-radius:0!important;border-right:none!important;gap:6px!important;justify-content:flex-start!important;margin:0!important;max-width:100%!important;overflow-x:auto!important;padding:6px 12px!important;scroll-snap-type:x proximity;width:100%!important}.app-bar-subtab{flex-shrink:0;font-size:.78rem!important;min-height:44px;padding:10px 16px!important;scroll-snap-align:start}.app-bar-subtab-dropdown .subtab-dropdown-menu{background:none!important;border:none!important;box-shadow:none!important;display:flex!important;flex-direction:row!important;gap:4px;padding:0!important;position:static!important}.app-bar-subtab-dropdown>.app-bar-subtab{display:none!important}.app-bar-subtab-dropdown .subtab-dropdown-menu button{border-radius:10px;font-size:.78rem;font-weight:600;min-height:44px;padding:10px 14px;white-space:nowrap}}.touch-fab{align-items:center;background:var(--accent);border-radius:16px;bottom:calc(80px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 16px #3b82f666;color:#fff;cursor:pointer;display:none;font-size:1.4rem;height:56px;justify-content:center;position:fixed;right:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;width:56px;z-index:100}@media (max-width:768px){.touch-fab{display:flex}}.touch-fab:active{box-shadow:0 2px 8px #3b82f64d;transform:scale(.9)}@media (max-width:768px){.modal-overlay{align-items:flex-end!important}.achievement-popup,.chest-modal,.modal-content,.spotlight-modal{animation:sheetSlideUp .3s cubic-bezier(.4,0,.2,1)!important;border-radius:20px 20px 0 0!important;margin:0!important;max-height:85vh!important;max-width:100%!important;width:100%!important}.modal-content:before,.spotlight-modal:before{background:var(--text-muted);border-radius:2px;content:"";display:block;height:4px;margin:8px auto 12px;opacity:.4;width:36px}}.long-press-menu{animation:contextMenuPop .2s cubic-bezier(.34,1.56,.64,1);background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #00000040;min-width:180px;padding:6px;position:fixed;z-index:10000}@keyframes contextMenuPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.long-press-menu-item{align-items:center;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:12px 14px;transition:background .15s}.long-press-menu-item:active{background:var(--bg-elevated)}.long-press-menu-separator{background:var(--border);height:1px;margin:4px 8px}.skeleton{animation:skeletonShimmer 1.5s infinite;background:linear-gradient(90deg,var(--bg-elevated) 25%,color-mix(in srgb,var(--bg-elevated) 80%,var(--text-muted)) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:8px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:12px;height:200px}.skeleton-text{height:16px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-avatar{border-radius:50%;height:44px;width:44px}@supports (padding:env(safe-area-inset-top)){.app-bar-wrapper{padding-top:env(safe-area-inset-top,0)}.mobile-bottom-nav{height:calc(64px + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0)}.reader-toolbar{padding-top:env(safe-area-inset-top,0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.touch-ripple{display:none}.page-transition-enter-active,.page-transition-exit-active{transition:none!important}}@media (max-width:768px){.app-bar-wrapper{transition:transform .3s cubic-bezier(.4,0,.2,1)}.app-bar-wrapper.scroll-hidden{transform:translateY(-100%)}.app-bar-wrapper.scroll-hidden+.page-content .sticky-header{top:0!important}}@media (max-height:500px) and (orientation:landscape){.mobile-bottom-nav{height:48px}.mobile-bottom-nav .nav-label{display:none}.mobile-bottom-nav .nav-icon{font-size:1.1rem}.reader-text{padding-left:24px!important;padding-right:24px!important}.library-page{padding:12px 24px!important}}[data-theme=dark] .touch-ripple{background:radial-gradient(circle,#ffffff1f 0,#0000 70%)}[data-theme=dark] .mobile-bottom-nav{background:#181e2af2;border-top-color:#3a455899}[data-theme=dark] .long-press-menu{box-shadow:0 12px 40px #00000080}.fold-transition-active *{transition:font-size .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1),gap .4s cubic-bezier(.4,0,.2,1),grid-template-columns .4s cubic-bezier(.4,0,.2,1)!important}@media (hover:none) and (pointer:coarse){input[type=email],input[type=password],input[type=search],input[type=text],select,textarea{border-radius:12px!important;font-size:16px!important;min-height:48px;padding:14px 16px!important}select{background-size:16px;padding-right:40px!important}}@media (max-width:768px){.app-bar{gap:8px;min-height:48px;padding:8px 12px!important}.app-bar-left{flex-shrink:0;gap:6px;min-width:0}.app-bar-logo{font-size:1rem;gap:4px}.app-bar-nav,.app-bar-title,.app-bar-version,.dev-indicator{display:none!important}.app-bar-right{flex-shrink:0;gap:8px!important;overflow:visible}.app-bar-right .app-bar-friends-online,.app-bar-right .app-bar-ink,.app-bar-right .app-bar-points,.app-bar-right .app-bar-search-hint,.app-bar-right .app-bar-wishlist-btn,.app-bar-right .multiplier-badge{display:none!important}.app-bar-right .notification-center,.app-bar-right .user-avatar-wrapper{display:flex!important;flex-shrink:0}.notification-bell-btn{min-height:36px;min-width:36px;padding:4px 10px!important}.app-bar-mobile-toggle{display:flex!important;flex-shrink:0;font-size:1.1rem;height:36px;width:36px}}@media (max-width:380px){.app-bar{padding:6px 8px!important}.app-bar-logo{font-size:.9rem}.app-bar-right{gap:6px!important}.notification-bell-btn{font-size:.75rem;min-height:32px;min-width:32px;padding:4px 8px!important}}@media (max-width:768px){.app-bar-subtabs{-webkit-overflow-scrolling:touch;border-radius:0!important;display:flex;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-start!important;margin:0!important;overflow-x:auto;overflow-y:hidden;padding:8px 12px!important;scrollbar-width:none;white-space:nowrap;width:100%!important}.app-bar-subtabs::-webkit-scrollbar{display:none}.app-bar-subtab{border-radius:10px;flex-shrink:0;font-size:.78rem!important;min-height:40px;padding:8px 14px!important;white-space:nowrap}.app-bar-subtab-dropdown{display:contents}.app-bar-subtab-dropdown>.app-bar-subtab{display:none!important}.app-bar-subtab-dropdown .subtab-dropdown-menu{background:none!important;border:none!important;box-shadow:none!important;display:contents!important;padding:0!important;position:static!important}.app-bar-subtab-dropdown .subtab-dropdown-menu button{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-shrink:0;font-size:.78rem;font-weight:600;min-height:40px;padding:8px 14px;white-space:nowrap}.subtab-pct{display:none}.home-page{padding:0 4px!important}.home-header{padding:12px 8px!important}.home-header h1{font-size:1.3rem!important}.home-level-bar{margin-top:8px}.home-daily-ring-section{margin-bottom:12px;padding:10px 12px}.home-daily-ring{height:50px;width:50px}.daily-ring-value{font-size:.85rem}.home-quickstart-cta{flex-direction:column;gap:12px;padding:16px 12px;text-align:center}.quickstart-actions{justify-content:center;width:100%}.home-card{border-radius:12px;padding:14px 12px!important}.home-card h3{font-size:.9rem;margin-bottom:10px}.home-streaks-row{flex-wrap:wrap;gap:8px}.home-streak-item{min-width:calc(33% - 8px)}.home-layout{flex-direction:column!important;gap:16px!important;margin-top:16px!important}.home-right{width:100%!important}.home-right .streak-widget-v2{position:static!important}.quick-actions-scroll{gap:6px;padding:6px 0}.quick-action-pill{font-size:.78rem;padding:8px 12px}.home-see-all{font-size:.72rem!important;padding:6px 10px!important}.streak-widget-v2{padding:14px 12px!important}.streak-v2-header{flex-wrap:wrap;gap:8px}.streak-v2-count{font-size:1.8rem!important}.streak-v2-timeline{margin-top:12px}.streak-v2-timeline-marker-label{font-size:.55rem}.streak-v2-calendar-compact{padding-top:8px}.streak-v2-cal-cell{padding:1px 0}.streak-v2-cal-num{font-size:.65rem}}@media (max-width:380px){.streak-v2-stats,.streak-v2-timeline{display:none}}@media (max-width:768px){.library-page{padding:16px 12px!important}.library-filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.library-filters::-webkit-scrollbar{display:none}.library-filter-btn,.library-sort-btn{flex-shrink:0;font-size:.78rem!important;min-height:40px;padding:8px 14px!important;white-space:nowrap}.library-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.discover-search-input,.library-search-input{font-size:16px!important;width:100%!important}.book-card{border-radius:10px}.book-card .book-cover-img{border-radius:8px 8px 0 0}.library-sidebar{display:none!important}.library-view-toggle{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;bottom:calc(72px + env(safe-area-inset-bottom, 0px));box-shadow:0 4px 16px #0003;padding:4px;position:fixed;right:12px;z-index:100}.discover-trending-section{margin:0 -12px;padding:0 12px}.discover-genre-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:380px){.library-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.book-club-page,.family-page,.leaderboard-page,.social-page{padding:16px 12px!important}.challenge-card,.friend-card{border-radius:12px;padding:12px!important}.leaderboard-table{font-size:.78rem}.leaderboard-table td,.leaderboard-table th{padding:10px 8px!important}.social-feed-card{border-radius:12px;margin:0 -4px;padding:12px!important}.rewards-page,.shop-page{padding:16px 12px!important}.shop-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.shop-item-card{border-radius:12px}.reward-card,.shop-item-card{padding:12px!important}.shop-category-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:380px){.shop-grid{grid-template-columns:1fr!important}}@media (max-width:768px){.settings-page{padding:16px 12px!important}.settings-header h1{font-size:1.3rem}.settings-section{border-radius:12px;padding:16px 12px!important}.settings-row{align-items:stretch!important;flex-direction:column;gap:8px}.settings-option-group{flex-wrap:wrap;gap:6px}.settings-chip{font-size:.78rem;min-height:40px;padding:8px 12px!important}.settings-slider{width:100%}.settings-actions{flex-direction:column;gap:8px}.settings-action-btn{justify-content:center;min-height:44px;width:100%}.profile-page{padding:16px 12px!important}.profile-header{flex-direction:column;gap:12px;text-align:center}.profile-avatar{margin:0 auto}.profile-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.profile-tab-content{padding:12px 0}.reader-floating-next-btn{bottom:80px;font-size:.78rem;padding:10px 16px;right:12px}.reader-toolbar{padding:4px 8px!important}.notification-panel{max-height:70vh!important}.friends-online-dropdown,.notification-panel{animation:sheetSlideUp .3s ease-out;border-radius:20px 20px 0 0!important;bottom:0!important;left:0!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important}.friends-online-dropdown{max-height:60vh}.friend-context-menu{animation:sheetSlideUp .3s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:20px 20px 0 0!important;bottom:0!important;display:flex;flex-direction:column;gap:4px;left:0!important;padding:16px!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important}.friend-context-menu button{border-radius:10px;font-size:.9rem;min-height:48px;padding:14px 16px!important;text-align:left}.book-context-menu{animation:sheetSlideUp .3s ease-out;border-radius:20px 20px 0 0!important;bottom:0!important;left:0!important;max-width:100%!important;position:fixed!important;right:0!important;top:auto!important;width:100%!important}}@media (max-width:768px){@keyframes sheetSlideUp{0%{opacity:.8;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (max-width:768px){.mobile-nav-drawer{padding:16px!important;width:min(280px,85vw)!important}.mobile-nav-link{border-radius:10px;font-size:.88rem;min-height:48px;padding:12px 14px!important}.mobile-nav-header{padding-bottom:14px}.book-card{min-height:0;min-height:auto}.book-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.78rem!important;line-height:1.3;overflow:hidden}.book-card-author{font-size:.68rem!important}.bounce-scroll-row,.infinite-scroll-row{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.bounce-scroll-row>*,.infinite-scroll-row>*{scroll-snap-align:start}h1{font-size:1.4rem!important}h2{font-size:1.15rem!important}h3{font-size:.95rem!important}.admin-header h1,.page-title,.profile-header h1,.settings-header h1{font-size:1.3rem!important}.app-content,main{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))}.page-content,.page-wrapper{padding-left:12px!important;padding-right:12px!important}.card,.glass-card,.home-card{border-radius:12px!important}.admin-page,.analytics-page{padding:16px 12px!important}.admin-stats-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.admin-users-table-wrap{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}.admin-users-table{font-size:.75rem;min-width:600px}.integrations-page,.offline-page{padding:16px 12px!important}.integration-card{padding:14px 12px!important}.integration-card-header{flex-wrap:wrap;gap:8px}.ink-history-page,.level-progress-page{padding:16px 12px!important}.ink-transaction-list{gap:6px}.ink-transaction-item{font-size:.82rem;padding:12px!important}}@media (max-height:500px) and (orientation:landscape){.app-bar{min-height:40px;padding:4px 12px!important}.home-daily-ring-section{padding:6px 12px}.home-daily-ring{height:40px;width:40px}.streak-widget-v2{padding:10px!important}.streak-v2-calendar-compact{display:none}}@media (max-width:768px){.audiobook-player,.mini-player{border-radius:12px;margin:0 8px}.mini-player{bottom:calc(72px + env(safe-area-inset-bottom, 0px));left:8px;right:8px}.happy-place-page,.my-room-page,.reading-nook-page{padding:16px 12px!important}.continue-reading-fab{bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important}.back-to-top-btn{bottom:calc(80px + env(safe-area-inset-bottom, 0px));right:12px}.collections-page,.highlights-page{padding:16px 12px!important}.collection-grid{gap:10px;grid-template-columns:repeat(2,1fr)!important}.highlight-card{padding:12px!important}.home-birthday-banner{border-radius:12px;flex-wrap:wrap;padding:14px 12px!important}.home-birthday-confetti{font-size:1.5rem}.home-birthday-content h2{font-size:1rem}.home-birthday-content p{font-size:.8rem}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=url],select,textarea{font-size:16px!important}.book-detail-page{padding:16px 12px!important}.book-detail-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.book-detail-cover{height:auto;width:160px!important}.book-detail-actions{flex-wrap:wrap;gap:8px;justify-content:center}.book-detail-actions button{font-size:.82rem;min-height:44px;padding:10px 16px}.authors-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.author-card{padding:12px!important}.author-detail-page{padding:16px 12px!important}.author-detail-header{align-items:center;flex-direction:column;text-align:center}.app-bar-wrapper{max-width:100vw;overflow:hidden}.home-page,.library-page,.profile-page,.settings-page,.shop-page,.social-page{max-width:100vw;overflow-x:hidden}}.aum-overlay{align-items:center;animation:aumFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}@keyframes aumFadeIn{0%{opacity:0}to{opacity:1}}.aum-modal{animation:aumSlideUp .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 80px #0006;display:flex;flex-direction:column;max-height:85vh;max-width:720px;width:100%}@keyframes aumSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.aum-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.aum-header-left{display:flex;flex-direction:column;gap:2px}.aum-header h2{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.aum-header-stats{color:var(--text-secondary);font-size:.75rem}.aum-close{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.4rem;height:32px;justify-content:center;transition:background .15s;width:32px}.aum-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.aum-rejected{align-items:center;background:color-mix(in srgb,#f59e0b 10%,#0000);border-bottom:1px solid color-mix(in srgb,#f59e0b 20%,#0000);color:#f59e0b;display:flex;font-size:.75rem;gap:6px;overflow:hidden;padding:8px 24px}.aum-rejected-names{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aum-body{flex:1 1;overflow-y:auto;padding:20px 24px;scrollbar-width:thin}.aum-dropzone{align-items:center;border:2px dashed var(--border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:48px 24px;text-align:center;transition:border-color .2s,background .2s}.aum-dropzone:hover{background:color-mix(in srgb,var(--accent) 3%,#0000);border-color:var(--accent)}.aum-dropzone.drag-active{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:var(--accent);border-style:solid}.aum-dropzone.compact{flex-direction:row;gap:8px;margin-bottom:16px;padding:12px 20px}.aum-dropzone-icon{font-size:3rem;line-height:1}.aum-dropzone.compact .aum-dropzone-icon{display:none}.aum-dropzone-title{color:var(--text-primary);font-size:1.1rem;font-weight:600}.aum-dropzone-hint{color:var(--text-secondary);font-size:.8rem}.aum-dropzone-actions{display:flex;gap:10px;margin-top:8px}.aum-dropzone-compact-content{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px}.aum-btn{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:all .15s}.aum-btn-primary{background:var(--accent);color:#fff}.aum-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.aum-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.aum-btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.aum-btn-secondary:hover{border-color:var(--accent)}.aum-btn-inline{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;font-weight:600;padding:0;text-decoration:underline}.aum-btn-icon{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:background .15s;width:28px}.aum-btn-icon:hover{background:var(--bg-elevated)}.aum-btn-danger:hover{background:color-mix(in srgb,#ef4444 15%,#0000)}.aum-btn-sm{color:var(--text-secondary);font-size:1rem;height:22px;width:22px}.aum-btn-sm:hover{color:#ef4444}.aum-btn-split{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000);border-radius:6px;color:var(--accent);cursor:pointer;font-size:.7rem;font-weight:600;padding:2px 8px;white-space:nowrap}.aum-btn-split:hover{background:color-mix(in srgb,var(--accent) 20%,#0000)}.aum-btn-retry{background:color-mix(in srgb,#ef4444 10%,#0000);border:1px solid color-mix(in srgb,#ef4444 30%,#0000);border-radius:6px;color:#ef4444;cursor:pointer;font-size:.75rem;font-weight:600;margin-top:6px;padding:4px 10px}.aum-btn-retry:hover{background:color-mix(in srgb,#ef4444 20%,#0000)}.aum-groups{display:flex;flex-direction:column;gap:10px}.aum-group{background:var(--bg-page);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.aum-group.expanded{border-color:color-mix(in srgb,var(--accent) 40%,#0000);box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 8%,#0000)}.aum-group.merge-source{border-color:#f59e0b;box-shadow:0 0 0 2px color-mix(in srgb,#f59e0b 20%,#0000)}.aum-group.merge-target{cursor:pointer}.aum-group.merge-target:hover{border-color:#10b981;box-shadow:0 0 0 2px color-mix(in srgb,#10b981 20%,#0000)}.aum-group-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background .15s}.aum-group-header:hover{background:color-mix(in srgb,var(--accent) 3%,#0000)}.aum-group-icon{flex-shrink:0;font-size:1.5rem}.aum-group-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.aum-group-title{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aum-group-meta{color:var(--text-secondary);font-size:.72rem}.aum-group-actions{display:flex;flex-shrink:0;gap:2px}.aum-group-expand{color:var(--text-secondary);flex-shrink:0;font-size:.7rem;text-align:center;width:20px}.aum-group-edit{align-items:center;display:flex;flex:1 1;gap:6px}.aum-edit-input{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:600;outline:none;padding:5px 10px;transition:border-color .15s}.aum-edit-input:focus{border-color:var(--accent)}.aum-edit-author{font-weight:400;max-width:140px}.aum-merge-hint{background:color-mix(in srgb,#10b981 5%,#0000);border-top:1px solid color-mix(in srgb,#10b981 15%,#0000);color:#10b981;font-size:.72rem;font-weight:600;padding:6px 16px}.aum-chapter-list{border-top:1px solid var(--border);overflow:hidden}.aum-chapters-reorder{list-style:none;margin:0;padding:4px 0}.aum-chapter-item{align-items:center;cursor:grab;display:flex;font-size:.78rem;gap:8px;padding:7px 16px;transition:background .1s}.aum-chapter-item:hover{background:color-mix(in srgb,var(--accent) 4%,#0000)}.aum-chapter-item:active{background:color-mix(in srgb,var(--accent) 8%,#0000);border-radius:6px;box-shadow:0 2px 8px #00000026;cursor:grabbing}.aum-chapter-item.split-mode{border-bottom:1px dashed color-mix(in srgb,var(--accent) 30%,#0000)}.aum-chapter-drag{color:var(--text-secondary);cursor:grab;flex-shrink:0;font-size:.9rem;opacity:.4}.aum-chapter-num{align-items:center;background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:6px;color:var(--accent);display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.aum-chapter-name{color:var(--text-primary);flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aum-chapter-size{color:var(--text-secondary);flex-shrink:0;font-size:.7rem}.aum-chapter-actions{align-items:center;display:flex;flex-shrink:0;gap:4px;opacity:0;transition:opacity .15s}.aum-chapter-item:hover .aum-chapter-actions{opacity:1}.aum-move-select{-webkit-appearance:none;appearance:none;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.7rem;height:22px;padding:0;text-align:center;width:28px}.aum-upload-progress{display:flex;flex-direction:column;gap:14px}.aum-progress-item{background:var(--bg-page);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.aum-progress-item.aum-progress-success{border-color:color-mix(in srgb,#10b981 30%,#0000)}.aum-progress-item.aum-progress-error{border-color:color-mix(in srgb,#ef4444 30%,#0000)}.aum-progress-info{align-items:center;display:flex;gap:8px;margin-bottom:8px}.aum-progress-icon{font-size:1.1rem}.aum-progress-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.aum-progress-detail{color:var(--text-secondary);font-size:.72rem;margin-left:auto}.aum-progress-bar-wrap{align-items:center;display:flex;gap:10px}.aum-progress-bar{background:var(--border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.aum-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s ease}.aum-progress-success .aum-progress-fill{background:#10b981}.aum-progress-error .aum-progress-fill{background:#ef4444}.aum-progress-pct{color:var(--text-secondary);font-size:.72rem;font-weight:600;min-width:32px;text-align:right}.aum-complete{align-items:center;display:flex;flex-direction:column;gap:12px;padding:32px 0;text-align:center}.aum-complete-icon{font-size:3rem}.aum-complete h3{color:var(--text-primary);font-size:1.2rem;margin:0}.aum-complete-summary{color:var(--text-secondary);font-size:.85rem}.aum-complete-list{display:flex;flex-direction:column;gap:6px;margin-top:12px;max-width:400px;width:100%}.aum-complete-item{align-items:center;border-radius:8px;display:flex;font-size:.82rem;gap:8px;padding:8px 12px}.aum-complete-item.success{background:color-mix(in srgb,#10b981 8%,#0000)}.aum-complete-item.error{background:color-mix(in srgb,#ef4444 8%,#0000)}.aum-complete-title{color:var(--text-primary);font-weight:600}.aum-complete-duration{color:var(--text-secondary);font-size:.72rem;margin-left:auto}.aum-footer{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:14px 24px}.aum-footer-uploading{color:var(--text-secondary);font-size:.78rem;font-style:italic}.library-add-type-toggle{border:1px solid var(--border);border-radius:10px;display:flex;gap:0;margin-bottom:16px;overflow:hidden}.library-add-type-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:10px 16px;transition:background .15s,color .15s}.library-add-type-btn.active{background:color-mix(in srgb,var(--accent) 12%,#0000);color:var(--accent)}.library-add-type-btn:hover:not(.active){background:var(--bg-elevated)}@media (max-width:640px){.aum-modal{border-radius:12px;max-height:95vh}.aum-header{padding:14px 16px}.aum-body{padding:16px}.aum-dropzone{padding:32px 16px}.aum-group-header{gap:8px;padding:10px 12px}.aum-group-actions{gap:0}.aum-chapter-item{padding:6px 12px}.aum-chapter-actions{opacity:1}.aum-footer{padding:12px 16px}}:is([data-theme=light],[data-theme=sepia]) .aum-modal{box-shadow:0 24px 80px #00000026}:is([data-theme=light],[data-theme=sepia]) .aum-overlay{background:#0006}.public-library-page{margin:0 auto;max-width:1400px;padding:1.5rem}.public-library-header{margin-bottom:1.5rem}.public-library-header h1{color:#fff;color:var(--text-primary,#fff);font-size:1.8rem;font-weight:700;margin:0 0 .25rem}.public-library-subtitle{color:#aaa;color:var(--text-secondary,#aaa);font-size:.9rem;margin:0}.public-library-layout{display:flex;gap:0;min-height:60vh}.public-library-main{flex:1 1;min-width:0;padding-left:1rem}@media (max-width:900px){.public-library-layout{flex-direction:column}.public-library-layout .discover-sidebar{height:auto;position:static;width:100%}.public-library-layout .discover-sidebar.collapsed{display:none}.public-filter-toggle-btn{display:inline-flex}}@media (min-width:901px){.public-library-genre-pills{display:none}}.public-library-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.public-library-search{display:flex;flex:1 1;max-width:400px;min-width:200px}.public-library-search-input{background:#1e1e2e;background:var(--bg-card,var(--surface,#1e1e2e));border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px 0 0 8px;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:.9rem;outline:none;padding:.6rem 1rem}.public-library-search-input:focus{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.public-library-search-btn{background:#8b5cf6;background:var(--accent,#8b5cf6);border:1px solid #8b5cf6;border:1px solid var(--accent,#8b5cf6);border-radius:0 8px 8px 0;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1rem}.public-library-filters{align-items:center;display:flex;gap:.5rem}.public-library-genre-select{background:#1e1e2e;background:var(--bg-card,var(--surface,#1e1e2e));border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:.6rem 1rem}.public-library-genre-select,.public-library-view-toggle{border:1px solid #333;border:1px solid var(--border,#333)}.public-library-view-toggle{border-radius:6px;display:flex;gap:2px;overflow:hidden}.view-btn{background:#1e1e2e;background:var(--bg-card,var(--surface,#1e1e2e));border:none;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:1rem;padding:.5rem .75rem}.view-btn.active{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff}.public-library-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.public-book-card{background:#1e1e2e;background:var(--bg-card,var(--surface,#1e1e2e));border:1px solid #2a2a3e;border:1px solid var(--border,#2a2a3e);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.public-book-card:hover{box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}.public-book-cover{background:#151525;background:var(--bg-dim,var(--surface-dim,#151525));cursor:pointer;height:200px;overflow:hidden;position:relative;width:100%}.public-book-cover img{height:100%;object-fit:cover;width:100%}.public-book-cover-placeholder{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:1rem;text-align:center;width:100%}.cover-icon{font-size:2rem}.cover-title{color:#aaa;color:var(--text-secondary,#aaa);font-size:.7rem;line-height:1.3}.public-book-info{padding:.75rem}.public-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-primary,#fff);display:-webkit-box;font-size:.85rem;font-weight:600;line-height:1.3;margin:0 0 .2rem;overflow:hidden}.public-book-author{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;margin:0 0 .2rem}.public-book-meta{color:#666;color:var(--text-tertiary,#666);font-size:.7rem;margin:0}.public-book-actions{display:flex;gap:.5rem;padding:0 .75rem .75rem}.public-book-read-btn{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;padding:.4rem;transition:opacity .2s}.public-book-read-btn:hover{opacity:.85}.public-book-add-btn{background:#0000;border:1px solid #333;border:1px solid var(--border,#333);border-radius:6px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;flex:1 1;font-size:.75rem;padding:.4rem;transition:all .2s}.public-book-add-btn:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#8b5cf6;color:var(--accent,#8b5cf6)}.public-book-add-btn.added{border-color:#22c55e;color:#22c55e}.bookshelf-container{padding:1rem 0}.bookshelf-row{margin-bottom:0}.bookshelf-books{align-items:flex-end;display:flex;gap:6px;min-height:160px;padding:0 1rem}.bookshelf-book{cursor:pointer;transition:transform .2s}.bookshelf-book:hover{transform:translateY(-8px)}.bookshelf-spine{align-items:center;border-radius:2px 4px 4px 2px;box-shadow:2px 2px 6px #0006;display:flex;height:140px;justify-content:center;overflow:hidden;position:relative;width:36px}.bookshelf-spine-cover{height:100%;object-fit:cover;width:100%}.bookshelf-spine-text{color:#fffc;font-size:.55rem;font-weight:500;padding:4px;text-align:center;text-orientation:mixed;writing-mode:vertical-rl}.bookshelf-wood{background:linear-gradient(180deg,#8b6914,#6b4e0a 40%,#4a3508);border-radius:0 0 3px 3px;box-shadow:0 3px 8px #0006;height:14px;margin-top:-2px}.public-library-loading{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.public-library-empty{color:#aaa;color:var(--text-secondary,#aaa);padding:4rem 2rem;text-align:center}.public-library-empty .empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.public-library-empty h3{color:#fff;color:var(--text-primary,#fff);margin:0 0 .5rem}.public-library-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;padding:2rem 0}.pagination-btn{background:#1e1e2e;background:var(--bg-card,var(--surface,#1e1e2e));border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:.5rem 1.25rem;transition:border-color .2s}.pagination-btn:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem}@media (max-width:768px){.public-library-page{padding:1rem}.public-library-controls{flex-direction:column}.public-library-search{max-width:100%}.public-library-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.bookshelf-spine{height:110px;width:28px}.bookshelf-books{min-height:120px}}.public-library-genre-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem;padding:0 2px}.genre-pill{background:#1e1e2e;background:var(--bg-card,var(--surface,#1e1e2e));border:1px solid #333;border:1px solid var(--border,#333);color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.75rem;padding:6px 12px;transition:all .2s;white-space:nowrap}.genre-pill:hover{color:#fff;color:var(--text-primary,#fff)}.genre-pill.active,.genre-pill:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6)}.genre-pill.active{background:#8b5cf6;background:var(--accent,#8b5cf6);color:#fff;font-weight:600}.public-library-staff-picks{background:linear-gradient(135deg,#f59e0b0f,#8b5cf60f);border:1px solid #f59e0b33;border-radius:14px;margin-bottom:1.5rem;padding:16px}.staff-picks-title{color:#fff;color:var(--text-primary,#fff);font-size:1rem;font-weight:600;margin:0 0 12px}.staff-picks-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.staff-pick-card{cursor:pointer;flex-shrink:0;text-align:center;transition:transform .2s;width:100px}.staff-pick-card:hover{transform:translateY(-4px)}.staff-pick-cover{border-radius:8px;box-shadow:0 4px 12px #0000004d;height:140px;margin-bottom:6px;overflow:hidden;position:relative;width:100px}.staff-pick-cover img{height:100%;object-fit:cover;width:100%}.staff-pick-badge{background:#f59e0be6;border-radius:8px;color:#fff;font-size:.6rem;font-weight:600;padding:2px 6px;position:absolute;right:4px;top:4px}.staff-pick-title{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.7rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-pick-author{color:#aaa;color:var(--text-secondary,#aaa);display:block;font-size:.6rem}.public-book-card{position:relative}.public-book-tooltip{animation:tooltip-fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141423f7;border:1px solid #8b5cf64d;border-radius:10px;box-shadow:0 8px 24px #00000080;left:0;padding:10px;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.public-book-tooltip p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#ccc;color:var(--text-secondary,#ccc);display:-webkit-box;font-size:.72rem;line-height:1.4;margin:0;overflow:hidden}.tooltip-genre{color:#8b5cf6;color:var(--accent,#8b5cf6);display:inline-block;font-size:.65rem;font-weight:600;margin-top:6px}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (hover:none){.public-book-tooltip{display:none}}.public-library-popular{background:#ffffff08;background:var(--bg-card,#ffffff08);border:1px solid #0000001a;border:1px solid var(--border,#0000001a);border-radius:14px;margin-bottom:1.5rem;padding:16px}.popular-title{color:#222;color:var(--text-primary,#222);font-size:1rem;font-weight:600;margin:0 0 12px}.popular-scroll-row{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.popular-scroll-row::-webkit-scrollbar{height:4px}.popular-scroll-row::-webkit-scrollbar-thumb{background:#ccc;background:var(--border,#ccc);border-radius:2px}.popular-card{cursor:pointer;flex-shrink:0;text-align:center;transition:transform .2s;width:160px}.popular-card:hover{transform:translateY(-4px)}.popular-cover{border-radius:8px;box-shadow:0 4px 12px #00000026;height:200px;margin:0 auto 6px;overflow:hidden;position:relative;width:140px}.popular-cover img{height:100%;object-fit:cover;width:100%}.popular-card-title{color:#222;color:var(--text-primary,#222);display:block;font-size:.7rem;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popular-card-author{color:#666;color:var(--text-secondary,#666);display:block;font-size:.6rem}.public-badge{background:#2563eb;box-shadow:0 2px 6px #2563eb66;color:#fff;font-size:.7rem;font-weight:800;height:22px;left:6px;line-height:1;width:22px}.format-badge,.public-badge{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute;top:6px;z-index:2}.format-badge{background:#0009;box-shadow:0 1px 4px #0000004d;font-size:.65rem;height:20px;right:6px;width:20px}.format-badge-book{background:#22c55ed9}.format-badge-audiobook{background:#8b5cf6d9}.toast-container{bottom:80px;flex-direction:column;left:50%;max-width:90vw;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:99999}.toast,.toast-container{align-items:center;display:flex;gap:8px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e1e32f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;max-width:400px;padding:10px 18px;pointer-events:auto;white-space:nowrap}.toast-success{background:#14321ef2;border-color:#22c55e66}.toast-error{background:#321414f2;border-color:#ef444466}.toast-xp{background:linear-gradient(135deg,#1e143cf2,#321e50f2);border-color:#8b5cf680}.toast-ink{background:linear-gradient(135deg,#141e3cf2,#1e3250f2);border-color:#3b82f680}.toast-icon{flex-shrink:0;font-size:1.1rem}.toast-ink-icon,.toast-xp-icon{animation:toast-pulse .6s ease-out}.toast-message{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis}.toast-amount{color:#a78bfa;font-size:.9rem;font-weight:700}.toast-xp .toast-amount{color:#c084fc}.toast-ink .toast-amount{color:#60a5fa}@keyframes toast-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}@media (max-width:768px){.toast-container{bottom:100px;width:90%}.toast{font-size:.8rem;max-width:100%;padding:8px 14px}}.day-detail-page{margin:0 auto;max-width:640px;min-height:100vh;padding:1rem 1rem 6rem}.day-detail-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-top:.5rem}.day-detail-back{align-items:center;background:#ffffff14;background:var(--bg-elevated,#ffffff14);border:none;border-radius:50%;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .2s;width:36px}.day-detail-back:hover{background:#ffffff26;background:var(--border,#ffffff26)}.day-detail-title-group{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.day-detail-title{color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:700;margin:0}.day-detail-badge-today{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:2px 8px;text-transform:uppercase}.day-detail-loading{align-items:center;color:#ffffff80;color:var(--text-muted,#ffffff80);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 1rem}.day-detail-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.85rem;margin-bottom:1rem;padding:1rem;text-align:center}.day-detail-empty{align-items:center;color:#ffffff4d;color:var(--text-muted,#ffffff4d);display:flex;flex-direction:column;justify-content:center;padding:4rem 1rem}.day-detail-empty-icon{font-size:3rem;margin-bottom:.75rem}.day-detail-empty p{font-size:1rem;margin:0}.day-detail-empty-text{color:#ffffff4d;color:var(--text-muted,#ffffff4d);font-size:.85rem;margin:.5rem 0 0;text-align:center}.day-detail-content{display:flex;flex-direction:column;gap:1.25rem}.day-detail-section{background:#ffffff0d;background:var(--bg-card,#ffffff0d);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:16px;padding:1.25rem}.day-detail-section-title{color:#fff9;color:var(--text-secondary,#fff9);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin:0 0 1rem;text-transform:uppercase}.day-detail-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.day-detail-metric-card{align-items:center;background:#ffffff0a;background:var(--bg-elevated,#ffffff0a);border:1px solid #ffffff0f;border:1px solid var(--border,#ffffff0f);border-radius:12px;display:flex;flex-direction:column;gap:.25rem;padding:.75rem .5rem}.day-detail-metric-card.accent-purple{background:#8b5cf614;border-color:#8b5cf64d}.day-detail-metric-card.accent-blue{background:#3b82f614;border-color:#3b82f64d}.day-detail-metric-card.accent-red{background:#ef444414;border-color:#ef44444d}.day-detail-metric-icon{font-size:1.25rem}.day-detail-metric-value{color:#fff;color:var(--text-primary,#fff);font-size:1.3rem;font-weight:700}.day-detail-metric-label{color:#ffffff80;color:var(--text-muted,#ffffff80);font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.day-detail-goal-bar{margin-top:1rem}.day-detail-goal-label{color:#fff9;color:var(--text-secondary,#fff9);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.4rem}.day-detail-goal-track{background:#ffffff1a;background:var(--bg-elevated,#ffffff1a);border-radius:3px;height:6px;overflow:hidden}.day-detail-goal-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:3px;height:100%;transition:width .4s ease}.day-detail-books-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.day-detail-book-chip{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:20px;color:#ffffffd9;color:var(--text-primary,#ffffffd9);cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .75rem;transition:background .2s,transform .15s}.day-detail-book-chip:hover{background:#8b5cf633;transform:translateY(-1px)}.day-detail-book-icon{font-size:.9rem}.day-detail-breakdown{display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem}.day-detail-breakdown-row{align-items:center;background:#ffffff08;background:var(--bg-elevated,#ffffff08);border-radius:8px;display:flex;gap:.5rem;padding:.5rem .6rem}.day-detail-breakdown-reason{color:#ffffffbf;color:var(--text-secondary,#ffffffbf);flex:1 1;font-size:.8rem}.day-detail-breakdown-amount{color:#8b5cf6;font-size:.8rem;font-weight:600}.day-detail-breakdown-time{color:#ffffff59;color:var(--text-muted,#ffffff59);font-size:.7rem;min-width:55px;text-align:right}.day-detail-achievements{display:flex;flex-direction:column;gap:.5rem}.day-detail-achievement-card{align-items:center;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:12px;display:flex;gap:.75rem;padding:.75rem}.day-detail-achievement-icon{flex-shrink:0;font-size:1.5rem}.day-detail-achievement-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.day-detail-achievement-name{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:600}.day-detail-achievement-desc{color:#ffffff80;color:var(--text-secondary,#ffffff80);font-size:.75rem}.day-detail-achievement-time{color:#ffffff59;color:var(--text-muted,#ffffff59);font-size:.7rem}.day-detail-chests{display:flex;flex-direction:column;gap:.5rem}.day-detail-chest-card{align-items:center;background:#ffffff0a;background:var(--bg-elevated,#ffffff0a);border-radius:10px;display:flex;gap:.75rem;padding:.65rem .75rem}.day-detail-chest-icon{font-size:1.3rem}.day-detail-chest-info{display:flex;flex:1 1;flex-direction:column}.day-detail-chest-type{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:600;text-transform:capitalize}.day-detail-chest-reason{color:#ffffff73;color:var(--text-muted,#ffffff73);font-size:.72rem}.day-detail-chest-badge{border-radius:8px;font-size:.65rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.day-detail-chest-badge.opened{background:#10b98126;color:#059669}.day-detail-chest-badge.unopened{background:#f59e0b26;color:#d97706}.day-detail-social-feed{display:flex;flex-direction:column;gap:.5rem}.day-detail-social-card{align-items:flex-start;background:#ffffff08;background:var(--bg-elevated,#ffffff08);border-radius:10px;display:flex;gap:.65rem;padding:.65rem}.day-detail-social-avatar{align-items:center;background:#8b5cf626;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.day-detail-social-avatar img{height:100%;object-fit:cover;width:100%}.day-detail-social-avatar-fallback{color:#7c3aed;font-size:.8rem;font-weight:700}.day-detail-social-content{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.day-detail-social-name{color:#fff;color:var(--text-primary,#fff);font-size:.8rem;font-weight:600}.day-detail-social-message{color:#fff9;color:var(--text-secondary,#fff9);font-size:.78rem;word-break:break-word}.day-detail-social-time{color:#ffffff4d;color:var(--text-muted,#ffffff4d);flex-shrink:0;font-size:.68rem;margin-top:2px}@media (max-width:480px){.day-detail-page{padding:.75rem .75rem 5rem}.day-detail-title{font-size:1.1rem}.day-detail-metrics{grid-template-columns:repeat(3,1fr)}.day-detail-metric-value{font-size:1.1rem}.day-detail-section{border-radius:14px;padding:1rem}}.feedback-page{margin:0 auto;max-width:680px;padding:2rem 1.5rem 4rem}.feedback-header{margin-bottom:2rem}.feedback-header h1{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.feedback-header p{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:.95rem;margin:0}.feedback-form{gap:1.5rem}.feedback-form,.feedback-section{display:flex;flex-direction:column}.feedback-section{gap:.5rem}.feedback-label{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.feedback-type-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.feedback-type-card{align-items:center;background:#ffffff08;border:2px solid #ffffff14;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;padding:1rem .75rem;text-align:center;transition:all .2s ease}.feedback-type-card:hover{background:#ffffff0f;border-color:#ffffff26}.feedback-type-card.active{background:#3b82f61a;border-color:#3b82f6;border-color:var(--accent,#3b82f6);box-shadow:0 0 12px #3b82f626}.feedback-type-icon{font-size:1.5rem}.feedback-type-label{font-size:.85rem;font-weight:600}.feedback-type-desc{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:.72rem}.feedback-input{background:#ffffff0a;border:2px solid #ffffff14;border-radius:.75rem;color:#fff;color:var(--text-primary,#fff);font-size:.95rem;outline:none;padding:.75rem 1rem;transition:border-color .2s}.feedback-input:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.feedback-textarea{background:#ffffff0a;border:2px solid #ffffff14;border-radius:.75rem;color:#fff;color:var(--text-primary,#fff);font-family:inherit;font-size:.95rem;min-height:120px;outline:none;padding:.75rem 1rem;resize:vertical;transition:border-color .2s}.feedback-textarea:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.feedback-char-count{color:#666;color:var(--text-secondary,#666);font-size:.75rem;text-align:right}.feedback-user-info{align-items:center;background:#ffffff0a;border-radius:.75rem;display:flex;font-size:.85rem;gap:.75rem;padding:.75rem 1rem}.feedback-user-badge{font-weight:600}.feedback-user-name{color:#a0a0b0;color:var(--text-secondary,#a0a0b0)}.feedback-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;color:#f87171;font-size:.85rem;padding:.75rem 1rem}.feedback-btn-primary{background:#3b82f6;background:var(--accent,#3b82f6);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 1.5rem;transition:all .2s}.feedback-btn-primary:hover{background:#2563eb;background:var(--accent-hover,#2563eb);transform:translateY(-1px)}.feedback-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.feedback-success{padding:4rem 2rem;text-align:center}.feedback-success-icon{font-size:4rem;margin-bottom:1rem}.feedback-success h2{font-size:1.5rem;margin:0 0 .75rem}.feedback-success p{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);line-height:1.5;margin:0 auto 1.5rem;max-width:400px}.admin-feedback-section{display:flex;flex-direction:column;gap:1.5rem}.admin-feedback-stats-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.admin-feedback-stat-card{align-items:center;background:#ffffff0d;background:var(--bg-card,#ffffff0d);border:1px solid #ffffff14;border-radius:1rem;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.admin-feedback-stat-card h3{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.admin-feedback-stat-card--summary{justify-content:center}.admin-feedback-total-number{color:#3b82f6;color:var(--accent,#3b82f6);font-size:3rem;font-weight:800}.admin-feedback-total-breakdown{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem 1rem;justify-content:center}.admin-feedback-pie-container{display:flex;justify-content:center;padding:.5rem 0}.admin-feedback-pie-empty{color:#666;color:var(--text-secondary,#666);font-size:.8rem;padding:1rem;text-align:center}.admin-feedback-pie-legend{display:flex;flex-direction:column;gap:.35rem;width:100%}.admin-feedback-legend-item{align-items:center;display:flex;font-size:.8rem;gap:.5rem}.admin-feedback-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.admin-feedback-legend-label{flex:1 1;text-transform:capitalize}.admin-feedback-legend-count{font-weight:600}.admin-feedback-legend-pct{color:#666;color:var(--text-secondary,#666);font-size:.75rem;min-width:32px;text-align:right}.admin-feedback-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-feedback-filter-select{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.5rem;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;outline:none;padding:.5rem .75rem}.admin-feedback-filter-select:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.admin-feedback-list{display:flex;flex-direction:column;gap:.75rem}.admin-feedback-card{background:#ffffff0a;background:var(--bg-card,#ffffff0a);border:1px solid #ffffff14;border-radius:.75rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;transition:border-color .2s}.admin-feedback-card--approved{border-left:3px solid #10b981}.admin-feedback-card--rejected{border-left:3px solid #ef4444}.admin-feedback-card--completed{border-left:3px solid #3b82f6}.admin-feedback-card--blocked{border-left:3px solid #f59e0b}.admin-feedback-card--not_started{border-left:3px solid #6b7280}.admin-feedback-card-header{align-items:center;display:flex;justify-content:space-between}.admin-feedback-card-type{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.admin-feedback-card-status{border-radius:1rem;font-size:.72rem;font-weight:600;padding:.2rem .6rem;text-transform:capitalize}.admin-feedback-status--not_started{background:#6b728026;color:#9ca3af}.admin-feedback-status--approved{background:#10b98126;color:#10b981}.admin-feedback-status--rejected{background:#ef444426;color:#f87171}.admin-feedback-status--completed{background:#3b82f626;color:#60a5fa}.admin-feedback-status--blocked{background:#f59e0b26;color:#fbbf24}.admin-feedback-card-subject{font-size:1rem;font-weight:600;margin:0}.admin-feedback-card-message{color:#a0a0b0;color:var(--text-secondary,#a0a0b0);font-size:.85rem;line-height:1.5;margin:0;max-height:80px;overflow:hidden;text-overflow:ellipsis;white-space:pre-wrap}.admin-feedback-card-user{align-items:center;border-top:1px solid #ffffff0d;color:#888;color:var(--text-secondary,#888);display:flex;font-size:.8rem;gap:.5rem;padding-top:.25rem}.admin-feedback-card-user-name{color:#fff;color:var(--text-primary,#fff);font-weight:600}.admin-feedback-card-user-username{color:#3b82f6;color:var(--accent,#3b82f6)}.admin-feedback-card-date{color:#666;color:var(--text-secondary,#666);margin-left:auto}.admin-feedback-card-actions{align-items:center;display:flex;gap:.5rem;padding-top:.5rem}.admin-feedback-status-select{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:.5rem;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.8rem;outline:none;padding:.4rem .6rem}.admin-feedback-status-select:focus{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.admin-feedback-delete-btn{background:#ef444414;border:1px solid #ef444433;border-radius:.5rem;color:#f87171;cursor:pointer;font-size:.85rem;margin-left:auto;padding:.4rem .6rem;transition:all .2s}.admin-feedback-delete-btn:hover{background:#ef444433;border-color:#ef444466}@media (max-width:600px){.feedback-type-grid{grid-template-columns:1fr 1fr}.admin-feedback-stats-row{grid-template-columns:1fr}.admin-feedback-filters{align-items:stretch;flex-direction:column}}.feedback-hint{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin:0}.feedback-screenshots-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:.5rem}.feedback-screenshot-thumb{aspect-ratio:4/3;background:#0000004d;border:2px solid #ffffff14;border-radius:.75rem;overflow:hidden;position:relative}.feedback-screenshot-thumb img{height:100%;object-fit:cover;width:100%}.feedback-screenshot-remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:transform .15s;width:24px}.feedback-screenshot-remove:hover{transform:scale(1.1)}.feedback-screenshot-name{background:#000000b3;bottom:0;color:#ccc;font-size:.65rem;left:0;overflow:hidden;padding:4px 6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.feedback-upload-btn{align-items:center;background:#ffffff08;border:2px dashed #ffffff26;border-radius:.75rem;color:#a0a0b0;color:var(--text-secondary,#a0a0b0);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;margin-top:.5rem;padding:.6rem 1rem;transition:all .2s}.feedback-upload-btn:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--accent,#3b82f6);color:#3b82f6;color:var(--accent,#3b82f6)}.feedback-upload-icon{font-size:1.1rem}*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#f8f9fa;--bg-card:#fff;--bg-elevated:#f0f2f5;--border:#e2e5e9;--border-hover:#3b82f6;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#3b82f6;--accent-hover:#2563eb;--serif:"Lora","Georgia",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:#ffffffd9;--glass-border:#00000014;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--chapter-body-color:#374151;--info-panel-bg:#fffffff7;--nav-bg:#ffffffeb;--toolbar-bg:#f8f9faf2}[data-theme=dark]{--bg-primary:#1a2030;--bg-card:#222b3a;--bg-elevated:#2a3444;--border:#3a4558;--border-hover:#3b82f6;--text-primary:#f0f2f5;--text-secondary:#a0aab8;--text-muted:#7a8899;--accent:#5b9cf6;--accent-hover:#7db4ff;--serif:"Lora","Georgia",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:#1e2634e0;--glass-border:#3b82f633;--shadow:0 4px 16px #00000040;--shadow-lg:0 8px 32px #00000059;--chapter-body-color:#e0e2e6;--info-panel-bg:#1c2330f5;--nav-bg:#1c2330e0;--toolbar-bg:#181e2af0}[data-theme=sepia]{--bg-primary:#fdf6e3;--bg-card:#f5ecd5;--bg-elevated:#ede4c8;--border:#d4c5a0;--border-hover:#b8860b;--text-primary:#3d3122;--text-secondary:#6b5c3e;--text-muted:#8b7a55;--accent:#b8860b;--accent-hover:#996f00;--glass-bg:#fdf6e3e6;--glass-border:#b8860b26;--shadow:0 4px 16px #3d31221a;--shadow-lg:0 8px 32px #3d312226;--chapter-body-color:#4a3f2f;--info-panel-bg:#fdf6e3f7;--nav-bg:#f5ecd5eb;--toolbar-bg:#ede4c8f2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--sans);font-size:15px;line-height:1.6;max-width:100vw;overflow-x:hidden;transition:background .3s ease,color .3s ease}a{color:#3b82f6;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}ul{list-style:none}img{height:auto;max-width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar:hover{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3b82f6,#2563eb);background:linear-gradient(180deg,var(--accent),var(--accent-hover));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#a78bfa)}*{scrollbar-color:#3b82f6 #0000;scrollbar-color:var(--accent) #0000;scrollbar-width:thin}html{scroll-behavior:smooth}[role=button]:focus-visible,a:focus-visible,button:focus-visible{border-radius:4px;outline:2px solid #3b82f6;outline:2px solid var(--accent);outline-offset:2px}*{transition:box-shadow .2s ease}[data-theme=sepia]{--bg-primary:#f4ecd8;--bg-card:#faf6ee;--bg-elevated:#ede5d3;--border:#d4c9b0;--border-hover:#8b6914;--text-primary:#5b4636;--text-secondary:#7a6652;--text-muted:#9c8b78;--accent:#8b6914;--accent-hover:#6d5310;--serif:"Lora","Georgia",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:#f4ecd8e6;--glass-border:#8b691426;--shadow:0 4px 16px #5b46361a;--shadow-lg:0 8px 32px #5b463626;--chapter-body-color:#5b4636;--info-panel-bg:#faf6eef7;--nav-bg:#f4ecd8f2;--toolbar-bg:#f4ecd8f2}[data-theme=sepia] .chapter-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-right:1px solid var(--glass-border)}[data-theme=sepia] .info-panel{background:var(--info-panel-bg);border-left:1px solid var(--glass-border)}[data-theme=sepia] .reader-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--toolbar-bg)}[data-theme=sepia] .chapter-body{color:var(--chapter-body-color)}[data-theme=sepia] .chapter-header h1{color:#3d2e1f;text-shadow:none}[data-theme=sepia] .reader-text{background:#0000;box-shadow:none}[data-theme=sepia] .chapter-body p:first-of-type:first-letter,[data-theme=sepia] .chapter-label{color:#8b6914}.highlight-toolbar{animation:highlightToolbarIn .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:6px;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:100}@keyframes highlightToolbarIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.highlight-toolbar-colors{display:flex;gap:6px;justify-content:center}.highlight-toolbar-actions{border-top:1px solid #ffffff1a;border-top:1px solid var(--border,#ffffff1a);display:flex;gap:4px;justify-content:center;padding-top:6px}.highlight-action-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:background .15s ease,transform .15s ease;width:28px}.highlight-action-btn:hover{background:#ffffff1a;background:var(--bg-elevated,#ffffff1a);transform:scale(1.1)}.highlight-color-btn{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .15s ease,border-color .15s ease;width:24px}.highlight-color-btn:hover{border-color:var(--text-primary);transform:scale(1.2)}.dictionary-overlay{inset:0;position:fixed;z-index:90}.dictionary-popup{animation:dictPopIn .2s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);max-height:70vh;max-width:90vw;overflow-y:auto;padding:20px;position:fixed;right:24px;top:80px;width:320px;z-index:200}@keyframes dictPopIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dictionary-close{align-items:center;background:var(--bg-elevated);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.dictionary-close:hover{color:var(--text-primary)}.dictionary-error,.dictionary-loading{color:var(--text-secondary);font-size:.9rem;padding:16px 0;text-align:center}.dictionary-header{margin-bottom:12px}.dictionary-word{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:2px}.dictionary-phonetic{color:var(--text-muted);font-size:.85rem;font-style:italic}.dictionary-meanings{margin-bottom:16px}.dictionary-meaning{margin-bottom:12px}.dictionary-pos{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.dictionary-def-text{color:var(--text-primary);font-size:.85rem;line-height:1.5;margin-bottom:4px}.dictionary-example{border-left:2px solid var(--border);color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-bottom:8px;padding-left:12px}.dictionary-save-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:10px;transition:background .2s ease,transform .2s ease;width:100%}.dictionary-save-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.dictionary-save-btn.saved{background:#059669;cursor:default}.vocabulary-overlay{align-items:center;animation:fadeIn .2s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.vocabulary-panel{animation:panelSlideIn .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:420px}.vocabulary-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.vocabulary-header h4{font-size:1rem;font-weight:600}.vocabulary-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;width:28px}.vocabulary-close:hover{background:var(--bg-elevated)}.vocabulary-body{flex:1 1;overflow-y:auto;padding:16px 24px}.vocabulary-empty{color:var(--text-secondary);padding:32px 0;text-align:center}.vocabulary-empty p{font-size:.95rem;margin-bottom:8px}.vocabulary-hint{color:var(--text-muted);font-size:.8rem}.vocabulary-list{display:flex;flex-direction:column;gap:12px}.vocabulary-item{align-items:flex-start;background:var(--bg-elevated);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.vocabulary-item-info{flex:1 1}.vocabulary-word{color:var(--text-primary);font-size:.95rem;font-weight:600}.vocabulary-pos{color:var(--accent);display:inline-block;font-size:.7rem;font-weight:500;margin-left:8px;text-transform:uppercase}.vocabulary-def{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-top:4px}.vocabulary-remove{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.8rem;height:24px;justify-content:center;transition:background .2s,color .2s;width:24px}.vocabulary-remove:hover{background:#ef44441a;color:#ef4444}.vocabulary-footer{border-top:1px solid var(--border);padding:12px 24px}.vocabulary-count{color:var(--text-muted);font-size:.8rem}.login-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-bg-mesh{inset:0;overflow:hidden;pointer-events:none;position:absolute}.login-mesh-orb{animation:orbFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:var(--accent);height:400px;right:-100px;top:-100px;width:400px}.orb-2{animation-delay:-3s;background:#8b5cf6;bottom:-50px;height:300px;left:-50px;width:300px}.orb-3{animation-delay:-5s;background:#ec4899;height:250px;left:50%;top:50%;width:250px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-10px,15px) scale(.95)}}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;max-width:100%;overflow:hidden;position:relative;width:440px}.login-accent{background:linear-gradient(180deg,var(--accent),#8b5cf6,#ec4899);flex-shrink:0;width:6px}.login-content{flex:1 1;padding:28px 36px}.login-header{margin-bottom:16px;text-align:center}.login-header h1{font-size:1.4rem;font-weight:700;margin-bottom:4px}.login-header p{color:var(--text-secondary);font-size:.9rem}.login-tabs{background:var(--bg-elevated);border-radius:12px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.login-tab{border-radius:10px;color:var(--text-secondary);flex:1 1;font-size:.85rem;font-weight:600;padding:10px;transition:background .2s,color .2s}.login-tab.active{background:var(--accent);color:#fff}.login-error{background:#ef44441a;border:1px solid #ef444433;border-radius:10px;color:#ef4444;font-size:.82rem;margin-bottom:16px;padding:10px 14px}.login-form{display:flex;flex-direction:column;gap:12px}.form-field{position:relative}.form-field input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.9rem;outline:none;padding:16px 16px 6px;transition:border-color .2s;width:100%}.form-field input:focus{border-color:var(--accent)}.form-field label{color:var(--text-muted);font-size:.85rem;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.form-field input:focus+label,.form-field input:not(:placeholder-shown)+label{color:var(--accent);font-size:.65rem;top:6px;transform:translateY(0)}.form-checkbox{align-items:center;display:flex;gap:8px}.form-checkbox input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.form-checkbox label{color:var(--text-secondary);font-size:.85rem}.login-submit{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:14px;transition:background .2s,transform .2s}.login-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.login-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:12px}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.login-google-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);display:flex;font-size:.85rem;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:border-color .2s,background .2s}.login-google-btn:hover{background:var(--bg-card);border-color:var(--accent)}.login-google-btn:disabled{cursor:not-allowed;opacity:.7}.social-login-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:4px}.social-login-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.82rem;font-weight:500;gap:8px;justify-content:center;min-height:48px;padding:12px 14px;transition:border-color .2s,background .2s,transform .15s}.social-login-btn:hover{background:var(--bg-card);border-color:var(--border-hover);transform:translateY(-1px)}.social-login-btn:active{transform:scale(.97)}.social-login-btn svg{flex-shrink:0}.social-login-btn.google:hover{background:#4285f40f;border-color:#4285f4}.social-login-btn.apple{color:var(--text-primary)}.social-login-btn.apple:hover{background:#0000000a;border-color:#555}[data-theme=dark] .social-login-btn.apple:hover{background:#ffffff0f;border-color:#ccc}.social-login-btn.facebook:hover{background:#1877f20f;border-color:#1877f2;color:#1877f2}.social-login-btn.github:hover{background:#6e40c90f;border-color:#6e40c9}[data-theme=dark] .social-login-btn.github:hover{background:#c9d1d90f;border-color:#c9d1d9}.social-login-btn.microsoft:hover{background:#00a4ef0f;border-color:#00a4ef}.social-login-grid .google-signin-container{grid-column:1/-1}@media (max-width:380px){.social-login-grid{grid-template-columns:1fr}}.login-google-spinner{animation:google-spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:18px;width:18px}@keyframes google-spin{to{transform:rotate(1turn)}}.genre-selection{display:flex;flex-direction:column;gap:8px}.genre-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.genre-pills{display:flex;flex-wrap:wrap;gap:8px}.genre-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.genre-pill.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent)}.genre-pill.active,.genre-pill:hover{border-color:var(--accent)}.user-avatar-wrapper{position:relative;z-index:100}.user-avatar-btn{-webkit-tap-highlight-color:transparent;border:2.5px solid var(--accent);cursor:pointer;min-height:44px;min-width:44px;padding:2px;transition:box-shadow .2s ease,border-color .2s ease}.user-avatar-btn,.user-avatar-circle{align-items:center;border-radius:50%;display:flex;justify-content:center}.user-avatar-circle{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:.9rem;font-weight:700;height:36px;transition:transform .2s ease,box-shadow .2s ease;width:36px}.user-avatar-btn:hover .user-avatar-circle{box-shadow:0 2px 12px color-mix(in srgb,var(--accent) 30%,#0000);transform:scale(1.05)}.user-avatar-backdrop{inset:0;position:fixed;z-index:99998}.user-avatar-menu{animation:settingsSlideIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000004d;max-height:calc(100vh - 60px);overflow-y:auto;position:fixed;right:8px;scrollbar-width:none;top:50px;width:240px;z-index:99999}.user-avatar-menu::-webkit-scrollbar{display:none}.user-avatar-menu-header{display:flex;flex-direction:column;gap:1px;padding:10px 16px}.user-avatar-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.user-avatar-email{color:var(--text-muted);font-size:.7rem}.user-avatar-menu-divider{background:var(--border);height:1px;margin:2px 0}.user-avatar-level-section{display:flex;flex-direction:column;gap:4px;padding:6px 16px 8px}.user-avatar-level-info{align-items:center;display:flex;justify-content:space-between}.user-avatar-level-current{color:var(--text-primary);font-size:.75rem;font-weight:600}.user-avatar-level-xp{color:var(--text-muted);font-size:.68rem}.user-avatar-level-bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden}.user-avatar-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:2px;height:100%;transition:width .4s ease}.user-avatar-level-next{color:var(--text-muted);font-size:.62rem}.user-avatar-menu-item{color:var(--text-secondary);display:block;font-size:.8rem;padding:7px 16px;text-align:left;transition:background .2s,color .2s;width:100%}.user-avatar-menu-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.library-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.library-welcome{color:var(--text-secondary);font-size:.9rem}.tts-controls{animation:ttsSlideIn .25s ease;background:var(--bg-elevated);border-bottom:1px solid var(--border)}@keyframes ttsSlideIn{0%{max-height:0;opacity:0}to{max-height:60px;opacity:1}}.tts-progress-bar{background:var(--border);height:3px}.tts-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);height:100%;transition:width .3s ease}.tts-buttons{gap:8px;padding:8px 24px}.tts-btn,.tts-buttons{align-items:center;display:flex}.tts-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:.9rem;height:32px;justify-content:center;transition:border-color .2s,transform .2s;width:32px}.tts-btn:hover{border-color:var(--accent);transform:scale(1.05)}.tts-btn.active{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.tts-speed{font-size:.75rem;font-weight:600;padding:0 10px;width:auto}.tts-status{color:var(--text-muted);font-size:.8rem;margin-left:8px}.book-search-overlay{align-items:flex-start;animation:fadeIn .2s ease;background:#0006;display:flex;inset:0;justify-content:center;padding-top:80px;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.book-search-panel{animation:panelSlideIn .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;width:560px}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.book-search-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.book-search-header h4{font-size:1rem;font-weight:600}.book-search-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;width:28px}.book-search-close:hover{background:var(--bg-elevated)}.book-search-input-wrapper{align-items:center;display:flex;gap:12px;padding:16px 24px}.book-search-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s}.book-search-input:focus{border-color:var(--accent)}.book-search-count{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.book-search-scope-toggle{display:flex;gap:4px;padding:0 24px 12px}.book-search-scope-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.72rem;font-weight:500;padding:6px 10px;transition:all .2s}.book-search-scope-btn.active{background:#3b82f61a;border-color:var(--accent);color:var(--accent)}.book-search-results{flex:1 1;overflow-y:auto;padding:0 24px 20px}.book-search-empty{color:var(--text-muted);font-size:.9rem;padding:24px;text-align:center}.book-search-result{border-radius:10px;cursor:pointer;margin-bottom:4px;padding:12px 16px;transition:background .2s}.book-search-result:hover{background:var(--bg-elevated)}.book-search-result-chapter{color:var(--accent);display:block;font-size:.75rem;font-weight:600;margin-bottom:4px}.book-search-result-context{color:var(--text-secondary);font-size:.83rem;line-height:1.5}.book-search-result-context mark{background:color-mix(in srgb,var(--accent) 20%,#0000);border-radius:3px;color:var(--text-primary);padding:1px 2px}.mood-indicator{height:3px;opacity:.7;transition:background .5s ease;width:100%}.chapter-summary-trigger{margin:32px 0 16px;text-align:center}.chapter-summary-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;color:var(--accent);font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.chapter-summary-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#0000),#8b5cf626);border-color:var(--accent);transform:translateY(-1px)}.chapter-summary-btn:disabled{cursor:wait;opacity:.7}.chapter-summary-card{animation:summaryFadeIn .3s ease;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#8b5cf60d);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:16px;margin:24px 0;padding:20px 24px}@keyframes summaryFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chapter-summary-card h4{color:var(--accent);font-size:.9rem;font-weight:600;margin-bottom:10px}.chapter-summary-card p{color:var(--text-primary);font-size:.9rem;line-height:1.7}.toolbar-time{color:var(--text-muted);font-size:.75rem;font-weight:500}.font-family-options{display:flex;flex-direction:column;gap:4px;margin-top:8px;width:100%}.font-family-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);font-size:.8rem;padding:8px 12px;text-align:left;transition:all .2s ease}.font-family-btn:hover{background:var(--bg-elevated)}.font-family-btn.active{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent);font-weight:500}.reader-toolbar-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;font-size:.9rem;gap:4px;height:32px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 10px;transition:border-color .2s ease,background .2s ease;white-space:nowrap}.reader-toolbar-btn:hover{background:#3b82f614;border-color:var(--accent)}.reader-toolbar-btn.active{background:#3b82f61f;border-color:var(--accent)}.reader-toolbar-btn .btn-label{color:var(--text-secondary);font-size:.68rem;font-weight:500}.settings-divider{background:var(--border);height:1px;margin:12px 0}.settings-row-vertical{align-items:flex-start;flex-direction:column;gap:6px}.settings-label-row{align-items:center;display:flex;gap:8px;width:100%}.settings-key-saved{color:#059669;font-size:.8rem}.settings-key-input-wrapper{display:flex;gap:4px;width:100%}.settings-key-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.8rem;outline:none;padding:8px 10px}.settings-key-input:focus{border-color:var(--accent)}.settings-key-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;display:flex;font-size:.85rem;height:32px;justify-content:center;width:32px}.settings-hint{color:var(--text-muted);font-size:.7rem}.font-size-controls{display:flex;gap:4px}.font-size-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:border-color .2s,background .2s;width:32px}.font-size-btn:hover:not(:disabled){border-color:var(--accent)}.font-size-btn:disabled{cursor:not-allowed;opacity:.4}.font-size-btn.reset{font-size:.85rem}.notification-center{position:relative}.notification-bell-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;gap:4px;justify-content:center;padding:5px 12px;position:relative;transition:border-color .2s,transform .2s}.notification-bell-btn:hover{border-color:var(--accent);transform:scale(1.05)}.notification-bell-icon{font-size:.9rem}.notification-badge{align-items:center;background:#ef4444;border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.notification-panel{animation:panelSlideIn .2s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:calc(100vh - 70px);max-width:90vw;overflow:hidden;position:fixed;right:8px;top:50px;width:360px;z-index:99999}.notification-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.notification-panel-header h4{font-size:.95rem;font-weight:600}.notification-count{background:var(--bg-elevated);border-radius:10px;color:var(--text-muted);font-size:.75rem;padding:2px 8px}.notification-panel-body{flex:1 1;overflow-y:auto;padding:8px}.notification-empty{color:var(--text-muted);padding:32px 16px;text-align:center}.notification-empty span{display:block;font-size:2rem;margin-bottom:8px}.notification-item{align-items:flex-start;border-radius:12px;display:flex;gap:12px;padding:12px;transition:background .2s}.notification-item:hover{background:var(--bg-elevated)}.notification-item.unread{background:color-mix(in srgb,var(--accent) 5%,#0000);border-left:3px solid var(--accent)}.notification-item-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.notification-item-content{flex:1 1;min-width:0}.notification-item-message{color:var(--text-primary);font-size:.83rem;line-height:1.4;margin-bottom:4px}.notification-item-time{color:var(--text-muted);font-size:.72rem}.notification-item-actions{display:flex;flex-shrink:0;gap:4px}.notification-action-btn{align-items:center;background:var(--bg-elevated);border-radius:50%;color:var(--text-muted);display:flex;font-size:.8rem;height:24px;justify-content:center;transition:color .2s,background .2s;width:24px}.notification-action-btn:hover{color:var(--accent)}.notification-action-btn.dismiss:hover{color:#ef4444}.streak-widget{display:none}.streak-widget-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:20px 24px}.streak-v2-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.streak-v2-flame{align-items:center;display:flex;gap:12px}.streak-v2-icon{display:inline-block;font-size:2rem}.streak-v2-numbers{display:flex;flex-direction:column}.streak-v2-count{color:var(--text-primary);font-size:1.8rem;font-weight:800;line-height:1}.streak-v2-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.streak-v2-stats{display:flex;gap:16px}.streak-v2-stat{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;flex-direction:column;padding:6px 12px}.streak-v2-stat-value{color:var(--text-primary);font-size:.9rem;font-weight:700}.streak-v2-stat-label{color:var(--text-muted);font-size:.65rem;text-transform:uppercase}.streak-v2-progress{margin-bottom:16px}.streak-v2-progress-track{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.streak-v2-progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:3px;height:100%}.streak-v2-progress-label{color:var(--text-muted);font-size:.72rem}.streak-v2-milestones{margin-bottom:16px;position:relative}.streak-v2-milestone-track{background:var(--bg-elevated);border-radius:4px;height:8px;margin:12px 0 6px;overflow:visible;position:relative}.streak-v2-milestone-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:4px;height:100%;left:0;position:absolute;top:0}.streak-v2-marker{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s,border-color .2s;width:22px;z-index:2}.streak-v2-marker:hover{border-color:var(--accent);transform:translate(-50%,-50%) scale(1.2)}.streak-v2-marker.reached{background:#10b9811a;border-color:#10b981}.streak-v2-marker-icon{font-size:.7rem}.streak-v2-milestone-labels{display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px}.streak-v2-milestone-current{color:#10b981;font-weight:500}.streak-v2-milestone-next{color:var(--text-muted)}.streak-v2-milestone-tooltip{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:100%;box-shadow:var(--shadow);display:flex;gap:8px;left:50%;margin-bottom:8px;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.milestone-tooltip-icon{font-size:1.2rem}.milestone-tooltip-info{display:flex;flex-direction:column}.milestone-tooltip-info strong{color:var(--text-primary);font-size:.8rem}.milestone-tooltip-info span{color:var(--text-secondary);font-size:.7rem}.streak-v2-calendar-compact{border-top:1px solid var(--border);padding-top:10px}.streak-v2-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.streak-v2-cal-nav-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;line-height:1;transition:all .15s;width:24px}.streak-v2-cal-nav-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.streak-v2-cal-nav-btn:disabled{cursor:default;opacity:.3}.streak-v2-cal-month{color:var(--text-primary);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.streak-v2-cal-days{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);margin-bottom:3px}.streak-v2-cal-day-label{color:var(--text-muted);font-size:.65rem;font-weight:600;padding:2px 0;text-align:center}.streak-v2-cal-grid{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr)}.streak-v2-cal-cell{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2px 0;position:relative;transition:all .15s;width:100%}.streak-v2-cal-cell:hover:not(.empty):not(.future){border-color:var(--accent);box-shadow:0 0 4px #6366f166;transform:scale(1.05)}.streak-v2-cal-cell.empty{visibility:hidden}.streak-v2-cal-num{color:var(--text-secondary);font-size:.72rem;font-weight:500}.streak-v2-cal-cell.today{background:var(--bg-elevated);border:1.5px solid var(--accent)}.streak-v2-cal-cell.today .streak-v2-cal-num{color:var(--accent);font-weight:700}.streak-v2-cal-cell.read{background:#10b98126;border-color:#10b98166}.streak-v2-cal-cell.read .streak-v2-cal-num{color:#10b981;font-weight:600}.streak-v2-cal-cell.future .streak-v2-cal-num{opacity:.3}.streak-v2-day-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;font-size:.8rem;margin-top:8px;padding:10px 14px}.streak-v2-day-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.streak-v2-day-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem}.streak-v2-day-stats{display:flex;flex-direction:column;gap:4px}.streak-v2-day-stat{color:var(--text-secondary);font-size:.75rem}.streak-v2-day-empty{color:var(--text-muted);font-size:.75rem;font-style:italic}.streak-v2-cal-activity{display:flex;gap:2px;justify-content:center;margin-top:1px}.streak-v2-cal-dot{border-radius:50%;display:inline-block;height:5px;width:5px}.streak-v2-cal-dot.reading{background:#f97316}.streak-v2-cal-dot.finished{background:#10b981}.streak-v2-cal-cell.finished{background:#10b9814d}.streak-v2-cal-cell.finished .streak-v2-cal-num{color:#10b981;font-weight:700}.streak-v2-cal-legend{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:4px}.streak-v2-cal-legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:.65rem;gap:4px}.streak-v2-cal-legend-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.streak-v2-cal-legend-dot.reading{background:#f97316}.streak-v2-cal-legend-dot.finished{background:#10b981}.streak-v2-hover-tooltip{pointer-events:none}.streak-v2-tooltip-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;font-size:.72rem;gap:3px;padding:8px 12px;white-space:nowrap}.streak-v2-tooltip-content strong{color:var(--text-muted);font-size:.7rem;margin-bottom:2px}.streak-v2-tooltip-content span{color:var(--text-secondary)}.streak-v2-tooltip-empty{color:var(--text-muted);font-style:italic}.streak-v2-timeline{margin:12px 0}.streak-v2-timeline-track{background:var(--bg-elevated);border-radius:4px;height:8px;margin-bottom:20px;position:relative}.streak-v2-timeline-fill{background:linear-gradient(90deg,#10b981,#6366f1);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-out}.streak-v2-timeline-marker{align-items:center;display:flex;flex-direction:column;gap:2px;position:absolute;top:-6px;transform:translateX(-50%)}.streak-v2-timeline-marker-icon{font-size:1rem;opacity:.4;transition:opacity .3s}.streak-v2-timeline-marker.reached .streak-v2-timeline-marker-icon{opacity:1}.streak-v2-timeline-marker-label{color:var(--text-muted);font-size:.55rem;margin-top:10px}.streak-v2-profile-bubble{position:absolute;top:-12px;transform:translateX(-50%);z-index:5}.streak-v2-bubble-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 2px 8px #6366f166;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.streak-v2-timeline-labels{color:var(--text-muted);display:flex;font-size:.6rem;justify-content:space-between;margin-top:4px}.streak-v2-calendar{display:none}.recommendations-section{margin-left:auto;margin-right:auto;margin-top:48px;max-width:1400px;padding:0 24px}.recommendations-header{margin-bottom:24px}.recommendations-header h2{font-size:1.3rem;font-weight:700;margin-bottom:4px}.recommendations-subtitle{color:var(--text-secondary);font-size:.85rem}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.recommendation-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;gap:16px;padding:16px;transition:border-color .2s,box-shadow .2s}.recommendation-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.recommendation-cover{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:90px;justify-content:center;width:64px}.recommendation-cover-icon{font-size:1.8rem}.recommendation-cover-img{border-radius:10px;height:100%;object-fit:cover;width:100%}.recommendation-author-link{color:var(--accent);text-decoration:none;transition:opacity .2s}.recommendation-author-link:hover{opacity:.8;text-decoration:underline}.recommendation-info{flex:1 1;min-width:0}.recommendation-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:2px}.recommendation-author{color:var(--text-secondary);font-size:.78rem;margin-bottom:6px}.recommendation-genre-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);display:inline-block;font-size:.68rem;font-weight:600;margin-bottom:6px;padding:2px 8px}.recommendation-why{color:var(--text-muted);font-size:.78rem;line-height:1.4;margin-bottom:8px}.recommendation-wishlist-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}.recommendation-wishlist-btn:hover{border-color:var(--accent);color:var(--accent)}.recommendation-wishlist-btn.wishlisted{background:#10b9811a;border-color:#10b981;color:#10b981}.bookclub-page,.social-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.social-mesh-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.social-header{margin-bottom:32px;position:relative;text-align:center;z-index:1}.social-back-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;left:0;padding:8px 16px;position:absolute;top:0;transition:border-color .2s}.social-back-btn:hover{border-color:var(--accent);color:var(--accent)}.social-header h1{font-size:1.6rem;font-weight:700;margin-bottom:4px}.social-subtitle{color:var(--text-secondary);font-size:.9rem}.social-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:500px;padding:4px;position:relative;z-index:1}.social-tab{border-radius:10px;color:var(--text-secondary);flex:1 1;font-size:.82rem;font-weight:600;padding:10px 16px;transition:background .2s,color .2s}.social-tab.active{background:var(--accent);color:#fff}.social-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.friends-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.friend-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s}.friend-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 20px #8b5cf61a}.friend-card-top{align-items:center;display:flex;gap:12px;margin-bottom:16px}.friend-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}.friend-info{flex:1 1}.friend-name{color:var(--text-primary);font-size:1rem;font-weight:600}.friend-last-active{color:var(--text-muted);font-size:.75rem}.friend-reading{margin-bottom:12px}.friend-book-label{color:var(--text-muted);display:block;font-size:.72rem;margin-bottom:2px}.friend-book-title{color:var(--text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.friend-progress{display:flex;flex-direction:column;gap:4px}.friend-progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.friend-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.friend-progress-text{color:var(--text-muted);font-size:.72rem}.friend-finished-badge{background:#10b9811a;border-radius:8px;color:#10b981;display:inline-block;font-size:.75rem;margin-bottom:12px;padding:4px 10px}.friend-challenge-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;color:var(--accent);font-size:.82rem;font-weight:600;padding:10px;transition:all .2s;width:100%}.friend-challenge-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#0000),#8b5cf626);border-color:var(--accent);transform:translateY(-1px)}.friend-challenge-btn.sent{background:#10b9811a;border-color:#10b981;color:#10b981}.invite-friend-btn{background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin:0 auto;padding:12px 24px;transition:border-color .2s,color .2s}.invite-friend-btn:hover{border-color:var(--accent);color:var(--accent)}.invite-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:20px;text-align:center}.invite-text{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.invite-code{background:var(--bg-elevated);border-radius:8px;color:var(--accent);font-family:monospace;font-size:1.2rem;font-weight:700;margin-bottom:8px;padding:12px}.invite-hint{color:var(--text-muted);font-size:.75rem}.activity-feed-title{font-size:1.1rem;font-weight:600;margin-bottom:20px}.activity-timeline{padding-left:24px;position:relative}.activity-item{padding-bottom:24px;padding-left:20px;position:relative}.activity-dot{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:2px solid var(--bg-primary);border-radius:50%;height:12px;left:-6px;position:absolute;top:6px;width:12px}.activity-line{background:var(--border);bottom:0;left:-1px;position:absolute;top:18px;width:2px}.activity-item:last-child .activity-line{display:none}.activity-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.activity-icon{font-size:1rem;margin-right:8px}.activity-message{color:var(--text-primary);display:inline;font-size:.85rem;line-height:1.4}.activity-time{color:var(--text-muted);display:block;font-size:.72rem;margin-top:6px}.challenge-panel{margin:0 auto;max-width:700px}.challenge-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.challenge-panel-header h3{font-size:1.1rem;font-weight:600}.challenge-create-btn{background:var(--accent);border-radius:8px;color:#fff;font-size:.82rem;font-weight:600;padding:8px 16px;transition:background .2s,transform .2s}.challenge-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.challenge-create-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px}.challenge-form-field{margin-bottom:16px}.challenge-form-field label{color:var(--text-secondary);display:block;font-size:.82rem;font-weight:500;margin-bottom:8px}.challenge-type-options{display:flex;flex-wrap:wrap;gap:8px}.challenge-type-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.78rem;font-weight:500;padding:8px 14px;transition:all .2s}.challenge-type-btn.active{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);color:var(--accent)}.challenge-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;outline:none;padding:10px 14px;width:100%}.challenge-input:focus{border-color:var(--accent)}.challenge-submit-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:12px;transition:background .2s;width:100%}.challenge-submit-btn:hover{background:var(--accent-hover)}.challenge-list{display:flex;flex-direction:column;gap:16px}.challenge-empty{color:var(--text-secondary);padding:32px;text-align:center}.challenge-empty-hint{color:var(--text-muted);font-size:.8rem;margin-top:4px}.challenge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s}.challenge-card:hover{border-color:#f59e0b4d}.challenge-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.challenge-card-icon{font-size:1.5rem}.challenge-card-info h4{font-size:.95rem;font-weight:600}.challenge-time-remaining{color:var(--text-muted);font-size:.75rem}.challenge-standings{display:flex;flex-direction:column;gap:10px}.challenge-participant{align-items:center;display:flex;gap:10px}.challenge-rank{font-size:.85rem;font-weight:700;width:28px}.challenge-participant-name{color:var(--text-primary);font-size:.85rem;font-weight:500;width:80px}.challenge-you-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:4px;color:var(--accent);font-size:.65rem;margin-left:4px;padding:1px 6px}.challenge-progress-bar{background:var(--bg-elevated);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.challenge-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:4px;height:100%;transition:width .5s ease}.challenge-progress-text{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-align:right;width:36px}.share-quote-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.share-quote-modal{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;width:400px}.share-quote-close{background:#0000004d;border-radius:50%;color:#fff;font-size:1.2rem;height:32px;position:absolute;right:12px;top:12px;width:32px;z-index:10}.share-quote-close,.share-quote-preview{align-items:center;display:flex;justify-content:center}.share-quote-preview{flex-direction:column;min-height:300px;padding:48px 32px;position:relative;text-align:center}.share-quote-big-mark{color:#ffffff26;font-family:Georgia,serif;font-size:4rem;left:24px;line-height:1;position:absolute;top:16px}.share-quote-text{color:#fff;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:24px;max-width:320px}.share-quote-attribution{display:flex;flex-direction:column;gap:4px}.share-quote-book{color:var(--text-primary);font-size:.85rem;font-weight:500}.share-quote-author{color:var(--text-secondary);font-size:.78rem}.share-quote-watermark{bottom:16px;color:#fff6;font-size:.72rem;position:absolute}.share-quote-gradients{display:flex;gap:8px;justify-content:center;padding:16px 20px}.share-gradient-btn{border:2px solid #0000;border-radius:50%;height:28px;transition:transform .2s,border-color .2s;width:28px}.share-gradient-btn:hover{transform:scale(1.15)}.share-gradient-btn.active{border-color:var(--text-primary);transform:scale(1.15)}.share-quote-actions{display:flex;gap:8px;padding:0 20px 20px}.share-action-btn{border-radius:10px;flex:1 1;font-size:.82rem;font-weight:600;padding:12px;transition:all .2s}.share-action-btn.copy{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.share-action-btn.copy:hover{border-color:var(--accent)}.share-action-btn.download{background:var(--accent);color:#fff}.share-action-btn.download:hover{background:var(--accent-hover)}.highlight-share-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:transform .2s,border-color .2s;width:28px}.highlight-share-btn:hover{border-color:var(--accent);transform:scale(1.15)}.weekly-report-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:250}.weekly-report-modal{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;width:480px}.weekly-report-gradient-header{background:linear-gradient(135deg,var(--accent),#8b5cf6);padding:28px 24px;position:relative;text-align:center}.weekly-report-gradient-header h3{color:#fff;font-size:1.2rem;font-weight:700}.weekly-report-period{color:var(--text-secondary);font-size:.82rem;margin-top:4px}.weekly-report-close{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.weekly-report-body{padding:24px}.weekly-report-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.weekly-stat-card{align-items:center;background:var(--bg-elevated);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.weekly-stat-icon{font-size:1.4rem}.weekly-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.weekly-stat-value-sm{color:var(--text-primary);font-size:.85rem;font-weight:600}.weekly-stat-label{color:var(--text-muted);font-size:.72rem}.weekly-stat-diff{font-size:.7rem;font-weight:500}.weekly-stat-diff.up{color:#10b981}.weekly-stat-diff.down{color:#ef4444}.weekly-report-share-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:14px;transition:transform .2s,opacity .2s;width:100%}.weekly-report-share-btn:hover{opacity:.9;transform:translateY(-1px)}.next-chapter-teaser{background:var(--bg-card);border:2px solid #0000;border-image:linear-gradient(135deg,var(--accent),#8b5cf6,#ec4899) 1;border-radius:16px;margin:32px 0;overflow:hidden;padding:24px;position:relative}.next-chapter-teaser:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#8b5cf608);content:"";inset:0;pointer-events:none;position:absolute}.teaser-label{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.teaser-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.teaser-preview{position:relative}.teaser-text{color:var(--text-secondary);filter:blur(2px);font-size:.9rem;line-height:1.6;-webkit-mask-image:linear-gradient(180deg,#000 60%,#0000);mask-image:linear-gradient(180deg,#000 60%,#0000);transition:filter .3s ease}.next-chapter-teaser:hover .teaser-text{filter:blur(0)}.teaser-continue-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;margin-top:16px;padding:10px 20px;transition:transform .2s,opacity .2s}.teaser-continue-btn:hover{opacity:.9;transform:translateY(-1px)}.bookclub-layout{display:flex;gap:24px;margin:0 auto;max-width:1100px;position:relative;z-index:1}.bookclub-sidebar{flex-shrink:0;width:240px}.bookclub-sidebar h3{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:12px}.bookclub-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.bookclub-list-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:border-color .2s}.bookclub-list-item.active{background:color-mix(in srgb,var(--accent) 5%,#0000);border-color:var(--accent)}.bookclub-list-item:hover{border-color:var(--accent)}.bookclub-list-icon{font-size:1.2rem}.bookclub-list-info{flex:1 1;min-width:0}.bookclub-list-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.bookclub-list-book,.bookclub-list-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookclub-list-book{color:var(--text-muted);font-size:.7rem}.bookclub-create-btn{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:10px;color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:10px;transition:border-color .2s,color .2s;width:100%}.bookclub-create-btn:hover{border-color:var(--accent);color:var(--accent)}.bookclub-main{flex:1 1;min-width:0}.bookclub-create-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:24px}.bookclub-create-form h3{font-size:1rem;font-weight:600;margin-bottom:16px}.bookclub-form-field{margin-bottom:14px}.bookclub-form-field label{color:var(--text-secondary);display:block;font-size:.82rem;font-weight:500;margin-bottom:6px}.bookclub-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;outline:none;padding:10px 14px;width:100%}.bookclub-input:focus{border-color:var(--accent)}.bookclub-submit-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:12px;transition:background .2s;width:100%}.bookclub-submit-btn:hover{background:var(--accent-hover)}.bookclub-header-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px 24px}.bookclub-header-card h2{font-size:1.2rem;font-weight:700;margin-bottom:4px}.bookclub-reading{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.bookclub-schedule-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);font-size:.75rem;padding:4px 10px}.bookclub-nav-tabs{background:var(--bg-elevated);border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.bookclub-nav-tab{border-radius:8px;color:var(--text-secondary);flex:1 1;font-size:.8rem;font-weight:600;padding:8px 12px;transition:background .2s,color .2s}.bookclub-nav-tab.active{background:var(--bg-card);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.bookclub-overview{margin-bottom:20px}.bookclub-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.bookclub-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.bookclub-stat-value{color:var(--text-primary);display:block;font-size:1.4rem;font-weight:700;margin-bottom:4px}.bookclub-stat-label{color:var(--text-muted);font-size:.72rem}.bookclub-schedule{display:flex;flex-direction:column;gap:8px}.bookclub-schedule-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.bookclub-week-label{color:var(--text-primary);font-size:.82rem;font-weight:600}.bookclub-week-chapters{color:var(--text-secondary);font-size:.8rem}.bookclub-discussion{display:flex;flex-direction:column;gap:16px}.bookclub-chapter-selector{align-items:center;display:flex;gap:10px}.bookclub-chapter-selector label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.bookclub-chapter-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:8px 12px}.bookclub-messages{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.bookclub-no-messages{color:var(--text-muted);font-size:.85rem;padding:24px;text-align:center}.bookclub-message{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px}.bookclub-message-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.bookclub-message-content{flex:1 1}.bookclub-message-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.bookclub-message-author{color:var(--text-primary);font-size:.82rem;font-weight:600}.bookclub-message-time{color:var(--text-muted);font-size:.7rem}.bookclub-message-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.bookclub-compose{display:flex;gap:8px}.bookclub-compose-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:.85rem;outline:none;padding:12px 16px}.bookclub-compose-input:focus{border-color:var(--accent)}.bookclub-send-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.82rem;font-weight:600;padding:12px 20px;transition:background .2s}.bookclub-send-btn:hover:not(:disabled){background:var(--accent-hover)}.bookclub-send-btn:disabled{opacity:.5}.bookclub-members{display:flex;flex-direction:column;gap:10px}.bookclub-member-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px 16px}.bookclub-member-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:40px;justify-content:center;width:40px}.bookclub-member-info{flex:1 1}.bookclub-member-name{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600}.bookclub-member-progress{color:var(--text-muted);font-size:.78rem}.bookclub-member-active{color:var(--text-muted);font-size:.72rem}.library-header-actions{align-items:center;display:flex;gap:8px}.library-report-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s,transform .2s;width:38px}.library-report-btn:hover{border-color:var(--accent);transform:scale(1.05)}.library-social-links{display:flex;gap:10px;justify-content:center;margin-top:16px}.library-social-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .2s}.library-social-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}@media (max-width:768px){.bookclub-layout{flex-direction:column}.bookclub-sidebar{width:100%}.friends-grid,.recommendations-grid{grid-template-columns:1fr}.weekly-report-grid{grid-template-columns:repeat(2,1fr)}.social-tabs{max-width:100%}.notification-panel{right:-60px;width:300px}}@media (max-width:480px){.streak-heatmap{grid-template-columns:repeat(10,1fr)}.bookclub-stats-grid{grid-template-columns:1fr}}.collections-page{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.collections-header{margin-bottom:32px}.collections-back-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;margin-bottom:16px;padding:8px 16px;transition:border-color .2s,color .2s}.collections-back-btn:hover{border-color:var(--accent);color:var(--accent)}.collections-header h1{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:4px}.collections-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.collections-create-btn{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background .2s,transform .2s}.collections-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.collections-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;max-width:320px;padding:4px}.collections-tab{border-radius:10px;color:var(--text-secondary);flex:1 1;font-size:.82rem;font-weight:600;padding:10px 16px;text-align:center;transition:background .2s,color .2s}.collections-tab.active{background:var(--accent);color:#fff}.collections-tab:hover:not(.active){background:var(--bg-card)}.collections-public-browse{margin-top:12px}.collections-public-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.collections-public-empty{grid-column:1/-1;padding:60px 24px;text-align:center}.collections-public-empty-icon{display:block;font-size:3rem;margin-bottom:16px}.collections-public-empty h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:8px}.collections-public-empty p{color:var(--text-secondary);font-size:.9rem;margin:0 auto;max-width:400px}.collections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.collection-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.collection-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.collection-card-cover{align-items:center;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.collection-mosaic{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.collection-mosaic-tile{background:#0000001a;overflow:hidden}.collection-mosaic-tile img{height:100%;object-fit:cover;opacity:.8;width:100%}.collection-card-empty-cover{font-size:2.5rem;opacity:.5}.collection-card-body{padding:16px}.collection-card-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.collection-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;margin-bottom:8px;overflow:hidden}.collection-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:8px}.collection-card-smart{color:var(--accent)}.collection-card-delete{align-items:center;background:#00000080;border-radius:50%;display:flex;font-size:.8rem;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;width:28px}.collection-card:hover .collection-card-delete{opacity:1}.collection-card-delete:hover{background:#ef4444cc}.collection-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:300}.collection-modal{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:100%;overflow:hidden;width:520px}.collection-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.collection-modal-header h3{color:#fff;font-size:1.1rem;font-weight:600}.collection-modal-close{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:28px;justify-content:center;width:28px}.collection-modal-close:hover{background:#ffffff4d}.collection-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.collection-form-field{display:flex;flex-direction:column;gap:6px}.collection-form-field label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.collection-form-field input[type=number],.collection-form-field input[type=text],.collection-form-field select,.collection-form-field textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s}.collection-form-field input:focus,.collection-form-field select:focus,.collection-form-field textarea:focus{border-color:var(--accent)}.collection-form-row{display:flex;gap:12px}.collection-form-row .collection-form-field{flex:1 1}.collection-privacy-toggle{background:var(--bg-elevated);border-radius:10px;display:flex;gap:4px;padding:4px}.collection-privacy-toggle button{border-radius:8px;color:var(--text-secondary);flex:1 1;font-size:.8rem;font-weight:500;padding:8px 12px;transition:background .2s,color .2s}.collection-privacy-toggle button.active{background:var(--accent);color:#fff}.collection-color-grid{display:flex;flex-wrap:wrap;gap:8px}.collection-color-swatch{border:2px solid #0000;border-radius:10px;cursor:pointer;height:36px;transition:transform .2s,border-color .2s;width:36px}.collection-color-swatch:hover{transform:scale(1.1)}.collection-color-swatch.active{border-color:var(--text-primary);transform:scale(1.1)}.collection-smart-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem!important;gap:8px;letter-spacing:0!important;text-transform:none!important}.collection-smart-label input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.collection-rules-section{background:var(--bg-elevated);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px}.collection-rule-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:12px;transition:opacity .2s}.collection-rule-card.disabled{opacity:.5}.collection-rule-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.collection-rule-toggle{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px}.collection-rule-toggle input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.collection-rule-remove{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:4px 8px;transition:background .15s,color .15s}.collection-rule-remove:hover{background:#ef44441a;color:#ef4444}.collection-rule-body{display:flex;flex-direction:column;gap:8px}.collection-add-rule-btn{background:none;border:1px dashed var(--border);border-radius:10px;color:var(--accent);cursor:pointer;font-size:.85rem;font-weight:500;padding:10px;transition:background .15s,border-color .15s}.collection-add-rule-btn:hover{background:var(--bg-card);border-color:var(--accent)}.collection-book-list{display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.collection-book-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:background .2s}.collection-book-item:hover{background:var(--bg-elevated)}.collection-book-item input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.collection-book-item-title{color:var(--text-primary);font-size:.85rem;font-weight:500}.collection-book-item-author{color:var(--text-muted);font-size:.75rem;margin-left:auto}.collection-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.collection-cancel-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:10px 20px}.collection-save-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:10px 20px;transition:background .2s}.collection-save-btn:hover{background:var(--accent-hover)}.mscombo-container{position:relative}.mscombo-input-area{align-items:flex-start;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;cursor:text;display:flex;min-height:40px;padding:8px 10px;transition:border-color .2s}.mscombo-input-area.focused{border-color:var(--accent)}.mscombo-tags{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.mscombo-tag{align-items:center;background:var(--accent);border-radius:6px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:3px 8px;white-space:nowrap}.mscombo-tag-remove{background:none;border:none;border-radius:3px;color:#ffffffb3;cursor:pointer;font-size:.9rem;line-height:1;padding:0 2px}.mscombo-tag-remove:hover{background:#fff3;color:#fff}.mscombo-text-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.85rem;min-width:80px;outline:none;padding:2px 4px}.mscombo-text-input::placeholder{color:var(--text-muted)}.mscombo-dropdown{animation:fadeIn .15s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000040;left:0;max-height:180px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 4px);z-index:400}.mscombo-option{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:8px 10px;transition:background .15s}.mscombo-option:hover{background:var(--bg-elevated)}.mscombo-option input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:14px;width:14px}.mscombo-option-label{flex:1 1}.mscombo-empty{color:var(--text-muted);font-size:.8rem;padding:10px 12px;text-align:center}.mscombo-add-custom{background:none;border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:block;font-size:.83rem;font-weight:500;padding:8px 10px;text-align:left;transition:background .15s;width:100%}.mscombo-add-custom:hover{background:var(--bg-elevated)}.collection-view{padding:0}.collection-view-header{margin-bottom:24px}.collection-view-back{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;margin-bottom:16px;padding:8px 16px;transition:border-color .2s}.collection-view-back:hover{border-color:var(--accent)}.collection-view-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.collection-view-title-row h2{color:var(--text-primary);font-size:1.5rem;font-weight:700}.collection-view-actions{display:flex;gap:8px}.collection-view-action-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:8px 14px;transition:border-color .2s,color .2s}.collection-view-action-btn:hover{border-color:var(--accent);color:var(--accent)}.collection-view-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.collection-view-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:8px}.collection-smart-badge{border-radius:6px;color:var(--accent);font-weight:500;padding:2px 8px}.collection-share-banner,.collection-smart-badge{background:color-mix(in srgb,var(--accent) 10%,#0000)}.collection-share-banner{align-items:center;border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;display:flex;font-size:.85rem;gap:12px;margin-bottom:16px;padding:12px 16px}.collection-share-code{background:var(--bg-elevated);border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:.75rem;padding:4px 8px}.collection-view-controls{display:flex;gap:16px;margin-bottom:20px}.collection-view-filter,.collection-view-sort{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px}.collection-view-filter select,.collection-view-sort select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.8rem;padding:6px 10px}.collection-view-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.collection-book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.collection-book-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.collection-book-card-cover{cursor:pointer;height:180px;overflow:hidden}.collection-book-card-cover img{height:100%;object-fit:cover;width:100%}.collection-book-placeholder{align-items:center;background:var(--bg-elevated);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.collection-book-card-info{padding:10px 12px}.collection-book-card-info h4{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-book-card-info p{color:var(--text-muted);font-size:.72rem}.collection-book-remove{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:1rem;height:24px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s;width:24px}.collection-book-card:hover .collection-book-remove{opacity:1}.collection-book-remove:hover{background:#ef4444cc}.collection-view-empty-state{color:var(--text-muted);padding:48px 24px;text-align:center}.collection-view-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.collection-view-empty-hint{font-size:.8rem;margin-top:8px}.book-card-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.book-status-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;padding:4px 8px;transition:border-color .2s}.book-status-select:hover{border-color:var(--accent)}.book-collection-badges{display:flex;gap:4px;margin-top:6px}.book-collection-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:6px;color:var(--accent);display:inline-flex;font-size:.65rem;height:22px;width:22px}.book-collection-badge,.secret-indicator{align-items:center;justify-content:center}.secret-indicator{background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:transform .2s;width:28px;z-index:5}.secret-indicator:hover{transform:translateY(-50%) scale(1.2)}.secret-indicator.undiscovered .secret-sparkle{animation:secretPulse 2s ease-in-out infinite}.secret-indicator.discovered .secret-sparkle{opacity:.5}@keyframes secretPulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.secret-sparkle{filter:drop-shadow(0 0 4px #f59e0b);filter:drop-shadow(0 0 4px var(--secret-color,#f59e0b));font-size:1rem}.treasure-card-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:400}.treasure-card{animation:treasureCardIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border-radius:20px;max-width:100%;overflow:hidden;padding:28px;position:relative;width:400px}@keyframes treasureCardIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.treasure-card-border{background:var(--treasure-gradient);border-radius:20px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.treasure-card-close{align-items:center;background:var(--bg-elevated);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.3rem;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:color .2s;width:28px}.treasure-card-close:hover{color:var(--text-primary)}.treasure-card-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.treasure-card-icon{font-size:1.8rem}.treasure-card-type{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.treasure-card-body{margin-bottom:20px}.treasure-card-explanation{color:var(--text-primary);font-size:.92rem;line-height:1.7}.treasure-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:16px}.treasure-card-significance{display:flex;flex-direction:column;gap:2px}.significance-label{color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase}.significance-stars{font-size:.9rem}.treasure-card-discovered{background:#0596691a;border-radius:8px;color:#059669;font-size:.8rem;font-weight:500;padding:4px 10px}.secret-counter-wrapper{position:relative}.secret-counter-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;color:#f59e0b;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:6px 12px;transition:background .2s,transform .2s}.secret-counter-btn:hover{background:#f59e0b26;transform:scale(1.05)}.secret-counter-sparkle{font-size:.85rem}.secret-counter-text{font-size:.75rem}.secret-panel-backdrop{inset:0;position:fixed;z-index:149}.secret-panel{animation:panelSlideIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);max-height:400px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:44px;width:320px;z-index:150}.secret-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.secret-panel-header h4{font-size:.95rem;font-weight:600}.secret-panel-count{background:var(--bg-elevated);border-radius:10px;color:var(--text-muted);font-size:.75rem;padding:2px 8px}.secret-panel-body{max-height:300px;overflow-y:auto;padding:12px}.secret-panel-item{align-items:center;border-radius:10px;display:flex;gap:10px;margin-bottom:4px;padding:10px 12px;transition:background .2s}.secret-panel-item.found{background:var(--bg-elevated)}.secret-panel-item.hidden{opacity:.5}.secret-panel-item-icon{flex-shrink:0;font-size:1.2rem}.secret-panel-item-info{flex:1 1;min-width:0}.secret-panel-item-type{color:var(--text-primary);display:block;font-size:.8rem;font-weight:600}.secret-panel-item-preview{color:var(--text-muted);display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-panel-item-stars{flex-shrink:0;font-size:.7rem}.secret-panel-complete{background:#0596691a;border-radius:10px;color:#059669;font-size:.85rem;font-weight:600;margin:8px 12px 12px;padding:12px;text-align:center}.paragraph-wrapper{position:relative}.user-highlight{border-radius:2px;cursor:pointer;padding:1px 0;transition:opacity .2s ease}.user-highlight:hover{opacity:.7}.google-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.google-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;padding:32px;width:380px}.google-modal h3{font-size:1.2rem;font-weight:700;margin-bottom:4px}.google-modal-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px}.google-modal form{display:flex;flex-direction:column;gap:14px}.google-modal-cancel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;padding:10px}.avatar-selection{display:flex;flex-direction:column;gap:8px}.avatar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.avatar-option{align-items:center;background:var(--bg-elevated);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.avatar-option.active,.avatar-option:hover{border-color:var(--accent);transform:scale(1.1)}.avatar-option.active{background:color-mix(in srgb,var(--accent) 15%,#0000)}.user-avatar-circle.emoji-avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:1.3rem}.profile-page{margin:0 auto;max-width:800px;min-height:100vh;padding:32px 40px}.profile-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.profile-header h1{font-size:1.5rem;font-weight:700}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}.profile-banner-row{align-items:center;display:flex;gap:16px;justify-content:center;margin-bottom:12px}.profile-tier-badge{align-items:center;background:var(--bg-elevated);border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:4px;padding:8px 14px;transition:transform .2s,border-color .2s,box-shadow .2s}.profile-tier-badge:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.profile-tier-badge.tier-free{border-color:#6b7280}.profile-tier-badge.tier-free:hover{border-color:#9ca3af;box-shadow:0 4px 12px #6b728040}.profile-tier-badge.tier-plus{background:linear-gradient(135deg,#7c3aed14,#6366f114);border-color:#7c3aed}.profile-tier-badge.tier-plus:hover{border-color:#a78bfa;box-shadow:0 4px 12px #7c3aed4d}.profile-tier-badge.tier-pro{background:linear-gradient(135deg,#d977061a,#f59e0b14);border-color:#d97706}.profile-tier-badge.tier-pro:hover{border-color:#fbbf24;box-shadow:0 4px 16px #d9770659}.tier-badge-icon{font-size:1.4rem;line-height:1}.tier-badge-label{color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.profile-tier-badge.tier-plus .tier-badge-label{color:#a78bfa}.profile-tier-badge.tier-pro .tier-badge-label{color:#fbbf24}.profile-avatar-container{cursor:pointer;display:inline-block;position:relative}.profile-avatar-container:hover .profile-avatar-edit-badge{opacity:1;transform:scale(1.1)}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;display:flex;height:96px;justify-content:center;margin:0 auto;overflow:hidden;width:96px}.profile-avatar-large .profile-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-avatar-large .profile-avatar-initials{color:#fff;font-size:2.2rem;font-weight:700;letter-spacing:1px}.profile-avatar-edit-badge{align-items:center;background:var(--bg-elevated);border:2px solid var(--border);border-radius:50%;bottom:2px;display:flex;font-size:.8rem;height:28px;justify-content:center;opacity:.8;position:absolute;right:calc(50% - 46px);transition:opacity .2s,transform .2s;width:28px}.profile-quote{color:var(--text-muted);font-size:.9rem;font-style:italic;margin:4px 0 8px}.profile-bio-display{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:320px}.profile-card h2{font-size:1.3rem;font-weight:700;margin-bottom:4px}.profile-email{color:var(--text-muted);font-size:.85rem;margin-bottom:16px}.profile-level-badge{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.profile-points{color:var(--accent);font-size:.85rem;font-weight:600}.profile-level-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.profile-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.profile-tier{color:var(--text-secondary);font-size:.85rem}.profile-edit-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.profile-edit-section h3{font-size:1.1rem;font-weight:600;margin-bottom:20px}.profile-field{margin-bottom:16px}.profile-field label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.profile-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;outline:none;padding:12px 16px;width:100%}.profile-input:focus{border-color:var(--accent)}.profile-save-btn{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;margin-top:8px;padding:14px;transition:background .2s,transform .2s;width:100%}.profile-save-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.leaderboard-page{margin:0 auto;max-width:700px;min-height:100vh;padding:32px 40px}.leaderboard-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.leaderboard-header h1{font-size:1.5rem;font-weight:700}.leaderboard-tabs{margin-bottom:24px}.leaderboard-timeframe{background:var(--bg-elevated);border-radius:10px;display:flex;gap:4px;margin-bottom:12px;padding:4px}.leaderboard-timeframe button{border-radius:8px;color:var(--text-secondary);flex:1 1;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.leaderboard-timeframe button.active{background:var(--accent);color:#fff}.leaderboard-categories{display:flex;flex-wrap:wrap;gap:6px}.leaderboard-controls{align-items:center;display:flex;gap:12px}.lb-top-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;min-width:90px;padding:6px 12px}.lb-top-select:focus{border-color:var(--accent);outline:none}.leaderboard-scope-label{background:var(--bg-elevated);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:4px 10px}.lb-empty{font-size:.9rem;padding:40px 20px;text-align:center}.lb-cat-btn,.lb-empty{color:var(--text-secondary)}.lb-cat-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.lb-cat-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);color:var(--accent)}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.lb-entry{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:transform .2s}.lb-entry:hover{transform:translateX(4px)}.lb-entry.lb-user{background:color-mix(in srgb,var(--accent) 5%,#0000);border-color:var(--accent)}.lb-rank{font-size:1.2rem;text-align:center;width:32px}.lb-rank-num{color:var(--text-muted);font-size:.85rem;font-weight:600}.lb-avatar{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;height:36px;justify-content:center;width:36px}.lb-avatar-img{border-radius:50%;height:36px;object-fit:cover;width:36px}.lb-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.lb-name{font-size:.9rem;font-weight:600}.lb-level{color:var(--text-secondary);font-size:.75rem;opacity:.85}.lb-score{color:var(--accent);font-size:.85rem;font-weight:600}.subscription-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;margin-bottom:24px;padding:16px 20px}.sub-banner-content{align-items:center;display:flex;gap:12px}.sub-banner-icon{font-size:1.5rem}.sub-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.sub-banner-text strong{font-size:.9rem}.sub-banner-text span{color:var(--text-secondary);font-size:.8rem}.sub-banner-btn{background:var(--accent);border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;transition:background .2s}.sub-banner-btn:hover{background:var(--accent-hover)}.sub-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.sub-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;max-height:90vh;max-width:95vw;overflow-y:auto;padding:32px;width:900px}.sub-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sub-modal-header h2{font-size:1.3rem;font-weight:700}.sub-modal-close{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:1.5rem;height:32px;justify-content:center;width:32px}.sub-modal-close:hover{background:var(--bg-elevated)}.sub-tiers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sub-tier-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:16px;padding:24px 16px;position:relative;text-align:center;transition:transform .2s,border-color .2s}.sub-tier-card.recommended{border-color:var(--tier-color);transform:scale(1.02)}.sub-tier-card.current{border-color:#059669}.sub-recommended-badge{background:var(--tier-color);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;left:50%;padding:2px 10px;position:absolute;top:-10px;transform:translateX(-50%)}.sub-tier-card h3{font-size:1rem;font-weight:700;margin-bottom:4px}.sub-tier-price{color:var(--accent);font-size:1.3rem;font-weight:700;margin-bottom:16px}.sub-tier-features{margin-bottom:16px;text-align:left}.sub-tier-features li{color:var(--text-secondary);font-size:.8rem;padding:4px 0}.sub-tier-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:10px;transition:background .2s;width:100%}.sub-tier-btn:hover{background:var(--accent-hover)}.sub-tier-btn.current{background:#059669;cursor:default}.library-points-badge{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.points-text{color:var(--accent)}.library-level-bar{background:var(--bg-elevated);border-radius:4px;height:8px;margin:12px 0 8px;overflow:hidden;position:relative}.library-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6,#ec4899);border-radius:4px;height:100%;transition:width .5s ease}.library-level-text{color:var(--text-secondary);font-size:.75rem;position:absolute;right:0;top:-20px}.book-rating{color:#f59e0b;font-size:.82rem;font-weight:600;margin-bottom:8px}.daily-quote-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.daily-quote-icon{flex-shrink:0;font-size:1.5rem}.daily-quote-text{color:var(--text-primary);flex:1 1;font-family:var(--serif);font-size:.9rem;font-style:italic}.daily-quote-source{color:var(--text-muted);font-size:.75rem;font-style:normal;white-space:nowrap}.wishlist-section{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.wishlist-section h2{font-size:1.2rem;font-weight:700;margin-bottom:16px}.wishlist-grid{display:flex;flex-direction:column;gap:10px}.wishlist-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px 16px}.wishlist-cover{font-size:1.5rem}.wishlist-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.wishlist-info strong{font-size:.9rem}.wishlist-info span{color:var(--text-secondary);font-size:.8rem}.wishlist-buy-btn{background:#f59e0b;border-radius:8px;color:#1a1a1a;font-size:.75rem;font-weight:600;padding:6px 12px;text-decoration:none;transition:background .2s}.wishlist-buy-btn:hover{background:#d97706}.affiliate-disclaimer{margin-top:8px}.settings-menu-expanded{max-height:80vh;overflow-y:auto;width:300px}.settings-slider{appearance:none;-webkit-appearance:none;background:var(--bg-elevated);border-radius:2px;height:4px;margin:4px 0;outline:none;width:100%}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:16px;width:16px}.settings-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.reading-timer{align-items:center;background:var(--bg-elevated);border-radius:6px;color:var(--text-muted);display:flex;font-size:.75rem;gap:4px;padding:4px 8px}.reading-timer-icon{font-size:.85rem}.export-data-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:8px 14px;transition:all .2s}.export-data-btn:hover{border-color:var(--accent);color:var(--accent)}.milestone-toast{align-items:center;animation:milestoneIn .3s ease,milestoneOut .3s ease 3s forwards;background:var(--bg-card);border:1px solid var(--accent);border-radius:12px;bottom:80px;box-shadow:var(--shadow-lg);display:flex;gap:10px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:500}.milestone-toast-icon{font-size:1.5rem}.milestone-toast-text{font-size:.9rem;font-weight:600}@keyframes milestoneIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes milestoneOut{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.keyboard-hint{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:16px;color:var(--text-muted);font-size:.7rem;opacity:.6;padding:8px 12px;position:fixed;right:16px;transition:opacity .2s}.keyboard-hint:hover{opacity:1}.subscription-page{background:var(--bg-primary);min-height:100vh;padding:24px}.subscription-header{margin-bottom:32px;text-align:center}.subscription-header h1{color:var(--text-primary);font-size:2rem;margin:16px 0 8px}.subscription-subtitle{color:var(--text-secondary);font-size:1.1rem}.subscription-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:960px}.subscription-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;display:flex;flex-direction:column;padding:32px 24px;position:relative;transition:transform .2s,box-shadow .2s}.subscription-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.subscription-card.popular{border-image:linear-gradient(135deg,#8b5cf6,var(--accent),#10b981) 1;border-style:solid;border-width:2px}.subscription-card.current{border-color:var(--accent)}.popular-badge{background:linear-gradient(135deg,#8b5cf6,var(--accent));font-size:.75rem;left:50%;letter-spacing:.5px;padding:4px 16px;transform:translateX(-50%)}.current-badge,.popular-badge{border-radius:12px;color:#fff;font-weight:700;position:absolute;top:-12px}.current-badge{background:var(--accent);font-size:.7rem;padding:4px 12px;right:16px}.subscription-card-header{margin-bottom:24px;text-align:center}.plan-name{color:var(--text-primary);font-size:1.4rem;margin:0 0 8px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-free{font-size:2rem}.price-amount,.price-free{color:var(--text-primary);font-weight:700}.price-amount{font-size:2.5rem}.price-period{color:var(--text-secondary);font-size:.9rem}.plan-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.plan-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;padding:8px 0}.feature-check{color:#10b981;font-weight:700}.plan-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.plan-btn-upgrade{background:linear-gradient(135deg,#8b5cf6,var(--accent));color:#fff}.plan-btn-upgrade:hover{opacity:.9;transform:scale(1.02)}.plan-btn-current{background:var(--bg-elevated);color:var(--text-muted);cursor:default}.plan-btn-downgrade{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.subscription-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.subscription-modal{background:var(--bg-card);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:90%}.subscription-modal h3{color:var(--text-primary);margin:0 0 12px}.subscription-modal p{color:var(--text-secondary);margin:8px 0}.modal-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.modal-cancel{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary)}.modal-cancel,.modal-confirm{cursor:pointer;padding:10px 24px}.modal-confirm{background:linear-gradient(135deg,#8b5cf6,var(--accent));border:none;border-radius:8px;color:#fff;font-weight:600}.subscription-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;margin-bottom:24px;padding:12px}.subscription-disclaimer,.subscription-success{margin-left:auto;margin-right:auto;max-width:960px;text-align:center}.subscription-disclaimer{color:var(--text-muted);font-size:.8rem;margin-top:32px}.subscription-comparison{margin-left:auto;margin-right:auto;margin-top:3rem;max-width:960px}.subscription-section-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.comparison-feature-name{color:var(--text-primary);font-weight:500}.comparison-cell{color:var(--text-secondary);text-align:center}.comparison-cell.unavailable{color:var(--text-muted)}.comparison-cell.highlight-scholar:not(.unavailable){color:#10b981}.comparison-cell.highlight-patron:not(.unavailable){color:#f59e0b}.subscription-savings{margin-top:2rem;text-align:center}.subscription-savings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:0 auto;max-width:500px;padding:1.5rem}.subscription-savings-card h3{color:var(--text-primary);margin-bottom:.75rem}.subscription-savings-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.subscription-savings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.subscription-savings-amount{color:#10b981;font-size:1.5rem;font-weight:700}.subscription-savings-label,.subscription-savings-note{color:var(--text-muted);font-size:.75rem}.subscription-savings-note{margin-top:1rem}.subscription-footer{margin:2rem 0;padding:1rem;text-align:center}.subscription-footer-text{color:var(--text-muted);font-size:.8rem}.subscription-footer-sub{color:var(--text-muted);font-size:.7rem;margin-top:.5rem;opacity:.7}.rmap-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.rmap-container{background:#0f172a;background:var(--bg-card,#0f172a);border:1px solid #3b82f633;border-radius:20px;box-shadow:0 0 60px #3b82f614,0 25px 50px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:1100px;overflow:hidden;width:95%}.rmap-header{border-bottom:1px solid #3b82f61f;border-bottom:1px solid var(--border,#3b82f61f);justify-content:space-between;padding:14px 20px}.rmap-header,.rmap-title{align-items:center;display:flex}.rmap-title{gap:10px}.rmap-title-icon{animation:rmap-spin 8s linear infinite;color:#3b82f6;color:var(--accent,#3b82f6);font-size:18px}@keyframes rmap-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rmap-title h3{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:16px;font-weight:700;margin:0}.rmap-subtitle{background:#3b82f61a;border-radius:4px;color:#3b82f6;color:var(--accent,#3b82f6);font-size:11px;font-weight:600;padding:2px 8px}.rmap-close{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;width:32px}.rmap-close:hover{background:#ef444433}.rmap-body{display:flex}.rmap-body,.rmap-graph{flex:1 1;overflow:hidden;position:relative}.rmap-graph{background:radial-gradient(ellipse at center,#1e293b 0,#0f172a 100%);min-height:450px}.rmap-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rmap-edge-label{font-family:system-ui,sans-serif;text-shadow:0 0 6px currentColor}.rmap-node{cursor:pointer;flex-direction:column;-webkit-user-select:none;user-select:none;z-index:10}.rmap-node,.rmap-node-orb{align-items:center;display:flex}.rmap-node-orb{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--node-color) 90%,#fff) 0,var(--node-color) 40%,color-mix(in srgb,var(--node-color) 50%,#000) 85%);border-radius:50%;box-shadow:0 0 16px color-mix(in srgb,var(--node-color) 35%,#0000),0 4px 12px #0006,inset -3px -4px 8px #00000059,inset 2px 2px 6px #ffffff26;justify-content:center;transition:width .2s,height .2s,box-shadow .2s}.rmap-node.hovered .rmap-node-orb,.rmap-node.selected .rmap-node-orb{box-shadow:0 0 28px var(--node-color),0 0 50px color-mix(in srgb,var(--node-color) 25%,#0000),0 4px 12px #0006,inset -3px -4px 8px #00000059,inset 2px 2px 6px #ffffff26}.rmap-node-emoji{filter:drop-shadow(0 2px 3px rgba(0,0,0,.4));font-size:20px}.rmap-node-name{color:#e2e8f0;color:var(--text-primary,#e2e8f0);font-size:9px;font-weight:600;margin-top:4px;text-align:center;text-shadow:0 1px 3px #0009;white-space:nowrap}.rmap-node-ring-anim{animation:rmap-ring-ping 1.5s ease-out infinite;border:2px solid var(--node-color);border-radius:50%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes rmap-ring-ping{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.rmap-tooltip{background:#0f172af2;border:1px solid #3b82f64d;border-radius:8px;padding:6px 10px;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:50}.rmap-tooltip-name{color:#f1f5f9;display:block;font-size:12px;font-weight:600}.rmap-tooltip-role{color:#94a3b8;display:block;font-size:10px}.rmap-info-panel{background:#0f172af2;border-left:1px solid #3b82f626;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:0;width:300px}.rmap-info-portrait{background:linear-gradient(180deg,#3b82f60f,#0000);padding:20px 16px 10px}.rmap-info-orb,.rmap-info-portrait{display:flex;justify-content:center}.rmap-info-orb{align-items:center;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--node-color) 90%,#fff) 0,var(--node-color) 40%,color-mix(in srgb,var(--node-color) 50%,#000) 85%);border-radius:50%;box-shadow:0 0 24px var(--node-color),0 4px 12px #0006;font-size:28px;height:64px;width:64px}.rmap-info-name{color:#f1f5f9;color:var(--text-primary,#f1f5f9);font-size:15px;font-weight:700;margin:8px 16px 4px;text-align:center}.rmap-info-role{color:#93c5fd;color:var(--accent,#93c5fd);display:block;font-size:10px;letter-spacing:1px;margin-bottom:8px;text-align:center;text-transform:uppercase}.rmap-info-chapter{font-size:11px;margin-bottom:10px;padding:0 16px;text-align:center}.rmap-info-chapter,.rmap-info-quote{color:#94a3b8;color:var(--text-secondary,#94a3b8)}.rmap-info-quote{background:#3b82f60a;border-left:3px solid #3b82f6;border-left:3px solid var(--accent,#3b82f6);border-radius:0 6px 6px 0;font-size:12px;font-style:italic;line-height:1.4;margin:0 16px 12px;padding:8px 12px}.rmap-info-desc{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:12px;line-height:1.5;margin:0;padding:0 16px 12px}.rmap-info-traits{display:flex;flex-wrap:wrap;gap:5px;padding:0 16px 12px}.rmap-info-trait{background:#ffffff08;border:1px solid #94a3b840;border-radius:10px;color:#cbd5e1;font-size:10px;padding:2px 7px}.rmap-info-connections{border-top:1px solid #3b82f61a;padding:10px 16px 16px}.rmap-info-section-label{color:#64748b;display:block;font-size:10px;letter-spacing:.8px;margin-bottom:6px;text-transform:uppercase}.rmap-info-row{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:11px;gap:6px;padding:4px 6px;transition:background .15s}.rmap-info-row:hover{background:#3b82f614}.rmap-info-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.rmap-info-other{color:#cbd5e1;flex:1 1}.rmap-info-rel-label{font-size:10px;font-weight:500}.rmap-legend{border-top:1px solid #3b82f614;display:flex;gap:16px;justify-content:center;padding:10px 16px}.rmap-legend-item{align-items:center;color:#94a3b8;display:flex;font-size:10px;gap:5px;text-transform:capitalize}.rmap-legend-dot{border-radius:50%;height:7px;width:7px}:is([data-theme=light],[data-theme=sepia]) .rmap-container{background:#f8fafcfa;border-color:#3b82f61f}:is([data-theme=light],[data-theme=sepia]) .rmap-graph{background:radial-gradient(ellipse at center,#f8fafc,#f1f5f9)}:is([data-theme=light],[data-theme=sepia]) .rmap-node-name{color:#1e293b;text-shadow:none}:is([data-theme=light],[data-theme=sepia]) .rmap-info-panel{background:#fffffffa;border-left-color:#3b82f61a}:is([data-theme=light],[data-theme=sepia]) .rmap-tooltip{background:#fffffff2;border-color:#e2e8f0}:is([data-theme=light],[data-theme=sepia]) .rmap-tooltip-name{color:#1e293b}.level-badge{align-items:center;display:flex;gap:12px}.level-badge-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;height:48px;justify-content:center;width:48px}.level-badge-icon-large{font-size:1.2rem}.level-badge-level{color:#fff;font-size:.6rem;font-weight:700}.level-badge-info{display:flex;flex-direction:column;gap:4px}.level-badge-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.level-badge-progress{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:80px}.level-badge-progress-fill{border-radius:2px;height:100%;transition:width .3s}.level-badge-compact{align-items:center;background:var(--bg-elevated);border-radius:12px;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.level-up-animate{animation:levelUp 2s ease-out}@keyframes levelUp{0%{transform:scale(1)}20%{transform:scale(1.3)}40%{transform:scale(1)}60%{transform:scale(1.15)}to{transform:scale(1)}}.leaderboard-widget{padding:16px}.leaderboard-widget-tabs{display:flex;gap:8px;margin-bottom:16px}.leaderboard-widget-tabs button{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.leaderboard-widget-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.leaderboard-widget-list{display:flex;flex-direction:column;gap:8px}.lb-widget-entry{align-items:center;background:var(--bg-elevated);border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:transform .15s}.lb-widget-entry:hover{transform:translateX(4px)}.lb-widget-user{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000)}.lb-widget-rank{color:var(--text-muted);font-size:1.1rem;font-weight:700;min-width:28px;text-align:center}.lb-widget-avatar{font-size:1.3rem}.lb-widget-name{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:500}.lb-you-tag{color:var(--accent);font-size:.75rem}.lb-widget-level{background:var(--bg-card);border-radius:8px;color:var(--text-muted);font-size:.75rem;padding:2px 8px}.lb-widget-points{color:var(--accent);font-size:.85rem;font-weight:600;min-width:80px;text-align:right}.profile-section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.profile-section-tabs button{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.profile-section-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.profile-upgrade-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;margin-left:8px;text-decoration:underline}.profile-joined{color:var(--text-muted);font-size:.8rem;margin-top:8px}.profile-actions{display:flex;gap:12px;margin-top:16px}.profile-export-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:10px 20px}.profile-export-btn:hover{background:var(--bg-elevated)}.profile-integrations-section{margin-top:16px}.profile-integrations-section h3{color:var(--text-primary);margin-bottom:4px}.integrations-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px}.integrations-grid{display:flex;flex-direction:column;gap:16px}.integration-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s}.integration-card:hover{border-color:var(--border-hover)}.integration-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.integration-icon{flex-shrink:0;font-size:1.8rem}.integration-info h4{color:var(--text-primary);font-size:1rem;margin:0 0 2px}.integration-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.integration-config{padding-left:44px}.integration-label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;margin-bottom:4px;margin-top:10px}.integration-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.integration-input:focus{border-color:var(--accent)}.integration-file-input{color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.integration-hint{color:var(--text-muted);font-size:.72rem;font-style:italic;margin:4px 0 0}.integration-actions{align-items:center;display:flex;gap:12px;margin-top:12px}.integration-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:opacity .2s}.integration-btn:hover{opacity:.9}.integration-btn.secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.integration-btn.disabled,.integration-btn:disabled{cursor:not-allowed;opacity:.5}.integration-status{border-radius:10px;font-size:.72rem;font-weight:500;padding:3px 8px}.integration-status.connected{background:#10b9811a;color:#10b981}.integration-status.disconnected{background:#ef44441a;color:#ef4444}.integration-toggle-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;margin-top:6px}.integration-toggle-row input[type=checkbox]{height:16px;width:16px}.profile-achievements-section{margin-top:16px}.achievement-category{margin-bottom:24px}.achievement-category h4{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.achievement-grid{display:flex;flex-direction:column;gap:8px}.achievement-item{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;gap:12px;padding:10px 14px;transition:opacity .2s}.achievement-item.locked{opacity:.5}.achievement-item.unlocked{border-left:3px solid #10b981;opacity:1}.achievement-icon{font-size:1.3rem}.achievement-info{display:flex;flex:1 1;flex-direction:column}.achievement-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.achievement-desc{color:var(--text-muted);font-size:.75rem}.achievement-check{color:#10b981;font-weight:700}.profile-history-section{margin-top:16px}.profile-empty{color:var(--text-muted);padding:24px;text-align:center}.points-history-list{display:flex;flex-direction:column;gap:6px}.points-history-item{align-items:center;background:var(--bg-elevated);border-radius:6px;display:flex;font-size:.8rem;gap:12px;padding:8px 12px}.points-history-action{color:var(--text-secondary);flex:1 1;text-transform:capitalize}.points-history-pts{color:#10b981;font-weight:600}.points-history-time{color:var(--text-muted);font-size:.7rem}.tooltip-term.entity-character{cursor:pointer}.tooltip-term.entity-item,.tooltip-term.entity-location,.tooltip-term.entity-organization{cursor:help}.book-rating-link{color:var(--text-secondary);font-size:.8rem;text-decoration:none}.book-rating-link:hover{color:var(--accent);text-decoration:underline}.book-series-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:4px;color:#8b5cf6;display:inline-block;font-size:.7rem;margin-left:8px;padding:2px 8px}.settings-color-input{background:#0000;border:1px solid var(--border);border-radius:6px;cursor:pointer;height:32px;padding:2px;width:48px}.settings-color-input::-webkit-color-swatch-wrapper{padding:2px}.settings-color-input::-webkit-color-swatch{border:none;border-radius:4px}.recommendation-rating{color:var(--text-secondary);display:inline-block;font-size:.8rem;margin-top:4px}.recommendation-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.recommendation-audible-btn,.recommendation-buy-btn{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;text-decoration:none;transition:opacity .2s}.recommendation-buy-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.recommendation-audible-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.recommendation-audible-btn:hover,.recommendation-buy-btn:hover{opacity:.85}.affiliate-disclaimer{color:var(--text-muted);font-size:.7rem;font-style:italic;margin-top:12px;text-align:center}.app-bar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--toolbar-bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 24px;position:relative;top:0;z-index:90}.app-bar,.app-bar-left,.app-bar-logo{align-items:center;display:flex}.app-bar-logo{color:var(--text-primary);font-size:1.1rem;font-weight:700;gap:6px}.app-bar-title{font-size:.95rem}.app-bar-link,.app-bar-nav{display:flex;gap:4px}.app-bar-link{align-items:center;border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:10px 18px;transition:background .2s,color .2s}.app-bar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.app-bar-link.active{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.app-bar-right{align-items:center;display:flex;gap:12px}.app-bar-ink,.app-bar-points{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;padding:5px 12px}.app-bar-ink{align-items:center;display:flex;gap:5px}.app-bar-ink-amount{color:var(--text-primary);font-weight:700}.app-bar-ink-label{color:var(--text-secondary);font-size:.7rem;font-weight:500}.app-bar-friends-online{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;cursor:pointer;display:flex;gap:4px;padding:5px 12px;position:relative}.friends-online-icon{font-size:.9rem}.friends-online-badge{align-items:center;background:#10b981;border-radius:9px;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.friends-online-badge.friends-badge-zero{background:#6b7280}[data-appbar-tooltip]{position:relative}[data-appbar-tooltip]:after{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(data-appbar-tooltip);font-size:.75rem;font-weight:400;left:50%;line-height:1.4;max-width:220px;min-width:100px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:center;top:calc(100% + 8px);transform:translateX(-50%);transition:opacity .15s ease .3s,visibility 0s linear .5s;visibility:hidden;white-space:nowrap;z-index:10000}[data-appbar-tooltip]:hover:after{opacity:1;transition:opacity .15s ease .3s,visibility 0s linear 0s;visibility:visible}[data-appbar-tooltip]:before{border:5px solid #0000;border-bottom:5px solid var(--bg-card);content:"";left:50%;opacity:0;pointer-events:none;position:absolute;top:calc(100% + 2px);transform:translateX(-50%);transition:opacity .15s ease .3s,visibility 0s linear .5s;visibility:hidden;z-index:10000}[data-appbar-tooltip]:hover:before{opacity:1;transition:opacity .15s ease .3s,visibility 0s linear 0s;visibility:visible}[data-appbar-tooltip]:empty:after,[data-appbar-tooltip]:empty:before{display:none}.friends-online-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0000004d;padding:8px 0;position:fixed;right:100px;top:50px;width:220px;z-index:99999}.friends-online-header{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:8px 14px;text-transform:uppercase}.friends-online-item{align-items:center;display:flex;gap:8px;padding:6px 14px}.friends-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.friends-online-name{color:var(--text-primary);font-size:.82rem;font-weight:500}.friends-online-reading{color:var(--text-muted);font-size:.7rem;margin-left:auto}.friends-online-item:hover{background:#ffffff0d;background:var(--bg-elevated,#ffffff0d)}.friend-context-menu{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:10px;box-shadow:0 8px 24px #0000004d;min-width:150px;padding:4px 0}.friend-context-menu button{background:none;border:none;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:block;font-size:.82rem;padding:8px 14px;text-align:left;width:100%}.friend-context-menu button:hover{background:#ffffff14;background:var(--bg-elevated,#ffffff14)}.app-bar-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-bar-subtabs,.app-bar-wrapper .app-bar{position:relative}.app-bar-subtabs{-webkit-overflow-scrolling:touch;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 12px 12px;border-top:none;box-sizing:border-box;display:flex;gap:4px;justify-content:center;margin:0 auto;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:4px;scrollbar-width:none;width:100%;z-index:500}.app-bar-subtabs::-webkit-scrollbar{display:none}.quick-actions-subtabs{margin:0 auto 12px}.app-bar-subtab{background:none;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:8px 14px;transition:background .2s,color .2s;white-space:nowrap}.app-bar-subtab:hover{background:var(--bg-elevated);color:var(--text-primary)}.app-bar-subtab.active{background:var(--accent);color:#fff}.app-bar-subtabs:has(.app-bar-subtab-action){border-left:none;border-radius:0;border-right:none;justify-content:center;margin:0;max-width:100%;padding:4px 12px;position:relative;width:100%}.app-bar-subtab-action{background:var(--accent);border-radius:10px;color:#fff;font-weight:600;padding:8px 14px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:background .2s,transform .1s}.app-bar-subtab-action:hover{background:var(--accent);background:var(--accent-hover,var(--accent));color:#fff}.app-bar-subtab-dropdown{flex-shrink:0;position:relative}.app-bar-subtab-dropdown>.app-bar-subtab{cursor:pointer}.app-bar-subtab-dropdown>.app-bar-subtab:after{content:" ▾";font-size:1.2em;opacity:.7}.subtab-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;display:none;left:50%;min-width:160px;padding:10px 6px 6px;position:absolute;top:100%;transform:translateX(-50%);z-index:200}.subtab-dropdown-menu:before{content:"";height:8px;left:0;position:absolute;right:0;top:-8px}.app-bar-subtab-dropdown:hover .subtab-dropdown-menu{display:flex;flex-direction:column;gap:2px}.subtab-dropdown-menu button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:8px 12px;text-align:left;transition:background .15s,color .15s;white-space:nowrap;width:100%}.subtab-dropdown-menu button:hover{background:var(--bg-elevated);color:var(--text-primary)}.subtab-pct{color:#10b981;font-size:.7rem;font-weight:700;margin-left:auto;opacity:.8}.user-avatar-img{border:2px solid var(--accent);border-radius:50%;height:36px;object-fit:cover;width:36px}.profile-upload-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.profile-pic-preview{border:2px solid var(--accent);border-radius:50%;height:64px;object-fit:cover;width:64px}.profile-upload-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:500;padding:8px 16px;transition:border-color .2s}.profile-upload-btn:hover{border-color:var(--accent)}.profile-remove-pic-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:.8rem;padding:6px 12px}.profile-remove-pic-btn:hover{background:#ef444426}.profile-photo-edit-row{align-items:center;display:flex;gap:16px}.profile-photo-preview-container{border-radius:50%;cursor:pointer;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}.profile-photo-preview-container .profile-pic-preview{height:72px;width:72px}.profile-pic-initials-preview{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:1.6rem;font-weight:700;height:72px;width:72px}.profile-photo-edit-overlay,.profile-pic-initials-preview{align-items:center;border-radius:50%;display:flex;justify-content:center}.profile-photo-edit-overlay{background:#00000080;font-size:1.4rem;inset:0;opacity:0;position:absolute;transition:opacity .2s}.profile-photo-preview-container:hover .profile-photo-edit-overlay{opacity:1}.profile-photo-buttons{display:flex;flex-direction:column;gap:8px}.profile-textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9rem;min-height:70px;padding:10px 14px;resize:vertical;transition:border-color .2s;width:100%}.profile-textarea:focus{border-color:var(--accent);outline:none}.profile-field-hint{color:var(--text-muted);display:block;font-size:.75rem;margin-top:4px;text-align:right}.profile-username-input-row{align-items:center;display:flex;gap:0;position:relative}.profile-username-prefix{color:var(--text-muted);font-size:.9rem;font-weight:600;left:14px;position:absolute;z-index:1}.profile-username-input{padding-left:30px!important}.profile-input.input-valid{border-color:#10b981}.profile-input.input-error{border-color:#ef4444}.username-status{font-size:1rem;font-weight:700;position:absolute;right:14px}.username-status.checking{animation:pulse 1s infinite;color:var(--text-muted)}.username-status.available{color:#10b981}.username-status.taken{color:#ef4444}.profile-field-error{color:#ef4444;display:block;font-size:.75rem;margin-top:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.profile-username-display{color:var(--accent);font-size:.9rem;font-weight:500;margin-bottom:4px;margin-top:-4px}.photo-picker-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.photo-picker-modal{background:var(--bg-card);border-radius:16px;max-width:320px;padding:24px;text-align:center;width:100%}.photo-picker-modal h3{font-size:1.1rem;font-weight:700;margin-bottom:20px}.photo-picker-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.photo-picker-option{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:14px 16px;transition:border-color .2s,background .2s}.photo-picker-option:hover{background:color-mix(in srgb,var(--accent) 8%,var(--bg-elevated));border-color:var(--accent)}.photo-picker-icon{font-size:1.5rem}.photo-picker-cancel{background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:10px 20px}.photo-picker-cancel:hover{color:var(--text-primary)}.photo-gallery-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);max-height:300px;overflow-y:auto;padding:12px 0}.photo-gallery-item{aspect-ratio:1;background:none;border:2px solid #0000;border-radius:12px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .2s,transform .15s}.photo-gallery-item:hover{border-color:var(--accent);transform:scale(1.05)}.photo-gallery-item img{border-radius:10px;height:100%;object-fit:cover;width:100%}.cropper-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1001}.cropper-modal{background:var(--bg-card);border-radius:16px;max-width:380px;padding:24px;text-align:center;width:100%}.cropper-modal h3{font-size:1.1rem;font-weight:700;margin-bottom:8px}.cropper-hint{color:var(--text-muted);font-size:.8rem;margin-bottom:16px}.cropper-canvas-wrapper{cursor:grab;display:flex;justify-content:center;margin-bottom:16px;touch-action:none}.cropper-canvas-wrapper:active{cursor:grabbing}.cropper-canvas{background:var(--bg-elevated);border-radius:12px;max-width:100%}.cropper-slider-row{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:10px;margin-bottom:16px}.cropper-slider{accent-color:var(--accent);flex:1 1}.cropper-actions{display:flex;gap:12px;justify-content:center}.cropper-filters{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;padding:8px 0 12px;scrollbar-width:none}.cropper-filters::-webkit-scrollbar{display:none}.cropper-filter-btn{align-items:center;background:var(--bg-elevated);border:2px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:3px;min-width:56px;padding:6px 10px;transition:border-color .2s,transform .15s}.cropper-filter-btn:hover{border-color:var(--accent)}.cropper-filter-btn.active{background:#6366f11a;border-color:var(--accent);transform:scale(1.05)}.cropper-filter-btn.premium{border-style:dashed}.cropper-filter-preview{font-size:1.2rem}.cropper-filter-label{color:var(--text-secondary);font-size:.65rem;font-weight:600;white-space:nowrap}.cropper-filter-cost{color:var(--accent);font-size:.58rem;font-weight:700}.cropper-cancel-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary)}.cropper-cancel-btn,.cropper-save-btn{cursor:pointer;font-size:.9rem;padding:10px 20px}.cropper-save-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;transition:transform .15s}.cropper-save-btn:hover{transform:scale(1.02)}.camera-preview-container{background:#000;border-radius:12px;margin-bottom:16px;overflow:hidden}.camera-preview-video{border-radius:12px;max-height:280px;object-fit:cover;transform:scaleX(-1);width:100%}.camera-actions{display:flex;gap:12px;justify-content:center}.book-rate-btn{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:8px;color:#f59e0b;font-size:.75rem;font-weight:500;padding:4px 10px;transition:all .2s}.book-rate-btn:hover{background:#f59e0b26;border-color:#f59e0b}.book-rating-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.book-rating-panel{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:85vh;max-width:92vw;overflow:hidden;width:520px}.book-rating-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.book-rating-header h3{font-size:1rem;font-weight:600}.book-rating-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;width:28px}.book-rating-close:hover{background:var(--bg-elevated)}.external-ratings{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:16px;padding:16px 24px}.external-rating-item{align-items:center;display:flex;gap:6px}.external-rating-source{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase}.external-rating-stars{color:var(--text-primary);font-size:.85rem;font-weight:600}.external-rating-count{color:var(--text-muted);font-size:.75rem}.book-rating-tabs{border-bottom:1px solid var(--border);display:flex}.book-rating-tabs button{border-bottom:2px solid #0000;color:var(--text-secondary);flex:1 1;font-size:.85rem;font-weight:500;padding:12px;transition:all .2s}.book-rating-tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.book-rating-body{flex:1 1;overflow-y:auto;padding:20px 24px}.my-rating-section h4,.reviews-list h4{font-size:.9rem;font-weight:600;margin-bottom:12px}.star-rating{display:flex;gap:4px;margin-bottom:12px}.star-btn{color:var(--border);font-size:1.5rem;transition:color .15s,transform .15s}.star-btn.filled{color:#f59e0b}.star-btn:not(:disabled):hover{transform:scale(1.2)}.discussion-textarea,.review-textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;margin-bottom:12px;outline:none;padding:12px;resize:vertical;width:100%}.discussion-textarea:focus,.review-textarea:focus{border-color:var(--accent)}.discussion-post-btn,.submit-review-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:10px 20px;transition:background .2s,transform .2s}.discussion-post-btn:hover:not(:disabled),.submit-review-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.discussion-post-btn:disabled,.submit-review-btn:disabled{cursor:not-allowed;opacity:.5}.reviews-list{border-top:1px solid var(--border);margin-top:24px;padding-top:16px}.review-item{border-bottom:1px solid var(--border);padding:12px 0}.review-item:last-child{border-bottom:none}.review-item-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.review-author{font-size:.85rem;font-weight:600}.review-time{color:var(--text-muted);font-size:.75rem;margin-left:auto}.review-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.discussion-input{align-items:flex-end;display:flex;gap:8px;margin-bottom:20px}.discussion-input .discussion-textarea{flex:1 1;margin-bottom:0}.discussion-empty{color:var(--text-muted);font-size:.9rem;padding:24px;text-align:center}.discussion-comment{background:var(--bg-elevated);border-radius:12px;margin-bottom:10px;padding:12px 16px}.discussion-comment-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.discussion-author{font-size:.85rem;font-weight:600}.discussion-time{color:var(--text-muted);font-size:.72rem}.discussion-text{color:var(--text-primary);font-size:.85rem;line-height:1.5;margin-bottom:8px}.discussion-actions{display:flex;gap:12px}.discussion-delete-btn,.discussion-like-btn{color:var(--text-muted);font-size:.75rem;transition:color .2s}.discussion-delete-btn:hover,.discussion-like-btn:hover{color:#ef4444}.trivia-widget{margin:1rem auto;max-width:600px}.trivia-card{background:#1a1a2e;background:var(--bg-card,#1a1a2e);background-clip:padding-box;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 16px #0003;box-shadow:var(--shadow,0 4px 16px #0003);padding:1rem;position:relative}.trivia-card:before{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#f59e0b);border-radius:18px;content:"";inset:-2px;position:absolute;z-index:-1}.trivia-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.trivia-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:.75rem}.trivia-badge{cursor:default;font-size:1.1rem;transition:transform .15s}.trivia-badge:hover{transform:scale(1.3)}.trivia-label{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600}.trivia-book-tag{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:12px;color:#fff;font-size:.75rem;opacity:.8;padding:.2rem .6rem}.trivia-stats-badge{color:#888;color:var(--text-muted,#888);font-size:.75rem;margin-left:auto}.trivia-timer-row{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.trivia-timer-circle{align-items:center;background:conic-gradient(var(--timer-color) var(--timer-pct),#2a2a3e var(--timer-pct));background:conic-gradient(var(--timer-color) var(--timer-pct),var(--bg-elevated,#2a2a3e) var(--timer-pct));border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;width:48px}.trivia-timer-circle:after{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border-radius:50%;content:"";inset:4px;position:absolute}.trivia-timer-text{font-size:.8rem;font-weight:700;position:relative;z-index:1}.trivia-question,.trivia-timer-text{color:#fff;color:var(--text-primary,#fff)}.trivia-question{font-size:.95rem;font-weight:600;margin:0}.trivia-options{display:flex;flex-direction:column;gap:.4rem}.trivia-option{align-items:center;background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:24px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;overflow:hidden;padding:.5rem .85rem;position:relative;text-align:left;transition:all .2s}.trivia-option:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);transform:translateX(4px)}.trivia-option.correct{background:#10b98126;border-color:#10b981}.trivia-option.wrong{background:#ef444426;border-color:#ef4444}.trivia-option.dimmed{opacity:.5}.trivia-option-letter{align-items:center;background:#111;background:var(--bg-primary,#111);border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.trivia-option-text{flex:1 1}.trivia-vote-bar{align-items:center;display:flex;inset:0;pointer-events:none;position:absolute}.trivia-vote-fill{background:#8b5cf61a;border-radius:24px;height:100%;transition:width .5s ease}.trivia-vote-pct{color:#888;color:var(--text-muted,#888);font-size:.75rem;font-weight:600;position:absolute;right:1rem}.trivia-results{margin-top:1rem;text-align:center}.trivia-result-correct{color:#10b981;font-size:1rem;font-weight:600;margin-bottom:.75rem}.trivia-result-timeout,.trivia-result-wrong{color:#ef4444;font-size:.9rem;font-weight:500;margin-bottom:.75rem}.trivia-speed-badge{color:#f59e0b;display:inline-block;font-size:.8rem;margin-left:.5rem}.trivia-next-btn{background:#8b5cf6;background:var(--accent,#8b5cf6);border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:transform .2s}.trivia-next-btn:hover{transform:scale(1.05)}.book-detail-page{min-height:100vh;padding-bottom:3rem}.book-detail-hero{background:linear-gradient(135deg,#1a1a2e,#0a0a1a);background:linear-gradient(135deg,var(--bg-elevated,#1a1a2e),var(--bg-primary,#0a0a1a));padding:2rem 1.5rem;position:relative}.book-detail-back{background:none;border:none;color:#8b5cf6;color:var(--accent,#8b5cf6);cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:0}.book-detail-hero-content{align-items:flex-start;display:flex;gap:1.5rem;margin:0 auto;max-width:800px}.book-detail-cover-wrapper{flex-shrink:0}.book-detail-cover{object-fit:cover}.book-detail-cover,.book-detail-cover-placeholder{border-radius:8px;box-shadow:0 8px 24px #0000004d;height:240px;width:160px}.book-detail-cover-placeholder{align-items:center;display:flex;font-size:3rem;justify-content:center}.book-detail-cover-icon{font-size:3rem}.book-detail-meta{display:flex;flex-direction:column;gap:.5rem}.book-detail-title{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700;margin:0}.book-detail-author{color:#aaa;color:var(--text-secondary,#aaa);font-size:1rem;margin:0}.book-detail-year{color:#666;color:var(--text-muted,#666);font-size:.85rem}.book-detail-genre-badge{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.book-detail-series{color:#888;color:var(--text-muted,#888);font-size:.8rem;font-style:italic}.book-detail-ratings{margin:1.5rem auto;max-width:800px;padding:0 1.5rem}.book-detail-ratings h2{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin-bottom:.75rem}.book-detail-ratings-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.book-detail-rating-card{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:12px;padding:1rem;text-align:center}.book-detail-rating-card .rating-source{color:#888;color:var(--text-muted,#888);display:block;font-size:.75rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.book-detail-rating-card .rating-value{color:#fff;color:var(--text-primary,#fff);display:block;font-size:1.2rem;font-weight:700}.book-detail-rating-card .rating-count{color:#888;color:var(--text-muted,#888);display:block;font-size:.7rem;margin-top:.25rem}.book-detail-section{margin:1.5rem auto;max-width:800px;padding:0 1.5rem}.book-detail-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem;margin-bottom:.75rem}.book-detail-synopsis,.book-detail-why{color:#ccc;color:var(--text-secondary,#ccc);font-size:.95rem;line-height:1.7}.book-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem auto;max-width:800px;padding:0 1.5rem}.book-detail-btn{align-items:center;background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:20px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.25rem;text-decoration:none;transition:all .2s}.book-detail-btn.primary{background:#8b5cf6;background:var(--accent,#8b5cf6);border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#fff}.book-detail-btn.secondary{background:#0000}.book-detail-btn.wishlisted{background:#10b98126;border-color:#10b981;color:#10b981}.book-detail-btn.amazon{background:#f90;border-color:#f90;color:#000}.book-detail-btn.goodreads{background:#553b08;border-color:#8b6914;color:#f5e6c8}.book-detail-btn:hover{transform:translateY(-1px)}.book-detail-reviews{display:flex;flex-direction:column;gap:1rem}.book-detail-review{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:12px;padding:1rem}.book-detail-review .review-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.book-detail-review .review-user-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.book-detail-review .review-user-name{color:#fff;color:var(--text-primary,#fff);font-size:.85rem;font-weight:600}.book-detail-review .review-stars{font-size:.75rem}.book-detail-review .review-text{color:#ccc;color:var(--text-secondary,#ccc);font-size:.85rem;line-height:1.5;margin:0}.app-bar-rank-btn,.app-bar-sub-btn,.app-bar-theme-btn,.app-bar-wishlist-btn{background:none;border:none;border-radius:8px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:.3rem .6rem;position:relative;transition:background .2s}.app-bar-rank-btn:hover,.app-bar-sub-btn:hover,.app-bar-theme-btn:hover,.app-bar-wishlist-btn:hover{background:#ffffff1a;background:var(--bg-elevated,#ffffff1a)}.app-bar-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.6rem;font-weight:700;height:16px;justify-content:center;position:absolute;right:-2px;top:-2px;width:16px}.friend-library-view{margin:0 auto;max-width:700px}.friend-library-back{background:none;border:none;color:#8b5cf6;color:var(--accent,#8b5cf6);cursor:pointer;font-size:.9rem;margin-bottom:1rem;padding:0}.friend-library-header{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.friend-avatar-large{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:56px;justify-content:center;width:56px}.friend-library-info h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin:0}.friend-library-active{color:#888;color:var(--text-muted,#888);font-size:.8rem}.friend-activity-section,.friend-badges-section,.friend-books-section{margin-bottom:1.5rem}.friend-activity-section h3,.friend-badges-section h3,.friend-books-section h3{color:#fff;color:var(--text-primary,#fff);font-size:.95rem;margin-bottom:.75rem}.friend-badges-grid{display:flex;flex-wrap:wrap;gap:.5rem}.friend-badge-item{background:#2a2a3e;background:var(--bg-elevated,#2a2a3e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:16px;color:#fff;color:var(--text-primary,#fff);font-size:.8rem;padding:.3rem .75rem}.friend-books-list{display:flex;flex-direction:column;gap:.5rem}.friend-book-item{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem}.friend-book-item-info{flex:1 1;min-width:0}.friend-book-item-title{color:#fff;color:var(--text-primary,#fff);display:block;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-book-item-title:hover{color:#8b5cf6;color:var(--accent,#8b5cf6)}.friend-book-item-author{color:#888;color:var(--text-muted,#888);display:block;font-size:.75rem}.friend-book-item-progress{flex-shrink:0;width:120px}.friend-book-progress-bar{background:#333;background:var(--bg-elevated,#333);border-radius:2px;height:4px;margin-bottom:.25rem;overflow:hidden}.friend-book-progress-fill{background:#8b5cf6;background:var(--accent,#8b5cf6);border-radius:2px;height:100%;transition:width .3s}.friend-book-progress-text,.friend-book-wishlist-btn{color:#888;color:var(--text-muted,#888);font-size:.7rem}.friend-book-wishlist-btn{background:none;border:1px solid #333;border:1px solid var(--border,#333);border-radius:10px;cursor:pointer;padding:.2rem .5rem;white-space:nowrap}.friend-book-wishlist-btn:hover{border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#8b5cf6;color:var(--accent,#8b5cf6)}.friend-book-wishlisted{color:#10b981;font-size:.8rem}.friend-activity-list{display:flex;flex-direction:column;gap:.5rem}.friend-activity-item{align-items:center;background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;display:flex;justify-content:space-between;padding:.5rem .75rem}.friend-activity-text{color:#fff;color:var(--text-primary,#fff);font-size:.8rem}.friend-activity-time{color:#888;color:var(--text-muted,#888);flex-shrink:0;font-size:.7rem}.profile-bio{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:4px 0 8px}.profile-compatibility{background:color-mix(in srgb,var(--accent) 12%,#0000);color:var(--accent);margin-right:6px;padding:2px 8px}.profile-compatibility,.profile-relationship-badge{border-radius:8px;display:inline-block;font-size:.72rem;font-weight:600}.profile-relationship-badge{padding:3px 10px}.profile-rel-friend{background:color-mix(in srgb,#10b981 12%,#0000);color:#10b981}.profile-rel-club{background:color-mix(in srgb,#a855f7 12%,#0000);color:#a855f7}.profile-rel-unknown{background:var(--bg-elevated);color:var(--text-muted)}.profile-current-book{background:var(--bg-elevated);border-radius:12px;margin-bottom:20px;padding:14px 16px}.profile-current-book h4{color:var(--text-muted);font-size:.78rem;margin-bottom:4px}.profile-current-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.profile-privacy-note{color:var(--text-muted);font-size:.75rem;font-style:italic;margin-top:8px}.profile-private-section{background:var(--bg-elevated);border-radius:14px;margin-bottom:20px;padding:32px 20px;text-align:center}.profile-private-icon{display:block;font-size:2rem;margin-bottom:8px}.profile-private-section p{color:var(--text-secondary);font-size:.85rem;margin:4px 0}.profile-privacy-hint{color:var(--text-muted);font-size:.78rem}.badge-locked{background:var(--bg-elevated)!important;border:1px dashed var(--border);opacity:.5}.profile-stats-section{margin-top:20px}.profile-stats-section h3{color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:12px}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.profile-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px 12px;text-align:center}.profile-stat-value{color:var(--accent);display:block;font-size:1.4rem;font-weight:700}.profile-stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.profile-action-section{margin-top:24px;text-align:center}.profile-add-btn{font-size:.85rem!important;padding:10px 24px!important}.feed-item-author.clickable{color:var(--accent);cursor:pointer}.feed-item-author.clickable:hover{text-decoration:underline}.friend-wishlist-btn{background:#0000;border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.4rem;transition:all .2s;width:100%}.friend-wishlist-btn:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#8b5cf6;color:var(--accent,#8b5cf6)}.friend-wishlist-btn.added{border-color:#10b981;color:#10b981;cursor:default}.bookclub-inline,.social-bookclub-inline .bookclub-page{min-height:auto;padding:0}.social-bookclub-inline .bookclub-layout{margin-top:0}.social-feed-page{margin:0 auto;max-width:680px}.feed-filter-tabs{background:var(--bg-elevated);border-radius:12px;display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding:4px}.feed-filter-tab{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.feed-filter-tab:hover{background:var(--bg-card);color:var(--text-primary)}.feed-filter-tab.active{background:var(--accent);color:#fff}.feed-items-list{display:flex;flex-direction:column;gap:12px}.feed-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s}.feed-item:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.feed-item-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.feed-item-content{flex:1 1;min-width:0}.feed-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.feed-item-author{color:var(--text-primary);font-size:.85rem;font-weight:600}.feed-item-time{color:var(--text-muted);font-size:.72rem}.feed-item-text{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}.feed-item-book{color:var(--accent);font-size:.75rem;font-weight:500;margin-top:6px}.feed-item-club-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:6px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;margin-top:6px;padding:2px 8px}.feed-empty{color:var(--text-muted);padding:48px 24px;text-align:center}.feed-empty-icon{display:block;font-size:2.5rem;margin-bottom:12px}.feed-empty p{font-size:.9rem}.feed-item-mine{border-left:3px solid var(--accent)}.feed-item-friends{border-left:3px solid #10b981}.feed-item-club{border-left:3px solid #a855f7}.context-menu{animation:contextMenuIn .15s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;max-width:280px;min-width:200px;overflow:hidden;padding:6px;position:fixed;z-index:1000}[data-theme=dark] .context-menu{background:#1e1e28e0;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006}[data-theme=sepia] .context-menu{background:#f4ecd8e6;border:1px solid #8b691426}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.context-menu-item:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}[data-theme=dark] .context-menu-item:hover{background:#ffffff14}.context-menu-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.context-menu-label{flex:1 1;font-weight:500}.context-menu-highlight-row{cursor:default;flex-wrap:wrap}.context-menu-highlight-row:hover{background:#0000}.context-menu-colors{display:flex;gap:6px;margin-left:auto;padding-left:8px}.context-menu-color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:18px;transition:transform .15s ease,border-color .15s ease;width:18px}.context-menu-color-dot:hover{border-color:var(--text-primary);transform:scale(1.25)}.upgrade-prompt{align-items:flex-start;animation:upgradePromptIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #0000;border-image:linear-gradient(135deg,var(--accent),#8b5cf6) 1;border-radius:16px;display:flex;gap:14px;margin:12px 0;overflow:hidden;padding:18px 20px;position:relative}.upgrade-prompt:before{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}[data-theme=dark] .upgrade-prompt{background:#1e1e28b3}[data-theme=sepia] .upgrade-prompt{background:#f4ecd8cc}@keyframes upgradePromptIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upgrade-prompt-icon{flex-shrink:0;font-size:1.5rem}.upgrade-prompt-content{flex:1 1}.upgrade-prompt-title{color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:4px}.upgrade-prompt-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin-bottom:12px}.upgrade-prompt-actions{align-items:center;display:flex;gap:12px}.upgrade-prompt-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 18px;transition:transform .2s ease,box-shadow .2s ease}.upgrade-prompt-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-1px)}.upgrade-prompt-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:4px 8px}.upgrade-prompt-dismiss:hover{color:var(--text-secondary)}.highlight-upgrade-wrapper{position:absolute;transform:translateX(-50%);width:300px;z-index:101}.discussion-replies{border-left:2px solid var(--border);margin-left:20px;margin-top:10px;padding-left:16px}.discussion-reply{border-bottom:1px solid #0000000a;padding:10px 0}.discussion-reply:last-child{border-bottom:none}[data-theme=dark] .discussion-reply{border-bottom-color:#ffffff0a}.discussion-reply-count{color:var(--text-muted);font-size:.78rem;margin-left:8px}.discussion-reply-btn{background:none;border:none;border-radius:4px;color:var(--accent);cursor:pointer;font-size:.78rem;padding:2px 6px;transition:background .2s}.discussion-reply-btn:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}.discussion-upgrade-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:.75rem;font-weight:500;padding:2px 6px}.discussion-upgrade-btn:hover{text-decoration:underline}.discussion-reply-input{animation:replyInputIn .2s ease;background:var(--bg-elevated);border-radius:10px;margin-top:10px;padding:10px}@keyframes replyInputIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.discussion-reply-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.82rem;outline:none;padding:8px 12px;resize:none;width:100%}.discussion-reply-textarea:focus{border-color:var(--accent)}.discussion-reply-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.discussion-reply-submit{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px}.discussion-reply-submit:disabled{cursor:not-allowed;opacity:.5}.discussion-reply-cancel{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;padding:6px 14px}.friend-recs-section,.reading-buddies-section,.reading-together-section{margin-bottom:28px}.social-section-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-bottom:6px}.social-section-desc{color:var(--text-muted);font-size:.82rem;margin-bottom:16px}.buddy-match-grid{display:flex;flex-wrap:wrap;gap:16px}.buddy-match-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:16px;margin-top:-80px;overflow-x:auto;padding-bottom:8px;padding-top:80px;scroll-snap-type:x mandatory}.buddy-match-scroll::-webkit-scrollbar{height:4px}.buddy-match-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.buddy-match-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:10px;max-width:180px;min-width:160px;padding:20px 16px;position:relative;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}.buddy-match-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.buddy-match-reading{color:var(--text-muted);font-size:.72rem;line-height:1.3;text-align:center}.buddy-match-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.78rem;left:50%;opacity:0;padding:12px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility 0s .2s;visibility:hidden;white-space:nowrap;z-index:10}.buddy-match-tooltip strong{color:var(--text-secondary);display:block;font-size:.72rem;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.buddy-match-tooltip ul{list-style:none;margin:0;padding:0}.buddy-match-tooltip ul li{color:var(--text-primary);padding:2px 0}.buddy-match-tooltip ul li:before{content:"📖 "}.buddy-match-card:hover .buddy-match-tooltip{opacity:1;transition:opacity .2s,visibility 0s;visibility:visible}.buddy-match-ring{align-items:center;display:flex;height:72px;justify-content:center;position:relative;width:72px}.buddy-ring-svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.buddy-ring-bg{fill:none;stroke:var(--border);stroke-width:3}.buddy-ring-fill{fill:none;stroke:url(#buddyGradient);stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.buddy-ring-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;width:48px}.buddy-ring-percent{background:var(--accent);border-radius:8px;bottom:-2px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 5px;position:absolute;right:-2px}.buddy-match-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.buddy-request-btn{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;color:var(--accent);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 14px;transition:background .2s,transform .2s}.buddy-request-btn:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);transform:translateY(-1px)}.friend-recs-list{display:flex;flex-direction:column;gap:8px}.friend-rec-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:background .2s}.friend-rec-item:hover{background:var(--bg-elevated)}.friend-rec-text{color:var(--text-primary);font-size:.88rem}.friend-rec-text strong{color:var(--accent)}.reading-together-list{display:flex;flex-direction:column;gap:12px}.reading-together-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;position:relative}.reading-together-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:10px;padding:3px 10px}.reading-together-info{align-items:center;display:flex;gap:12px}.reading-together-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:40px;justify-content:center;width:40px}.reading-together-details{display:flex;flex-direction:column;gap:2px}.reading-together-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.reading-together-book{color:var(--text-secondary);font-size:.8rem}.reading-together-compare{color:var(--accent);font-size:.75rem;font-weight:500}.community-challenge-section{margin-bottom:28px}.community-challenge-card{background:var(--bg-card);background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#8b5cf608);border:1px solid var(--border);border-radius:16px;padding:20px}.community-challenge-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.community-challenge-icon{font-size:1.8rem}.community-challenge-info{display:flex;flex-direction:column;gap:2px}.community-challenge-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.community-challenge-deadline{color:var(--text-muted);font-size:.78rem}.community-challenge-progress{margin-bottom:14px}.community-challenge-bar{background:var(--bg-elevated);border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden}.community-challenge-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:5px;height:100%;transition:width .6s ease}.community-challenge-stats{align-items:center;display:flex;justify-content:space-between}.community-challenge-total{color:var(--text-secondary);font-size:.82rem;font-weight:500}.community-challenge-percent{color:var(--accent);font-size:.82rem;font-weight:700}.community-challenge-contribution{align-items:center;background:color-mix(in srgb,var(--accent) 6%,#0000);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:14px;padding:10px 14px}.community-challenge-you{color:var(--text-secondary);font-size:.82rem}.community-challenge-you strong{color:var(--text-primary)}.community-challenge-rank{color:var(--accent);font-size:.82rem;font-weight:600}.community-challenge-participants{align-items:center;display:flex;gap:10px}.community-challenge-participant-label{color:var(--text-muted);font-size:.78rem}.community-challenge-avatars{display:flex;gap:-4px}.community-challenge-avatar{align-items:center;border:2px solid var(--bg-card);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin-left:-4px;width:28px}.community-challenge-avatar:first-child{margin-left:0}.community-challenge-avatar.you-avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:.6rem}.hot-discussions-section{margin-bottom:28px}.hot-discussions-list{display:flex;flex-direction:column;gap:12px}.hot-discussion-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.hot-discussion-item:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.hot-discussion-book{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.hot-discussion-text{color:var(--text-primary);font-size:.88rem;font-style:italic;line-height:1.5;margin-bottom:10px}.hot-discussion-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:12px}.hot-discussion-author{color:var(--text-secondary);font-weight:600}.hot-discussion-likes{color:#ef4444}.hot-discussion-replies{color:var(--text-muted)}.subscription-card.patron{background-clip:padding-box;border:2px solid #0000;position:relative}.subscription-card.patron:before{animation:patronGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706,#fbbf24,#f59e0b);border-radius:18px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}@keyframes patronGlow{0%,to{opacity:.8}50%{opacity:1}}.patron-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:0 0 8px 8px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;top:-1px}.subscription-card.patron .plan-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.subscription-card.patron .plan-btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706)}.subscription-card.patron .plan-btn-upgrade:hover{box-shadow:0 4px 16px #f59e0b4d}[data-theme=dark] .subscription-card.patron{background:#1e1e28e6}[data-theme=dark] .subscription-card.patron:before{background:linear-gradient(135deg,#f59e0b,#d97706,#fbbf24,#f59e0b)}.terms-page{background:var(--bg-primary);min-height:100vh;padding:24px}.terms-container{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:48px}.terms-back-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:24px;padding:8px 16px;transition:border-color .2s,color .2s}.terms-back-btn:hover{border-color:var(--accent);color:var(--accent)}.terms-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px;text-align:center}.terms-header h1{font-size:1.8rem;font-weight:700;margin-bottom:8px}.terms-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:4px}.terms-effective{color:var(--text-muted);font-size:.82rem}.terms-section{margin-bottom:32px}.terms-section h2{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:12px;padding-bottom:8px}.terms-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:8px;margin-top:16px}.terms-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:12px}.terms-section ul{list-style:disc;margin-bottom:12px;padding-left:24px}.terms-section ul li{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:4px}.terms-footer{border-top:1px solid var(--border);margin-top:40px;padding-top:24px;text-align:center}.terms-footer p{color:var(--text-muted);font-size:.82rem}@media (max-width:768px){.terms-container{border-radius:16px;padding:24px 20px}}.signup-additional-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px}.signup-additional-intro{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin-bottom:16px}.signup-field-label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:8px}.signup-age-verification,.signup-birthdate{margin-bottom:16px}.signup-birthdate-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;padding:10px 12px;width:100%}.signup-birthdate-input:focus{border-color:var(--accent);outline:none}.signup-field-hint{color:var(--text-muted);display:block;font-size:.75rem;margin-top:6px}.signup-radio-group{display:flex;gap:16px}.signup-radio-option{align-items:center;cursor:pointer;display:flex;gap:6px}.signup-radio-option input[type=radio]{accent-color:var(--accent);height:16px;width:16px}.signup-radio-text{color:var(--text-primary);font-size:.85rem}.signup-terms-checkbox{margin-bottom:0}.signup-terms-label{align-items:flex-start;cursor:pointer;display:flex;gap:8px}.signup-terms-label input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:16px;margin-top:2px;width:16px}.signup-terms-text{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.signup-terms-link{color:var(--accent);font-weight:500;text-decoration:underline}.signup-terms-link:hover{color:var(--accent-hover)}.social-feed-layout{display:flex;gap:24px;margin:0 auto;max-width:1400px}.social-feed-left{flex-shrink:0;width:280px}.social-feed-center{flex:1 1;min-width:0}.social-feed-right{flex-shrink:0;width:260px}.social-profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;position:-webkit-sticky;position:sticky;text-align:center;top:80px}.social-profile-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:72px;justify-content:center;margin:0 auto 12px;width:72px}.social-profile-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:2px}.social-profile-username{color:var(--text-muted);display:block;font-size:.78rem;margin-bottom:8px}.social-profile-bio{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-bottom:16px}.social-profile-stats{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center;margin-bottom:16px;padding:12px 0}.social-profile-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.social-profile-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.social-profile-stat-label{color:var(--text-muted);font-size:.68rem;letter-spacing:.3px;text-transform:uppercase}.social-profile-reading-time{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;gap:6px;justify-content:center;margin-bottom:16px;padding:8px 12px}.social-profile-time-icon{font-size:.9rem}.social-profile-time-text{color:var(--text-primary);font-size:.82rem;font-weight:600}.social-profile-friends{align-items:center;display:flex;flex-direction:column;gap:8px}.social-profile-friends-count{color:var(--text-secondary);font-size:.82rem;font-weight:600}.social-profile-friends-avatars{display:flex;gap:-4px}.social-profile-friend-mini{align-items:center;border:2px solid var(--bg-card);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin-left:-4px;width:28px}.social-profile-friend-mini:first-child{margin-left:0}.social-feed-post-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:16px}.social-feed-post-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:12px;resize:none;transition:border-color .2s;width:100%}.social-feed-post-input:focus{border-color:var(--accent)}.social-feed-post-input::placeholder{color:var(--text-muted)}.social-feed-post-actions{display:flex;justify-content:flex-end;margin-top:10px}.social-feed-post-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .2s,transform .2s}.social-feed-post-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.social-feed-post-btn:disabled{cursor:not-allowed;opacity:.5}.social-feed-items{display:flex;flex-direction:column;gap:16px}.social-feed-item{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:16px;transition:border-color .2s}.social-feed-item:hover{border-color:color-mix(in srgb,var(--accent) 20%,#0000)}.social-feed-item-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.social-feed-item-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.social-feed-item-meta{display:flex;flex-direction:column;gap:1px}.social-feed-item-author{color:var(--text-primary);font-size:.85rem;font-weight:600}.social-feed-item-time{color:var(--text-muted);font-size:.72rem}.social-feed-item-text{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin-bottom:12px}.social-feed-item-actions{border-top:1px solid var(--border);display:flex;gap:12px;padding-top:10px}.social-feed-action-btn{background:#0000;border-radius:8px;color:var(--text-muted);font-size:.78rem;padding:6px 12px;transition:background .2s,color .2s}.social-feed-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.social-feed-right-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px;position:-webkit-sticky;position:sticky;top:80px}.social-feed-right-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:12px}.social-feed-just-added{display:flex;flex-direction:column;gap:8px}.social-feed-book-thumb{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .2s}.social-feed-book-thumb:hover{background:var(--bg-elevated)}.social-feed-book-emoji{font-size:1.4rem}.social-feed-book-title{color:var(--text-primary);font-size:.82rem;font-weight:500}.social-feed-tags{display:flex;flex-wrap:wrap;gap:6px}.social-feed-tag-pill{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:12px;color:var(--accent);font-size:.72rem;font-weight:600;padding:4px 12px}@media (max-width:1024px){.social-feed-layout{flex-direction:column}.social-feed-left,.social-feed-right{width:100%}.social-feed-left{order:-1}.social-feed-right-section,.social-profile-card{position:static}.social-feed-right{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.social-feed-right-section{margin-bottom:0}}@media (max-width:640px){.social-feed-right{grid-template-columns:1fr}}.social-content:has(.social-feed-layout){max-width:1400px}.collections-upgrade-wrapper{grid-column:1/-1;margin-bottom:8px}.verification-step{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.verification-card{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;padding:36px 32px;text-align:center;width:380px}.verification-card h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.verification-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.verification-input-row{margin-bottom:20px}.verification-code-input{background:var(--bg-elevated);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:12px;outline:none;padding:16px;text-align:center;transition:border-color .2s;width:200px}.verification-code-input:focus{border-color:var(--accent)}.verification-resend{color:var(--text-muted);display:block;font-size:.82rem;margin-top:16px;transition:color .2s}.verification-resend:hover{color:var(--accent)}.quiz-difficulty-select{display:flex;flex-direction:column;gap:12px;padding:24px}.quiz-difficulty-select p{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.quiz-diff-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 18px;text-align:left;transition:all .2s}.quiz-diff-btn:hover:not(.locked){border-color:var(--accent);transform:translateX(4px)}.quiz-diff-btn.locked{cursor:not-allowed;opacity:.5}.quiz-diff-icon{font-size:1.2rem}.quiz-diff-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.quiz-diff-desc{color:var(--text-muted);font-size:.75rem;margin-left:auto}.friend-gift-btn{background:linear-gradient(135deg,#ec48991f,#8b5cf61a);border:1px solid #ec48994d;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:8px;padding:9px 12px;transition:all .2s;width:100%}.friend-gift-btn:hover{background:linear-gradient(135deg,#ec489938,#8b5cf62e);border-color:#ec489980}.gift-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.gift-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #0006;max-width:380px;padding:28px;position:relative;width:100%}.gift-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px}.gift-modal-header{margin-bottom:18px;text-align:center}.gift-modal-icon{display:block;font-size:2.5rem;margin-bottom:8px}.gift-modal-header h3{font-size:1.15rem;font-weight:700;margin-bottom:4px}.gift-modal-header p{color:var(--text-secondary);font-size:.78rem}.gift-quick-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.gift-quick-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px;transition:all .2s}.gift-quick-btn.active,.gift-quick-btn:hover{border-color:var(--accent)}.gift-quick-btn.active{background:var(--accent);color:#fff}.gift-amount-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.95rem;margin-bottom:14px;padding:11px 14px;width:100%}.gift-amount-input:focus{border-color:var(--accent);outline:none}.gift-modal-message{border-radius:8px;font-size:.82rem;margin-bottom:12px;padding:8px 12px;text-align:center}.gift-modal-message.success{background:#10b98126;color:#10b981}.gift-modal-message.error{background:#ef444426;color:#ef4444}.gift-send-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px;width:100%}.gift-send-btn:disabled{cursor:not-allowed;opacity:.5}.app-bar-version{color:var(--text-primary);font-size:1rem;font-weight:500;margin-left:4px;opacity:.8}.loot-drop-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.loot-drop-modal{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:20px;max-width:380px;padding:32px;position:relative;text-align:center;width:90%}.loot-drop-header h2{font-size:1.4rem;font-weight:700;margin-bottom:4px}.loot-drop-subtitle{color:#888;color:var(--text-muted,#888);font-size:.85rem;margin-bottom:24px}.loot-drop-chest{padding:24px 0}.loot-chest-icon{animation:loot-float 2s ease-in-out infinite;font-size:4rem;margin-bottom:12px}@keyframes loot-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.loot-chest-label{color:#888;color:var(--text-muted,#888);font-size:.8rem;margin-bottom:16px}.loot-claim-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 28px;transition:transform .2s,box-shadow .2s}.loot-claim-btn:hover{box-shadow:0 4px 20px #f59e0b66;transform:scale(1.05)}.loot-drop-opening{padding:40px 0}.loot-opening-sparkle{font-size:5rem}.loot-drop-result{padding:16px 0}.loot-item-showcase{align-items:center;background:#ffffff08;border:3px solid;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 16px;transition:box-shadow .3s;width:100px}.loot-item-icon{font-size:2.8rem}.loot-item-name{font-size:1.3rem;font-weight:700;margin-bottom:4px}.loot-item-rarity{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.loot-item-desc{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin-bottom:4px}.loot-item-category{color:#666;color:var(--text-muted,#666);font-size:.75rem;margin-bottom:20px;text-transform:capitalize}.loot-done-btn{background:#7c3aed;background:var(--accent,#7c3aed);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:transform .2s}.loot-done-btn:hover{transform:scale(1.03)}.loot-history-link{background:none;border:none;color:#888;color:var(--text-muted,#888);cursor:pointer;display:block;font-size:.8rem;margin:16px auto 0;text-decoration:underline}.loot-history-link:hover{color:#fff;color:var(--text-primary,#fff)}.loot-history-list{margin:16px 0;max-height:300px;overflow-y:auto}.loot-history-item{align-items:center;background:#ffffff08;border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:10px}.loot-history-icon{font-size:1.5rem}.loot-history-info{flex:1 1;text-align:left}.loot-history-name{display:block;font-size:.85rem;font-weight:600}.loot-history-date{color:#666;color:var(--text-muted,#666);display:block;font-size:.7rem}.loot-history-rarity{font-size:.65rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.loot-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#888;color:var(--text-muted,#888);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s;width:32px}.loot-close-btn:hover{background:#ffffff1a}.loot-drop-badge{align-items:center;background:linear-gradient(135deg,#f59e0b26,#d977061a);border:1px solid #f59e0b66;border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:transform .2s,box-shadow .2s}.loot-drop-badge:hover{box-shadow:0 2px 12px #f59e0b4d;transform:scale(1.05)}.loot-badge-icon{font-size:1.1rem}.loot-badge-text{color:#fbbf24;font-size:.75rem;letter-spacing:.5px}.loot-badge-text,.tier-badge-inline{font-weight:700;text-transform:uppercase}.tier-badge-inline{align-items:center;border-radius:8px;display:inline-flex;font-size:.6rem;gap:2px;letter-spacing:.3px;margin-left:6px;padding:1px 6px;vertical-align:middle}.tier-inline-free{background:#6b728026;color:#9ca3af}.tier-inline-plus{background:#7c3aed1f;border:1px solid #7c3aed40;color:#a78bfa}.tier-inline-pro{background:#f59e0b1f;border:1px solid #f59e0b4d;color:#fbbf24}.tier-inline-icon{font-size:.6rem;line-height:1}.tier-inline-label{line-height:1}.trial-expired-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:10000}.trial-expired-modal{background:#1a1a2e;background:var(--bg-card,#1a1a2e);border:1px solid #333;border:1px solid var(--border,#333);border-radius:20px;max-height:85vh;max-width:480px;overflow-y:auto;padding:32px;text-align:center;width:92%}.trial-expired-phase{min-height:200px}.trial-expired-icon{font-size:3rem;margin-bottom:12px}.trial-expired-modal h2{font-size:1.3rem;font-weight:700;margin-bottom:8px}.trial-expired-desc{color:#bbb;color:var(--text-secondary,#bbb);font-size:.9rem;margin-bottom:6px}.trial-expired-sub{color:#888;color:var(--text-muted,#888);font-size:.8rem;margin-bottom:24px}.trial-expired-counter{color:#bbb;color:var(--text-secondary,#bbb);font-size:.85rem;margin-bottom:16px}.trial-expired-remaining{color:#888;color:var(--text-muted,#888)}.trial-expired-actions{display:flex;flex-direction:column;gap:10px;margin-top:20px}.trial-expired-upgrade-btn{background:linear-gradient(135deg,#7c3aed,#6366f1);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 24px;transition:transform .2s,box-shadow .2s}.trial-expired-upgrade-btn:hover{box-shadow:0 4px 20px #7c3aed66;transform:scale(1.02)}.trial-expired-choose-btn{background:#ffffff0d;border:1px solid #444;border:1px solid var(--border,#444);border-radius:12px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 24px;transition:background .2s}.trial-expired-choose-btn:hover{background:#ffffff14}.trial-expired-confirm-btn{background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:12px 24px;transition:transform .2s}.trial-expired-confirm-btn:hover:not(:disabled){transform:scale(1.02)}.trial-expired-confirm-btn:disabled{cursor:not-allowed;opacity:.4}.trial-expired-back-btn{background:none;border:1px solid #444;border:1px solid var(--border,#444);border-radius:10px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.85rem;padding:10px 20px}.trial-expired-dismiss{color:#666;color:var(--text-muted,#666);font-size:.75rem}.trial-expired-dismiss,.trial-expired-upgrade-link{background:none;border:none;cursor:pointer;display:block;margin:16px auto 0;text-decoration:underline}.trial-expired-upgrade-link{color:#a78bfa;font-size:.8rem}.trial-expired-book-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin-bottom:12px;max-height:300px;overflow-y:auto;padding:8px}.trial-book-item{align-items:center;background:#ffffff08;border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px 4px;transition:border-color .2s,background .2s,opacity .2s}.trial-book-item.selected{background:#10b98114;border-color:#10b981}.trial-book-item.disabled{cursor:not-allowed;opacity:.35}.trial-book-cover{align-items:center;background:#ffffff0d;border-radius:6px;display:flex;height:72px;justify-content:center;overflow:hidden;position:relative;width:56px}.trial-book-cover img{height:100%;object-fit:cover;width:100%}.trial-book-emoji{font-size:1.5rem}.trial-book-check{align-items:center;background:#10b98199;color:#fff;display:flex;font-size:1.4rem;font-weight:700;inset:0;justify-content:center;position:absolute}.trial-book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;color:var(--text-secondary,#aaa);display:-webkit-box;font-size:.6rem;line-height:1.2;max-height:2.4em;overflow:hidden;text-align:center;text-overflow:ellipsis}.trial-expired-done{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.subscription-bonus-banner{background:linear-gradient(135deg,#7c3aed14,#f59e0b0f);border:1px solid #7c3aed40;border-radius:14px;margin:24px 0;padding:16px 24px}.bonus-banner-content{align-items:center;display:flex;gap:14px}.bonus-banner-icon{font-size:2rem}.bonus-banner-text{display:flex;flex-direction:column;gap:2px}.bonus-banner-text strong:first-child{color:#fff;color:var(--text-primary,#fff);font-size:.9rem}.bonus-banner-text span{color:#bbb;color:var(--text-secondary,#bbb);font-size:.8rem}
/*# sourceMappingURL=main.7875fca7.css.map*/