@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 auto;max-width:1200px;min-height:100vh;padding:48px 40px}.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-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,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 #3b82f626;transform:translateY(-4px) scale(1.01)}.book-cover-wrapper{align-items:center;background:var(--bg-elevated);display:flex;height:280px;justify-content:center;overflow:hidden;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{font-size:.85rem}.book-author,.book-description{color:var(--text-secondary);margin-bottom:12px}.book-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.9rem;line-height:1.5;overflow:hidden}.book-genre{background:#3b82f61a;border-radius:12px;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.reader-layout{display:flex;min-height:100vh;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}@keyframes spin{to{transform:rotate(1turn)}}.chapter-nav-edge-indicator{background:linear-gradient(180deg,#0000,#3b82f666 20%,#3b82f699 50%,#3b82f666 80%,#0000);height:100vh;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:3px;z-index:50}.chapter-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1c2330e0;background:var(--nav-bg,#1c2330e0);border-right:1px solid #3b82f633;border-right:1px solid var(--glass-border,#3b82f633);box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:100vh;left:0;opacity:0;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease;width:280px;z-index:60}.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:#3b82f626;color:#3b82f6}.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:#3b82f6;color:#fff}.chapter-title{padding-top:3px}.reader-content{background:var(--bg-card);display:flex;flex:1 1;flex-direction:column;height:100vh;overflow-y:auto;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.reader-toolbar{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#181e2af0;background:var(--toolbar-bg,#181e2af0);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.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:60ch;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:#3b82f6;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:#3b82f6;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:#3b82f6;transform:translateY(-1px)}.pagination-btn.next{margin-left:auto}.info-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1c2330f5;background:var(--info-panel-bg,#1c2330f5);border-left:1px solid #3b82f633;border-left:1px solid var(--glass-border,#3b82f633);box-shadow:-4px 0 24px #00000040;display:flex;flex-direction:column;height:100vh;max-width:90vw;opacity:0;overflow:hidden;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:40}.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-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,#3b82f6,#3b82f61a);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:#3b82f633}.info-character-portrait{border:1px solid #ffffff1a;border-radius:8px;height:36px;object-fit:cover;width:36px}.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 #3b82f6;padding-left:12px}.info-knowledge-badge{background:#3b82f633;border-radius:4px;color:#3b82f6;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:#3b82f60d;border-left:2px solid #3b82f6;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:#3b82f6;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:#3b82f6;content:"◆";font-size:.55rem;left:0;position:absolute;top:4px}.info-quote{background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-left:3px solid #3b82f6;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:#3b82f61f;color:#3b82f6}.writing-tools-layout .content{flex:1 1;margin-left:240px;max-width:1200px;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:#3b82f6;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:#1a3a2a;color:#4ade80}.badge-developed{background:#3a3a1a;color:#facc15}.badge-resolved{background:#1a2a3a;color:#60a5fa}.badge-draft{background:#2a2a2a;color:#a1a1aa}.badge-in_progress{background:#1a3a3a;color:#2dd4bf}.badge-planned{background:#2a1a3a;color:#c084fc}.badge-active{background:#1a3a2a;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:#3b82f6;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:#3b82f6;outline:none}.search-bar button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s ease}.search-bar button:hover{background:#2563eb}.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:1fr}.chapter-nav-edge-indicator{display:none}.chapter-nav{width:85vw}.reader-text{margin-bottom:0;margin-top:0;padding:32px 20px 60px}.info-panel{max-width:100vw;width:100%}.inline-illustration{float:none!important;margin:16px auto;max-width:180px}}.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:#3b82f626;opacity:1}.chapter-nav-pin.active{background:#3b82f633;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;font-weight:500}.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{align-items:center;display:flex;gap:8px}.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}[data-theme=light] .chapter-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-right:1px solid var(--glass-border)}[data-theme=light] .chapter-nav-edge-indicator{background:linear-gradient(180deg,#0000,#3b82f633 20%,#3b82f659 50%,#3b82f633 80%,#0000)}[data-theme=light] .info-panel{background:var(--info-panel-bg);border-left:1px solid var(--glass-border)}[data-theme=light] .reader-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--toolbar-bg)}[data-theme=light] .chapter-body{color:var(--chapter-body-color)}[data-theme=light] .info-character-card{background:linear-gradient(135deg,#00000005,#00000003);border-color:var(--border)}[data-theme=light] .info-knowledge-new p{color:#1a1a2e}[data-theme=light] .info-events li.event-new{background:#3b82f60d;color:#1a1a2e}[data-theme=light] .inline-illustration img{box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f;opacity:1}[data-theme=light] .chapter-header h1{text-shadow:none}[data-theme=light] .info-quote{background:linear-gradient(135deg,#3b82f60a,#3b82f603)}[data-theme=light] .info-quote p{color:#1a1a2e}.info-panel-edge-indicator{background:linear-gradient(180deg,#0000,#3b82f666 20%,#3b82f699 50%,#3b82f666 80%,#0000);height:100vh;opacity:.6;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;width:3px;z-index:50}.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:#3b82f626;opacity:1}.info-panel-pin.active{background:#3b82f633;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:#3b82f614;border-color:#3b82f633;color:#3b82f6}.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:#3b82f6}.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:#3b82f6;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:#60a5fa;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:#3b82f6;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:#3b82f6;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:#3b82f61a;border-radius:12px;color:#60a5fa;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:#3b82f6;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:#3b82f6;font-size:.75rem;font-weight:600;margin-right:6px}.character-detail-arc{background:#3b82f60d;border-left:3px solid #3b82f6;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}[data-theme=light] .info-panel-edge-indicator{background:linear-gradient(180deg,#0000,#3b82f633 20%,#3b82f659 50%,#3b82f633 80%,#0000)}[data-theme=light] .character-detail-card{background:#fff;background:var(--bg-card,#fff);border-color:var(--border)}[data-theme=light] .character-detail-overlay{background:#0006}[data-theme=light] .info-expand-collapse-all{background:#00000005;border-color:#00000014}[data-theme=light] .info-panel-header{background:var(--bg-elevated);border-bottom:1px solid var(--border)}[data-theme=light] .info-panel-pin{opacity:.7}[data-theme=light] .info-panel-pin.active{background:#3b82f61a;opacity:1}.inline-illustration.float-left{float:left;margin-left:0;margin-right:24px}[data-theme=light] .inline-illustration img{border:1px solid var(--border)}.tooltip-term{border-bottom:1px dotted #60a5fa66;color:#60a5fa;cursor:help;font-weight:700;position:relative;transition:color .2s ease}.tooltip-term:hover{color:#93c5fd}.tooltip-term:after{background:#1e293b;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 8px 24px #0006,0 2px 8px #0003;color:#f1f5f9;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-color:#1e293b;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}[data-theme=light] .tooltip-term{border-bottom-color:#2563eb4d;color:#2563eb}[data-theme=light] .tooltip-term:hover{color:#1d4ed8}[data-theme=light] .tooltip-term:after{background:#fff;border:1px solid #0000001a;box-shadow:0 8px 24px #00000026,0 2px 8px #00000014;color:#1e293b}[data-theme=light] .tooltip-term:before{border-top-color:#fff}.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:#3b82f61a;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:#3b82f626;border-radius:8px;color:#3b82f6;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:#3b82f6;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:#3b82f6}.book-chat-input::placeholder{color:var(--text-muted)}.book-chat-send{align-items:center;background:#3b82f6;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:#2563eb;transform:scale(1.05)}.book-chat-send:disabled{cursor:not-allowed;opacity:.4}[data-theme=light] .book-chat-panel{background:#fff;background:var(--bg-card,#fff)}[data-theme=light] .book-chat-msg.assistant .book-chat-bubble{background:#f1f5f9;border-color:#e2e8f0;color:#1e293b}[data-theme=light] .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:focus{border-color:#3b82f6}.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,#3b82f6,#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)}[data-theme=light] .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,#3b82f6,#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:#ffffff1a;color:#fff}.stats-panel-title{color:#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;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:#ffffffb3;font-size:.82rem;font-weight:500}.stats-row-value{color:#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,#3b82f6,#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:#3b82f6;border-color:#3b82f6;box-shadow:0 0 6px #3b82f666}.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:#ffffff80;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}[data-theme=light] .stats-panel{background:#fffffff2}[data-theme=light] .stats-panel-title,[data-theme=light] .stats-ring-percent{color:var(--text-primary)}[data-theme=light] .stats-row-label{color:var(--text-secondary)}[data-theme=light] .stats-meta-number,[data-theme=light] .stats-row-value{color:var(--text-primary)}[data-theme=light] .stats-meta-item{background:#00000008;border-color:#0000000f}[data-theme=light] .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:#3b82f6;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:#fff9;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}[data-theme=light] .achievement-toast{background:#fffffff7;border-color:#8b5cf633;box-shadow:0 8px 32px #00000026}[data-theme=light] .achievement-toast-name{color:var(--text-primary)}[data-theme=light] .achievement-toast-desc{color:var(--text-secondary)}[data-theme=light] .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}[data-theme=light] .chapter-transition-title{color:#1a1a2e}.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:hidden;position:relative}.library-mesh-bg{animation:meshShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 50%,#3b82f614 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%,#3b82f614 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%,#3b82f612 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%,#3b82f60f 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%,#3b82f614 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:#3b82f6;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:#3b82f6;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 #3b82f626,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:#3b82f6}.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%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[data-theme=light] .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-direction:column;gap:2px}.reader-toolbar-stats{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:6px}.toolbar-badge{cursor:default;font-size:.85rem}.toolbar-progress{color:var(--text-secondary);font-weight:500}.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,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;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 #3b82f64d;transform:scale(1.15)}.reading-guide{align-items:center;display:flex;height:100vh;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:25}.reading-guide-line{background:linear-gradient(180deg,#0000,#3b82f61f 20%,#3b82f62e 50%,#3b82f61f 80%,#0000);border-bottom:2px solid #3b82f640;border-top:2px solid #3b82f640;height:200px;width:100%}[data-theme=light] .reading-guide-line{background:linear-gradient(180deg,#0000,#3b82f617 20%,#3b82f624 50%,#3b82f617 80%,#0000);border-bottom:2px solid #3b82f633;border-top:2px solid #3b82f633}.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,#3b82f6,#8b5cf6,#ec4899) 1;box-shadow:0 4px 24px #0000004d;display:flex;gap:12px;padding:14px 24px}[data-theme=light] .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:#3b82f6;color:#fff}.resume-banner-btn.resume:hover{background:#2563eb;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:#3b82f605;border-left-color:#3b82f6}.paragraph-wrapper:hover{background:#3b82f603}.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:#3b82f61a;border-color:#3b82f6;opacity:1!important;transform:scale(1.1)}.para-bookmark-btn.active{background:#3b82f626;border-color:#3b82f6;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:#3b82f6;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:#3b82f626}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:#3b82f614}.bookmark-list-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bookmark-list-chapter{color:#3b82f6;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}[data-theme=light] .bookmark-list-panel{background:#fff;background:var(--bg-card,#fff)}.reader-toolbar-btn{cursor:pointer;transition:border-color .2s ease,transform .2s ease,background .2s ease}.reader-toolbar-btn:hover{background:#3b82f61a}.reader-toolbar-btn.active{border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.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:#3b82f61a;color:#3b82f6}.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:#3b82f61a;border-color:var(--accent);transform:scale(1.05)}.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:#6b7280;margin:0}.back-btn{background:none;border:none;color:#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{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:.9rem;min-width:200px;padding:.5rem .75rem}.highlights-filters select{border:1px solid #e5e7eb;border-radius:8px;font-size:.85rem;padding:.5rem}.export-btn{background:#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}.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;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;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;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}.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;border-color:#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}.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;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;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;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}.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{margin:0 auto;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;border-color:#6366f1;color:#fff}.feed-list{display:flex;flex-direction:column;gap:.75rem}.feed-empty{color:var(--text-muted);padding:3rem;text-align:center}.feed-item{align-items:flex-start;border:1px solid var(--border);border-radius:10px;display:flex;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;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:#fef3c7;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;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:#6b7280;font-size:.85rem}.quiz-result-message{font-size:1rem;margin-bottom:.75rem}.quiz-retry-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:.5rem 1rem}.quiz-questions{display:flex;flex-direction:column;gap:1.25rem}.quiz-question{background:#fff;border:1px solid #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;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;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.6rem .8rem;text-align:left;transition:all .15s}.option-btn.selected,.option-btn:hover:not(:disabled){background:#eef2ff;border-color:#6366f1}.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:#f3f4f6;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{border:1px solid #e5e7eb;border-radius:6px;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:#f3f4f6;border-radius:6px;color:#374151;font-size:.85rem;margin-top:.75rem;padding:.5rem .75rem}.explanation-icon{margin-right:.3rem}.quiz-submit-btn{background:#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:#6b7280;cursor:pointer}.tag-add-btn{border:1px dashed #d1d5db;border-radius:12px;font-size:.7rem;padding:.2rem .5rem}.tag-dropdown{background:#fff;border:1px solid #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:#f3f4f6}.tag-option.active{background:#eef2ff}.tag-check{color:#6366f1;margin-left:auto}.tag-create-btn{background:none;border:none;border-top:1px solid #f3f4f6;color:#6366f1;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]{border:1px solid #e5e7eb;border-radius:4px;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;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;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.75rem;padding:.3rem .6rem}.loan-quick-btn:hover{border-color:#6366f1}.loan-status-badge{background:#fef3c7;border-radius:10px;font-size:.8rem;padding:.2rem .5rem}.loan-popup{background:#fff;border:1px solid #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:#6b7280;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{background:#f3f4f6}@media (prefers-color-scheme:dark){.analytics-page,.highlights-dashboard,.loans-page,.social-feed-page{color:#e5e7eb}.analytics-section,.feed-item,.highlight-card,.loan-card,.loan-popup,.metric-card,.modal-content,.quiz-panel,.quiz-question,.shelf-card,.tag-dropdown{background:#1f2937;border-color:#374151}}.question-explanation-rich{background:#f8fafc;border:1px solid #e2e8f0;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{color:#1e293b}.explanation-quote{background:#fefce8;border-left:3px solid #eab308;border-radius:0 6px 6px 0;color:#713f12;font-size:.85rem;font-style:italic;line-height:1.6;margin:.75rem 0;padding:.6rem 1rem}.explanation-ref{color:#6366f1;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.explanation-context{color:#475569;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:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#475569;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:#166534;font-size:.8rem;font-weight:600}.explanation-toggle{background:none;border:none;color:#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;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:1200px;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,#3b82f6,#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,#3b82f61a,#8b5cf61a);border-color:#3b82f6}.score-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.score-name,.score-value{display:block;margin-bottom:.5rem}.score-value{color:#3b82f6;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,#3b82f6,#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.score-card.highlight .score-fill{background:linear-gradient(90deg,#10b981,#3b82f6)}.score-detail{color:var(--text-secondary);font-size:.75rem}.comparison-category,.comparison-table-wrapper{margin-bottom:2rem}.category-title{border-left:3px solid #3b82f6;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,#3b82f60d);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:#3b82f6;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 .app-bar,.reader-layout.immersive-mode .chapter-nav-panel,.reader-layout.immersive-mode .info-panel,.reader-layout.immersive-mode .reader-toolbar{opacity:0;pointer-events:none;transition:opacity .3s ease}.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:#3b82f6;border-color:#3b82f6}.focus-timer-btn.primary:hover{background:#2563eb}.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,#3b82f6);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:#3b82f633;border-color:#3b82f6;color:#3b82f6}.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:#3b82f6;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:1px;display:grid;gap:1px;grid-template-columns:repeat(52,1fr)}.heatmap-cell{aspect-ratio:1;background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:1px;max-width:8px;min-width:5px}.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:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-shrink:0;gap:1rem;padding:1rem;transition:all .2s;width:280px}.continue-reading-card:hover{border-color:#3b82f6;transform:translateY(-2px)}.continue-reading-cover{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:4px;display:flex;flex-shrink:0;font-size:1.5rem;height:70px;justify-content:center;width:50px}.continue-reading-info{flex:1 1;min-width:0}.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-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,#3b82f6);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:#3b82f6;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:#3b82f633;border-color:#3b82f6;color:#3b82f6}.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:#3b82f61a;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,#3b82f61a);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,#3b82f61a,#8b5cf61a);border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;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:#3b82f633}.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:#3b82f6;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:#3b82f6;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}[data-theme=light] .focus-timer-widget{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 8px 32px #0000001a}[data-theme=light] .focus-timer-title{color:#6b7280}[data-theme=light] .focus-timer-time{color:#111827}[data-theme=light] .focus-timer-btn{background:#f9fafb;border-color:#e5e7eb;color:#374151}[data-theme=light] .focus-timer-btn:hover{background:#f3f4f6}[data-theme=light] .focus-timer-progress{background:#e5e7eb}[data-theme=light] .ambient-sounds-panel{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 8px 32px #0000001a}[data-theme=light] .ambient-sounds-title{color:#6b7280}[data-theme=light] .ambient-sound-btn{border-color:#e5e7eb;color:#6b7280}[data-theme=light] .ambient-sound-btn:hover{background:#f3f4f6}[data-theme=light] .ambient-sound-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}[data-theme=light] .ambient-volume-label{color:#6b7280}[data-theme=light] .ambient-volume input[type=range]{background:#e5e7eb}[data-theme=light] .reading-heatmap{background:#fff;border-color:#e5e7eb}[data-theme=light] .reading-heatmap-title{color:#111827}[data-theme=light] .heatmap-legend-label{color:#6b7280}[data-theme=light] .continue-reading-section .continue-reading-title{color:#111827}[data-theme=light] .continue-reading-card:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61a}[data-theme=light] .continue-reading-cover{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}[data-theme=light] .inline-note-popup{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 16px #0000001a}[data-theme=light] .inline-note-text{color:#374151}[data-theme=light] .inline-note-meta{color:#9ca3af}[data-theme=light] .year-review-card{background:linear-gradient(135deg,#fff,#3b82f60a);border-color:#e5e7eb}[data-theme=light] .year-review-title{color:#111827}[data-theme=light] .year-review-stat-label{color:#6b7280}[data-theme=light] .mood-tracker-title{color:#111827}[data-theme=light] .mood-btn{border-color:#e5e7eb;color:#6b7280}[data-theme=light] .mood-btn:hover{background:#f3f4f6}[data-theme=light] .mood-btn.selected{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}[data-theme=light] .shared-highlights-section{background:#fff;border-color:#e5e7eb}[data-theme=light] .shared-highlights-title{color:#111827}[data-theme=light] .shared-highlight-text{color:#374151}[data-theme=light] .shared-highlight-meta{color:#9ca3af}[data-theme=light] .quote-share-card{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#e5e7eb}[data-theme=light] .quote-share-card:before{color:#3b82f614}[data-theme=light] .quote-share-text{color:#374151}[data-theme=light] .quote-share-source{color:#6b7280}[data-theme=light] .quote-share-btn{border-color:#e5e7eb;color:#6b7280}[data-theme=light] .quote-share-btn:hover{background:#f3f4f6;color:#374151}[data-theme=light] .pwa-install-banner{background:linear-gradient(135deg,#fff,#f9fafb);border-top-color:#e5e7eb}[data-theme=light] .pwa-install-text{color:#374151}[data-theme=light] .pwa-install-text small{color:#6b7280}[data-theme=light] .billing-toggle{background:#f3f4f6}[data-theme=light] .billing-option{color:#6b7280}[data-theme=light] .billing-option.active{background:#3b82f6;color:#fff}[data-theme=light] .family-plan-card{background:linear-gradient(135deg,#8b5cf60d,#3b82f60d);border-color:#c4b5fd}[data-theme=light] .family-plan-title{color:#111827}[data-theme=light] .family-plan-desc{color:#6b7280}@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:1200px;min-height:100vh;padding:48px 40px}.shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:32px}.shop-header h1{flex:1 1;font-size:2rem;font-weight:700}.shop-points-display{align-items:center;background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b4d;border-radius:12px;display:flex;gap:8px;padding:12px 20px}.shop-points-icon{font-size:1.3rem}.shop-points-value{color:#f59e0b;font-size:1.4rem;font-weight:700}.shop-points-label{color:var(--text-secondary);font-size:.8rem}.shop-categories{display:flex;gap:8px;margin-bottom:24px;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-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:2px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .2s}.shop-item-card.owned{opacity:.85}.shop-item-card.unaffordable{opacity:.5}.shop-item-rarity-badge{border-radius:8px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.shop-item-icon{font-size:2.5rem;margin-bottom:12px}.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-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}.chest-inventory{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin:24px 0;padding:20px}.chest-inventory-title{font-size:1rem;font-weight:600;margin-bottom:12px}.chest-inventory-grid{display:flex;flex-wrap:wrap;gap:12px}.chest-inventory-item{align-items:center;border:2px solid #fff3;border-radius:12px;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;width:56px}.chest-inventory-icon{font-size:1.5rem}.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:#000000d9;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:20px;box-shadow:0 0 40px #00000080;display:flex;height:120px;justify-content:center;position:relative;width:120px}.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{position:relative;text-align:center}.chest-reward-spotlight{background:radial-gradient(circle,#f59e0b33 0,#0000 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:-60px;transform:translateX(-50%);width:200px}.chest-reward-icon{font-size:4rem;margin-bottom:16px}.chest-reward-name{color:#e5e7eb;font-size:1.3rem;font-weight:700;margin-bottom:4px}.chest-reward-rarity{font-size:.85rem;font-weight:600}.chest-reward-desc{color:#9ca3af;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}.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;box-shadow:0 2px 8px #0003;color:var(--text-secondary);font-size:.75rem;padding:6px 12px;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{position:fixed;right:20px;top:80px;z-index:90}.multiplier-badge-inner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b66;border-radius:10px;cursor:default;display:flex;flex-direction:column;padding:8px 12px}.multiplier-value{color:#f59e0b;font-size:1.1rem;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;display:none;flex-direction:column;gap:4px;margin-top:6px;min-width:140px;padding:8px 10px}.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:#3b82f6;font-weight:500}.onboarding-page{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.onboarding-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293be6;border:1px solid #ffffff1a;border-radius:24px;max-width:500px;padding:40px;text-align:center;width:100%}.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:#3b82f6}.onboarding-dot.done{background:#10b981}.onboarding-card h2{color:#e5e7eb;font-size:1.5rem;margin-bottom:8px}.onboarding-card p{color:#94a3b8;margin-bottom:24px}.onboarding-classes{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.onboarding-class-btn{background:#ffffff08;border:2px solid var(--border);border-radius:12px;cursor:pointer;padding:16px 12px;text-align:center;transition:all .2s}.onboarding-class-btn:hover{border-color:var(--accent)}.onboarding-class-btn.selected{background:#3b82f61a;border-color:#3b82f6}.onboarding-class-icon{display:block;font-size:2rem;margin-bottom:8px}.onboarding-class-name{color:#e5e7eb;display:block;font-size:.9rem;font-weight:600}.onboarding-class-desc{color:#94a3b8;font-size:.75rem}.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:#3b82f626;border-color:#3b82f6}.onboarding-next-btn{background:#3b82f6;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:#2563eb}.onboarding-next-btn:disabled{cursor:not-allowed;opacity:.4}.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:#3b82f6;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:#e5e7eb;font-size:.85rem}.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:70px}.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:#3b82f61a;border-color:#3b82f6}.pass-level-reward.locked{filter:grayscale(1);opacity:.4}@keyframes passGlow{0%,to{box-shadow:0 0 8px #3b82f64d}50%{box-shadow:0 0 16px #3b82f699}}.pass-level-name{color:var(--text-muted);font-size:.65rem;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.multiplier-badge{right:12px;top:70px}.onboarding-classes{grid-template-columns:1fr}}.my-room-page{margin:0 auto;max-width:900px;min-height:100vh;padding:48px 40px}.my-room-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.my-room-header h1{font-size:1.8rem;font-weight:700}.my-room-container{aspect-ratio:16/9;background:linear-gradient(180deg,#374151,#1f2937 60%,#4a3728 0,#3d2e1f);border:2px solid var(--border);border-radius:16px;overflow:hidden;position:relative;width:100%}.room-background{height:100%;position:relative;width:100%}.bookshelf-frame{background:#78350f;border-radius:4px;display:flex;flex-direction:column;height:100%;padding:8px}.bookshelf-label{color:#fbbf24;font-size:.7rem;margin-bottom:8px;text-align:center}.bookshelf-books{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;gap:2px}.bookshelf-spine{border-radius:1px;transform-origin:bottom}.room-companion,.trophy-label{text-align:center}.trophy-label{background:#78350fcc;border-radius:4px;color:#fbbf24;font-size:.8rem;padding:4px 8px}.desk-surface{background:#78350f;border-radius:4px 4px 0 0;color:#fde68a;font-size:.85rem;padding:12px 16px;text-align:center}.my-room-hint{color:var(--text-secondary);font-size:.9rem;margin-top:16px;text-align:center}.inline-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;text-decoration:underline}.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;text-align:center}.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:#e5e7eb;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)}[data-theme=light] .my-room-page,[data-theme=light] .onboarding-page,[data-theme=light] .reading-pass-page,[data-theme=light] .shop-page{color:var(--text-primary)}[data-theme=light] .shop-points-display{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-color:#f59e0b40}[data-theme=light] .shop-item-card{background:#fff;border-color:#e5e7eb}[data-theme=light] .shop-item-card:hover{box-shadow:0 4px 20px #00000014}[data-theme=light] .shop-item-name{color:#1f2937}[data-theme=light] .shop-item-desc{color:#6b7280}[data-theme=light] .shop-category-btn{background:#fff;border-color:#e5e7eb;color:#4b5563}[data-theme=light] .shop-category-btn:hover{border-color:#3b82f6;color:#1f2937}[data-theme=light] .shop-category-btn.active{background:#3b82f6;color:#fff}[data-theme=light] .shop-equip-btn{background:#f3f4f6;border-color:#d1d5db;color:#374151}[data-theme=light] .shop-equip-btn.equipped{background:#dcfce7;border-color:#86efac;color:#166534}[data-theme=light] .shop-preview-card{background:#fff;border-color:#e5e7eb;box-shadow:0 20px 60px #00000026}[data-theme=light] .shop-preview-card h2{color:#111827}[data-theme=light] .shop-preview-card p{color:#4b5563}[data-theme=light] .chest-inventory{background:#fff;border-color:#e5e7eb}[data-theme=light] .chest-inventory-title,[data-theme=light] .chest-reward-name{color:#111827}[data-theme=light] .chest-reward-desc{color:#6b7280}[data-theme=light] .chest-claim-btn{box-shadow:0 4px 12px #f59e0b4d}[data-theme=light] .reading-companion{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 16px #00000014}[data-theme=light] .companion-tooltip{background:#fff;border-color:#e5e7eb;box-shadow:0 2px 8px #00000014;color:#4b5563}[data-theme=light] .companion-details{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 16px #00000014}[data-theme=light] .companion-details-name{color:#111827}[data-theme=light] .companion-details-bar{background:#e5e7eb}[data-theme=light] .companion-details-mood{color:#6b7280}[data-theme=light] .multiplier-badge-inner{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0a);border-color:#f59e0b4d}[data-theme=light] .multiplier-details{background:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px #0000001a}[data-theme=light] .multiplier-detail-item{color:#4b5563}[data-theme=light] .reading-pass-progress{background:#fff;border-color:#e5e7eb}[data-theme=light] .reading-pass-level-info{color:#4b5563}[data-theme=light] .pass-level-num{color:#6b7280}[data-theme=light] .pass-level-reward{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .pass-level-reward.unlocked{background:#f0fdf4;border-color:#86efac}[data-theme=light] .pass-level-reward.current{background:#eff6ff;border-color:#93c5fd}[data-theme=light] .pass-level-name{color:#6b7280}[data-theme=light] .onboarding-page{background:linear-gradient(135deg,#eff6ff,#f5f3ff 50%,#eff6ff)}[data-theme=light] .onboarding-card{background:#fffffff2;border-color:#e5e7eb;box-shadow:0 20px 60px #0000001a}[data-theme=light] .onboarding-card h2{color:#111827}[data-theme=light] .onboarding-card p{color:#4b5563}[data-theme=light] .onboarding-dot{background:#d1d5db}[data-theme=light] .onboarding-dot.active{background:#3b82f6}[data-theme=light] .onboarding-dot.done{background:#10b981}[data-theme=light] .onboarding-class-btn{background:#fff;border-color:#e5e7eb}[data-theme=light] .onboarding-class-btn:hover{border-color:#93c5fd}[data-theme=light] .onboarding-class-btn.selected{background:#eff6ff;border-color:#3b82f6}[data-theme=light] .onboarding-class-name{color:#111827}[data-theme=light] .onboarding-class-desc{color:#6b7280}[data-theme=light] .onboarding-companion-btn{background:#fff;border-color:#e5e7eb}[data-theme=light] .onboarding-companion-btn.selected{background:#eff6ff;border-color:#3b82f6}[data-theme=light] .onboarding-name-input{background:#fff;border-color:#d1d5db;color:#111827}[data-theme=light] .onboarding-name-input:focus{border-color:#3b82f6}[data-theme=light] .onboarding-reward{background:linear-gradient(135deg,#f59e0b0f,#8b5cf60f);border-color:#f59e0b33}[data-theme=light] .onboarding-reward h3{color:#b45309}[data-theme=light] .onboarding-reward-item{color:#374151}[data-theme=light] .my-room-container{background:linear-gradient(180deg,#e0f2fe,#f0f9ff 60%,#fef3c7 0,#fef9c3);border-color:#e5e7eb}[data-theme=light] .bookshelf-frame{background:#a16207}[data-theme=light] .bookshelf-label{color:#fefce8}[data-theme=light] .desk-surface{background:#a16207;color:#fef9c3}[data-theme=light] .trophy-label{background:#a16207e6;color:#fef9c3}[data-theme=light] .my-room-hint{color:#4b5563}[data-theme=light] .shimmer-bar-track{background:#e5e7eb!important}[data-theme=light] .library-social-btn{color:#374151}[data-theme=light] .streak-widget{border-color:#e5e7eb}[data-theme=light] .streak-count{color:#111827}[data-theme=light] .streak-label{color:#4b5563}[data-theme=light] .streak-goal-text{color:#6b7280}[data-theme=light] .heatmap-cell{background:#f3f4f6}[data-theme=light] .heatmap-cell.active{background:#3b82f6}[data-theme=light] .book-card:after{background:linear-gradient(135deg,#0000,#3b82f608 40%,#3b82f60f 50%,#3b82f608 60%,#0000);background:linear-gradient(var(--mouse-angle,135deg),#0000 0,#3b82f608 40%,#3b82f60f 50%,#3b82f608 60%,#0000 100%)}[data-theme=light] .library-level-bar{background:#e5e7eb}[data-theme=light] .library-level-text{color:#374151}[data-theme=light] .continue-reading-card{background:linear-gradient(135deg,#fff,#f9fafb);border-color:#e5e7eb}[data-theme=light] .continue-reading-book-title{color:#111827}[data-theme=light] .continue-reading-chapter{color:#6b7280}[data-theme=light] .continue-reading-progress-bar{background:#e5e7eb}[data-theme=light] .daily-quote-card{background:#fff;border-color:#e5e7eb}[data-theme=light] .daily-quote-text{color:#374151}[data-theme=light] .daily-quote-source{color:#6b7280}[data-theme=light] .trivia-widget{background:#fff;border-color:#e5e7eb}[data-theme=light] .shop-message.success{background:#f0fdf4;border-color:#86efac;color:#166534}[data-theme=light] .shop-message.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}[data-theme=light] .shop-animated-badge{background:#f5f3ff;color:#6d28d9}[data-theme=light] .shop-unlock-label{color:#6b7280}.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:#fff9;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:#fff9;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:#fffc;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:#fffc;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:#ffffff80;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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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:#6366f1;border-radius:2px;height:100%;transition:width .3s}.pill-time{color:#fff9;font-size:.7rem}.audio-active-sentence{background:#3b82f626;border-radius:4px;box-shadow:0 0 0 2px #3b82f61a;font-size:1.05em;padding:2px 4px;transition:all .3s ease}.dark-mode .audio-active-sentence,[data-theme=dark] .audio-active-sentence{background:#fbbf2426;box-shadow:0 0 0 2px #fbbf241a}[data-theme=sepia] .audio-active-sentence{background:#b4783c26;box-shadow:0 0 0 2px #b4783c1a}.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:#fff9;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:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid #ffffff26;border-radius:24px;box-shadow:0 4px 16px #0000004d;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:#fffc;font-size:.8rem;font-weight:500;min-width:60px;text-align:center}.discover-page{margin:0 auto;max-width:1200px;padding:20px 20px 100px}.discover-header{margin-bottom:24px;text-align:center}.discover-back{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.9rem;left:20px;position:absolute;top:80px}.discover-header h1{font-size:1.8rem;margin:0}.discover-subtitle{color:#fff9;margin-top:4px}.book-discovery-search{margin-bottom:32px}.discovery-search-form{margin-bottom:16px}.discovery-search-input-wrapper{align-items:center;background:#ffffff14;border:1px solid #ffffff26;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;flex:1 1;font-size:1rem;outline:none}.discovery-search-input::placeholder{color:#fff6}.discovery-search-clear{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem}.discovery-recent{margin-top:12px}.discovery-recent-header{align-items:center;color:#ffffff80;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.discovery-recent-clear{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.8rem}.discovery-recent-list{display:flex;flex-wrap:wrap;gap:8px}.discovery-recent-item{background:#ffffff14;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;font-size:.8rem;padding:6px 12px}.discovery-recent-item:hover{background:#ffffff1f}.discovery-results-header{color:#ffffff80;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:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.discovery-result-card:hover{background:#ffffff14;border-color:#6366f14d}.discovery-result-cover{background:#ffffff0d;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:#fff9;font-size:.8rem;margin-bottom:4px}.discovery-result-year{color:#fff6;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;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:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;color:#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:#ffffff0d;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:#ffffff80;font-size:.7rem}.discover-trending{margin-bottom:32px}.discover-trending h2{font-size:1.2rem;margin-bottom:12px}.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(--surface-color,#1e1e2e);border-radius:16px;max-height:80vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%}.discover-detail-close{background:none;border:none;color:#fff9;cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:12px}.discover-detail-content{display:flex;gap:20px}.discover-detail-cover img{border-radius:8px;height:240px;object-fit:cover;width:160px}.discover-detail-info h2{font-size:1.3rem;margin-bottom:4px}.discover-detail-author{color:#fff9;margin-bottom:8px}.discover-detail-year{color:#ffffff80;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;font-size:.75rem;padding:4px 10px}.discover-detail-isbn{color:#fff6;font-size:.8rem;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:#6366f1;color:#fff}.discover-wishlist-btn{background:#ffffff1a;color:#fff}.discovery-no-results{color:#ffffff80;padding:40px;text-align:center}.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:#fff9;cursor:pointer;font-size:1.5rem}.book-gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.gallery-filter-btn{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;color:#ffffffb3;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:#ffffff0d;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:#ffffff80;display:flex;font-size:.7rem;justify-content:space-between;padding:6px 8px}.gallery-card-type{text-transform:capitalize}.book-gallery-empty{color:#ffffff80;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:#ffffffb3;display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;padding:12px 0}.gallery-lightbox-type{background:#ffffff1a;border-radius:8px;padding:4px 10px;text-transform:capitalize}.gallery-lightbox-source{color:#6366f1;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%}.vocab-flashcards-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.vocab-flashcards-modal{background:#1e1e2e;background:var(--surface-color,#1e1e2e);border-radius:16px;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:#fff9;cursor:pointer;font-size:1.5rem}.vocab-stats-bar{color:#fff9;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:20px}.vocab-flashcard{text-align:center}.vocab-flashcard-progress{color:#fff6;font-size:.8rem;margin-bottom:16px}.vocab-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;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:#ffffff80;font-size:.85rem;font-style:italic;max-width:80%}.vocab-mastery-badge{background:#6366f126;border-radius:10px;color:#a5b4fc;font-size:.7rem;margin-top:12px;padding:4px 10px;text-transform:capitalize}.vocab-card-back{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:16px}.vocab-definition{color:#ffffffe6;font-size:1rem}.vocab-source{color:#fff6;display:block;font-size:.75rem;margin-top:8px}.vocab-reveal-btn{background:#6366f1;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px}.vocab-rating-prompt{color:#fff9;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:#ef444433;color:#fca5a5}.rate-hard{background:#f59e0b33;color:#fcd34d}.rate-good{background:#22c55e33;color:#86efac}.rate-easy{background:#6366f133;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:#6366f1;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:#fff9;cursor:pointer;font-size:1.5rem}.annotation-export-summary{background:#ffffff0d;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:#ffffff08;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px}.annotation-format-option small{color:#fff6;display:block;font-size:.75rem;margin-top:2px}.annotation-export-actions{display:flex;gap:10px}.annotation-export-btn{background:#6366f1;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:#ffffff1a}.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:#ffffff14;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:.85rem;padding:6px 10px}.night-shift-row input[type=range]{width:120px}.night-shift-status{background:#ffffff08;border-radius:8px;color:#ffffff80;font-size:.8rem;margin-top:12px;padding:8px;text-align:center}*{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}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);line-height:1.6;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,#8b5cf6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#a78bfa)}*{scrollbar-color:#8b5cf6 #0000;scrollbar-width:thin}[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:24px;box-shadow:var(--shadow-lg);display:flex;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-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:absolute;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-width:90vw;padding:20px;position:absolute;width:320px;z-index:91}@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:#3b82f61a;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:#3b82f6;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,#3b82f6,#8b5cf6,#ec4899);flex-shrink:0;width:6px}.login-content{flex:1 1;padding:40px 36px}.login-header{margin-bottom:28px;text-align:center}.login-header h1{font-size:1.6rem;font-weight:700;margin-bottom:6px}.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:24px;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:16px}.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:14px 16px 8px;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:.7rem;top:8px;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)}.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:#3b82f626;color:var(--accent)}.genre-pill.active,.genre-pill:hover{border-color:var(--accent)}.user-avatar-wrapper{position:relative}.user-avatar-btn,.user-avatar-circle{align-items:center;display:flex;justify-content:center}.user-avatar-circle{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;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 #3b82f64d;transform:scale(1.05)}.user-avatar-backdrop{inset:0;position:fixed;z-index:99}.user-avatar-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:44px;width:200px;z-index:100}.user-avatar-menu-header{display:flex;flex-direction:column;gap:2px;padding:14px 16px}.user-avatar-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-avatar-email{color:var(--text-muted);font-size:.75rem}.user-avatar-menu-divider{background:var(--border);height:1px}.user-avatar-menu-item{color:var(--text-secondary);display:block;font-size:.85rem;padding:12px 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,#3b82f6,#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:#3b82f61a;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-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:#3b82f633;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,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;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,#3b82f626,#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,#3b82f60d,#8b5cf60d);border:1px solid #3b82f626;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:#3b82f61a;border-color:#3b82f633;color:var(--accent);font-weight:500}.reader-toolbar-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 ease,transform .2s ease;width:38px}.reader-toolbar-btn:hover{border-color:var(--accent);transform:scale(1.05)}.reader-toolbar-btn.active{background:#3b82f626;border-color:var(--accent)}.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-elevated);border:1px solid var(--border);border-radius:50%;display:flex;height:38px;justify-content:center;position:relative;transition:border-color .2s,transform .2s;width:38px}.notification-bell-btn:hover{border-color:var(--accent);transform:scale(1.05)}.notification-bell-icon{font-size:1.1rem}.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:-2px;top:-2px}.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:var(--shadow-lg);max-height:400px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:48px;width:360px;z-index:200}.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{max-height:320px;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:#3b82f60d;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;margin-left:auto;margin-right:auto;max-width:420px;padding:16px 20px}.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,#3b82f6,#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{margin-bottom:4px;text-align:center}.streak-v2-cal-month{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.streak-v2-cal-days{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.streak-v2-cal-day-label{color:var(--text-muted);font-size:.55rem;font-weight:600;padding:1px 0;text-align:center}.streak-v2-cal-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.streak-v2-cal-cell{align-items:center;aspect-ratio:1;border-radius:3px;cursor:pointer;display:flex;justify-content:center;margin:0 auto;max-width:20px;transition:all .15s;width:100%}.streak-v2-cal-cell:hover:not(.empty):not(.future){box-shadow:0 0 6px #6366f166;transform:scale(1.2)}.streak-v2-cal-cell.empty{visibility:hidden}.streak-v2-cal-num{color:var(--text-secondary);font-size:.6rem;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:#10b98133}.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-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:1200px;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-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:#3b82f61a;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,#3b82f6,#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,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;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,#3b82f626,#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,#3b82f6,#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:#3b82f61a;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:#3b82f61a;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,#3b82f6,#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:#fffc;font-size:.85rem;font-weight:500}.share-quote-author{color:#fff9;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,#3b82f6,#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:#ffffffb3;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,#3b82f6,#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,#3b82f6,#8b5cf6,#ec4899) 1;border-radius:16px;margin:32px 0;overflow:hidden;padding:24px;position:relative}.next-chapter-teaser:before{background:linear-gradient(135deg,#3b82f608,#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,#3b82f6,#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:#3b82f60d;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:#3b82f61a;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,#3b82f6,#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,#3b82f6,#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:1200px;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-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)}.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{background:#3b82f61a;border-radius:6px;color:var(--accent);font-weight:500;padding:2px 8px}.collection-share-banner{align-items:center;background:#3b82f61a;border:1px solid #3b82f633;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:#3b82f61a;border:1px solid #3b82f633;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:#3b82f626}.user-avatar-circle.emoji-avatar{background:linear-gradient(135deg,#3b82f6,#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-avatar-large{font-size:4rem;margin-bottom:12px}.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,#3b82f6,#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}.lb-cat-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.lb-cat-btn.active{background:#3b82f626;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:#3b82f60d;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{font-size:1.5rem}.lb-info{flex:1 1}.lb-name{font-size:.9rem;font-weight:600}.lb-score{color:var(--accent);font-size:.85rem;font-weight:600}.subscription-banner{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;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,#3b82f6,#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,#3b82f6,#10b981) 1;border-style:solid;border-width:2px}.subscription-card.current{border-color:var(--accent)}.popular-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);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,#3b82f6);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,#3b82f6);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}.relationship-map-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.relationship-map-container{background:var(--bg-card);border-radius:16px;max-height:90vh;max-width:700px;overflow:auto;padding:24px;width:95%}.relationship-map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.relationship-map-header h3{color:var(--text-primary);margin:0}.relationship-map-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.relationship-map-svg{height:auto;min-height:400px;width:100%}.relationship-map-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:6px}.legend-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.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:#3b82f61a;border:1px solid #3b82f64d}.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:#3b82f6;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:10px 24px;position:-webkit-sticky;position:sticky;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-nav{display:flex;gap:4px}.app-bar-link{border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:8px 16px;transition:background .2s,color .2s}.app-bar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.app-bar-link.active{background:#3b82f61a;color:var(--accent)}.app-bar-right{align-items:center;display:flex;gap:12px}.app-bar-points{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);font-size:.8rem;font-weight:600;padding:4px 12px}.app-bar-subtabs{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin:0 auto 16px;max-width:700px;overflow-x:auto;padding:4px;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:56px;z-index:99}.app-bar-subtabs::-webkit-scrollbar{display:none}.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}.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}.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:1.5rem 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:1.5rem;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:1rem}.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:1.1rem;font-weight:600;margin:0}.trivia-options{display:flex;flex-direction:column;gap:.5rem}.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:.75rem 1rem;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}.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}.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:#3b82f614}[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,#3b82f6,#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,#3b82f6,#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,#3b82f6,#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 #3b82f64d;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:#3b82f614}.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-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:140px;padding:20px 16px;transition:transform .2s,box-shadow .2s}.buddy-match-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.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:#3b82f6;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:#3b82f61a;border:1px solid #3b82f633;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:#3b82f626;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,#3b82f61a,#8b5cf61a);border:1px solid #3b82f633;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,#3b82f608,#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,#3b82f6,#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:#3b82f60f;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,#3b82f6,#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{margin-bottom:16px}.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:1200px}.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:#3b82f633}.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,#3b82f6,#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,#3b82f61a,#8b5cf61a);border:1px solid #3b82f626;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:1200px}.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)}
/*# sourceMappingURL=main.561820a0.css.map*/