@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:1400px;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-toolbar{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px;position:relative;z-index:1}.library-toolbar-left{align-items:center;display:flex;gap:12px}.library-toolbar-title{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin:0}.library-toolbar-count{background:#6b72801a;background:var(--bg-secondary,#6b72801a);border-radius:12px;color:var(--text-secondary);font-size:.8rem;padding:2px 10px}.library-toolbar-right{align-items:center;display:flex;gap:8px}.library-toolbar-btn{background:#6b72801a;background:var(--bg-secondary,#6b72801a);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:8px 14px;transition:all .2s}.library-toolbar-btn:hover{background:#f59e0b1a;border-color:var(--accent)}.library-toolbar-btn.add{background:#10b9811a;border-color:#10b9814d;color:#10b981}.library-toolbar-btn.add:hover{background:#10b98133}.library-toolbar-btn.active{background:#3b82f626;border-color:#3b82f666;color:#3b82f6}.library-toolbar-btn.remove{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.library-toolbar-btn.remove:hover{background:#ef444433}.book-card.selection-mode{cursor:pointer;position:relative}.book-card.selection-mode.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.book-select-checkbox{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:6px;color:#3b82f6;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:12px;position:absolute;top:12px;transition:all .2s;width:24px;z-index:5}.book-select-checkbox.checked{background:#3b82f6;border-color:#3b82f6;color:#fff}.book-remove-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:4px 8px;transition:background .2s}.book-remove-btn:hover{background:#ef444426}.book-format-badge{border-radius:6px;bottom:8px;color:#e2e8f0;font-size:.7rem;left:8px;padding:2px 8px;pointer-events:none;position:absolute}.book-format-badge,.library-add-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.library-add-overlay{align-items:center;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.library-add-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #0006;max-height:90vh;max-width:560px;overflow-y:auto;padding:24px;width:95%}.library-add-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.library-add-header h2{color:var(--text-primary);font-size:1.3rem;margin:0}.library-add-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.library-add-message{border-radius:8px;font-size:.85rem;margin-bottom:16px;padding:10px 14px}.library-add-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.library-add-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.library-add-form{display:flex;flex-direction:column;gap:14px}.library-add-row{display:flex;flex-direction:column;gap:4px}.library-add-row-split{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.library-add-label{color:var(--text-secondary);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.library-add-input,.library-add-textarea{background:#1f2937;background:var(--bg-primary,#1f2937);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s}.library-add-input:focus,.library-add-textarea:focus{border-color:var(--accent)}.library-add-textarea{min-height:60px;resize:vertical}.library-add-formats{display:flex;flex-wrap:wrap;gap:6px}.library-format-chip{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:6px 10px;transition:all .2s}.library-format-chip:hover{border-color:var(--accent);color:var(--text-primary)}.library-format-chip.active{background:#f59e0b26;border-color:var(--accent);color:var(--accent)}.format-chip-icon{font-size:1rem}.format-chip-label{font-weight:500}.library-add-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 20px;transition:transform .2s,box-shadow .2s}.library-add-submit:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.discover-added-message{border-radius:8px;font-size:.8rem;margin-top:8px;padding:8px 12px;width:100%}.discover-added-message.success{background:#10b98126;color:#10b981}.discover-added-message.error{background:#ef444426;color:#ef4444}.discover-format-picker{align-items:center;display:flex;gap:8px;margin-bottom:8px;width:100%}.discover-format-label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.discover-format-select{background:#1f2937;background:var(--bg-primary,#1f2937);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.85rem;padding:6px 10px}.library-grid{grid-gap: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 color-mix(in srgb,var(--accent) 15%,#0000);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;position:relative;width:100%}.book-cover{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.book-card:hover .book-cover{transform:scale(1.05)}.book-cover-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px;text-align:center}.placeholder-icon{font-size:3rem}.placeholder-title{color:var(--text-secondary);font-size:1rem;font-weight:600}.book-info{padding:20px 24px 24px}.book-title{font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:4px}.book-author{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.book-author-link{color:var(--accent);text-decoration:none;transition:opacity .2s}.book-author-link:hover{opacity:.8;text-decoration:underline}.book-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin-bottom:12px;overflow:hidden}.book-genre{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:12px;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.reader-layout{display:flex;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 0,color-mix(in srgb,var(--accent) 40%,#0000) 20%,color-mix(in srgb,var(--accent) 60%,#0000) 50%,color-mix(in srgb,var(--accent) 40%,#0000) 80%,#0000 100%);height:calc(100vh - 50px);left:0;opacity:.8;pointer-events:none;position:fixed;top:90px;transition:opacity .3s ease;width:6px;z-index:50}.chapter-nav-edge-indicator:after{animation:pulse-left 2s ease-in-out infinite;color:color-mix(in srgb,var(--accent) 90%,#0000);content:"◂";font-size:12px;left:2px;position:absolute;top:50%;transform:translateY(-50%)}@keyframes pulse-left{0%,to{opacity:.6;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(2px)}}.chapter-nav{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1c2330e0;background:var(--nav-bg,#1c2330e0);border-right:1px solid var(--glass-border,color-mix(in srgb,var(--accent) 20%,#0000));box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column;height:calc(100vh - 50px);left:0;opacity:0;overflow:hidden;position:fixed;top:90px;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:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent)}.chapter-number{align-items:center;background:#ffffff0d;border-radius:8px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;height:26px;justify-content:center;transition:background .2s ease,color .2s ease;width:26px}.chapter-item.active .chapter-number{background:var(--accent);color:#fff}.chapter-title{padding-top:3px}.reader-content{background:var(--bg-card);flex:1 1;height:100vh;overflow-y:auto;position:relative;transition:margin-right .3s cubic-bezier(.4,0,.2,1)}.reader-content,.reader-toolbar{display:flex;flex-direction:column}.reader-toolbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#181e2af0;background:var(--toolbar-bg,#181e2af0);border-bottom:1px solid var(--border);padding:8px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.reader-toolbar-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.reader-back-btn{border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:8px 16px;transition:color .2s ease,background .2s ease}.reader-back-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.reader-book-title{color:var(--text-secondary);font-size:.9rem;font-weight:500}.reader-text{background:#0000;border-radius:0;box-shadow:none;margin:0 auto;max-width:50vw;max-width:var(--reader-width,50vw);min-height:calc(100vh - 120px);padding:64px 48px 96px;width:100%}.chapter-body{background:var(--bg-card)}.chapter-header{margin-bottom:80px;text-align:center}.chapter-label{color:var(--accent);display:block;font-size:.8rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.chapter-header h1{font-family:var(--serif);font-size:1.9rem;font-weight:600;line-height:1.3;text-shadow:0 2px 8px #0000004d}.inline-illustration{margin:16px 0 16px 24px;max-width:200px}.inline-illustration.float-right{float:right;margin-left:24px;margin-right:0}.inline-illustration img{border-radius:12px;box-shadow:0 4px 16px #0006,0 1px 4px #0003;opacity:.92;transition:opacity .3s ease,transform .3s ease;width:100%}.inline-illustration img:hover{opacity:1;transform:scale(1.02)}.inline-illustration figcaption{color:var(--text-muted);font-size:.7rem;font-style:italic;line-height:1.3;margin-top:8px;text-align:center}.chapter-body{color:#d4d4d8;color:var(--chapter-body-color,#d4d4d8);font-family:var(--serif);line-height:1.85;overflow:visible;position:relative}.chapter-body p{margin-bottom:1.5em;text-indent:1.5em}.chapter-body p:first-of-type{text-indent:0}.chapter-body p:first-of-type:first-letter{color:var(--accent);float:left;font-size:2.8em;font-weight:700;line-height:.8;margin-right:8px;margin-top:4px}.chapter-pagination{border-top:1px solid var(--border);clear:both;display:flex;justify-content:space-between;margin-top:48px;padding-top:24px}.pagination-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;font-weight:500;padding:12px 20px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.pagination-btn:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateY(-1px)}.pagination-btn.next{margin-left:auto}.info-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1c2330f5;background:var(--info-panel-bg,#1c2330f5);border-left:1px solid var(--glass-border,color-mix(in srgb,var(--accent) 20%,#0000));box-shadow:-4px 0 24px #00000040;display:flex;flex-direction:column;height:calc(100vh - 90px);max-width:90vw;opacity:0;overflow:hidden;position:fixed;right:0;top:90px;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-chapter-summary{background:#6366f10f;border-left:3px solid #6366f166;border-radius:0 8px 8px 0;margin-bottom:16px;padding:12px 14px}.info-chapter-summary p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}.info-section{margin-bottom:28px}.info-section h4{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.info-section-divider{background:linear-gradient(90deg,var(--accent) 0,color-mix(in srgb,var(--accent) 10%,#0000) 100%);border-radius:1px;height:1px;margin-bottom:14px}.info-icon{font-size:1rem}.info-character-card,.info-list{display:flex;flex-direction:column;gap:10px}.info-character-card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff0f;border-radius:12px;padding:14px 16px;transition:border-color .2s ease}.info-character-card:hover{border-color:color-mix(in srgb,var(--accent) 20%,#0000)}.info-character-portrait{border:1px solid #ffffff1a;border-radius:10px;height:42px;object-fit:cover;width:42px}.info-character-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.info-knowledge-previous{border-left:2px solid #6b728066;padding-left:12px}.info-knowledge-previous .info-knowledge-label{color:var(--text-muted);display:block;font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.info-knowledge-previous p{color:var(--text-muted);font-size:.8rem;line-height:1.4;margin:0}.info-knowledge-new{border-left:2px solid var(--accent);padding-left:12px}.info-knowledge-badge{background:color-mix(in srgb,var(--accent) 20%,#0000);border-radius:4px;color:var(--accent);display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;padding:1px 6px;text-transform:uppercase}.info-knowledge-new p{color:var(--text-primary);font-size:.82rem;line-height:1.5;margin:0}.info-events li{border-radius:6px;color:var(--text-secondary);font-size:.83rem;line-height:1.5;padding:6px 10px 6px 12px;position:relative;transition:background .2s ease}.info-events li.event-new{background:color-mix(in srgb,var(--accent) 5%,#0000);border-left:2px solid var(--accent);color:var(--text-primary)}.info-events li.event-callback{border-left:2px solid #6b72804d;color:var(--text-muted);font-style:italic}.event-new-dot{background:var(--accent);border-radius:50%;display:inline-block;height:6px;margin-right:8px;vertical-align:middle;width:6px}.event-callback-label{color:var(--text-muted);display:inline-block;font-size:.65rem;font-weight:600;margin-right:6px;text-transform:uppercase}.info-themes li{color:var(--text-secondary);font-size:.83rem;line-height:1.5;padding-left:16px;position:relative}.info-themes li:before{color:var(--accent);content:"◆";font-size:.55rem;left:0;position:absolute;top:4px}.info-quote{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000) 0,color-mix(in srgb,var(--accent) 2%,#0000) 100%);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:16px}.info-quote p{color:var(--text-primary);font-family:var(--serif);font-size:.95rem;font-style:italic;line-height:1.6;margin-bottom:8px}.info-quote cite{color:var(--text-muted);font-size:.75rem;font-style:normal}.writing-tools-layout{display:flex;min-height:100vh}.writing-tools-layout .sidebar{background:var(--bg-card);border-right:1px solid var(--border);height:100vh;overflow-y:auto;padding:24px 16px;position:fixed;width:240px}.back-to-library{border-radius:8px;color:var(--text-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:12px;padding:8px 12px;text-align:left;transition:color .15s,background .15s}.back-to-library:hover{background:var(--bg-elevated);color:var(--text-primary)}.writing-tools-layout .logo h1{color:var(--text-primary);font-size:1.1rem;font-weight:700}.writing-tools-layout .logo .subtitle{color:var(--text-secondary);font-size:.75rem;font-weight:400}.writing-tools-layout .nav-links{margin-top:24px}.writing-tools-layout .nav-links li{margin-bottom:4px}.writing-tools-layout .nav-links a{border-radius:8px;color:var(--text-primary);display:block;font-size:.9rem;font-weight:500;padding:10px 16px;text-decoration:none;transition:background .15s}.writing-tools-layout .nav-links a:hover{background:var(--bg-elevated)}.writing-tools-layout .nav-links a.active{background:color-mix(in srgb,var(--accent) 12%,#0000);color:var(--accent)}.writing-tools-layout .content{flex:1 1;margin-left:240px;max-width:1400px;padding:32px 40px}.page-header{margin-bottom:32px}.page-header h2{font-size:1.5rem;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-secondary);font-size:.9rem}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s ease,transform .2s ease}.card:hover{border-color:var(--accent);transform:translateY(-1px)}.card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;padding:2px 10px}.badge-planted{background:#4ade8026;color:#16a34a}.badge-developed{background:#facc1526;color:#ca8a04}.badge-resolved{background:#60a5fa26;color:var(--accent-hover)}.badge-draft{background:#a1a1aa26;color:var(--text-secondary)}.badge-in_progress{background:#2dd4bf26;color:#0d9488}.badge-planned{background:#c084fc26;color:#7c3aed}.badge-active{background:#4ade8026;color:#16a34a}[data-theme=dark] .badge-planted{color:#4ade80}[data-theme=dark] .badge-developed{color:#facc15}[data-theme=dark] .badge-resolved{color:var(--accent)}[data-theme=dark] .badge-in_progress{color:#2dd4bf}[data-theme=dark] .badge-planned{color:#c084fc}[data-theme=dark] .badge-active{color:#4ade80}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:32px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.stat-card .number{color:var(--accent);font-size:2rem;font-weight:700}.stat-card .label{color:var(--text-secondary);font-size:.8rem;margin-top:4px}.search-bar{display:flex;gap:8px;margin-bottom:24px}.search-bar input{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:12px 16px}.search-bar input:focus{border-color:var(--accent);outline:none}.search-bar button{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:background .2s ease}.search-bar button:hover{background:var(--accent-hover)}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border);padding:12px 16px;text-align:left}th{color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase}td{font-size:.9rem}.goodreads-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:24px}.goodreads-section h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:16px}.comp-title{border-bottom:1px solid var(--border);display:flex;gap:16px;padding:12px 0}.comp-title:last-child{border-bottom:none}.comp-title .rating{color:#facc15;font-weight:600}.loading{color:var(--text-secondary);padding:40px;text-align:center}@media (max-width:768px){.library-page{padding:24px 16px}.library-grid{grid-template-columns: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:color-mix(in srgb,var(--accent) 15%,#0000);opacity:1}.chapter-nav-pin.active{background:color-mix(in srgb,var(--accent) 20%,#0000);opacity:1;transform:rotate(45deg)}.chapter-nav.pinned{box-shadow:2px 0 12px #0003;opacity:1;position:fixed;transform:translateX(0)}.reader-layout.nav-pinned .reader-content{margin-left:280px}.settings-wrapper{position:relative}.settings-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s ease,transform .2s ease;width:38px}.settings-toggle:hover{border-color:var(--accent);transform:rotate(30deg)}.settings-menu{animation:settingsSlideIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:48px;width:240px;z-index:100}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 16px}.settings-header h4{font-size:.85rem;font-weight:600}.settings-close{align-items:center;border-radius:4px;color:var(--text-secondary);display:flex;font-size:1.2rem;height:24px;justify-content:center;width:24px}.settings-close:hover{background:var(--bg-elevated)}.settings-body{padding:12px 16px}.settings-row{align-items:center;display:flex;justify-content:space-between}.settings-label{color:var(--text-secondary);font-size:.85rem;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{-ms-overflow-style:none;align-items:center;display:flex;gap:4px;overflow-x:auto;padding:4px 0;scrollbar-width:none}.reader-toolbar-right::-webkit-scrollbar{display:none}.info-character-header{align-items:center;cursor:pointer;display:flex;gap:10px;padding:0;text-align:left;transition:opacity .2s ease;width:100%}.info-character-header:hover{opacity:.85}.info-character-chevron{color:var(--text-muted);font-size:1.2rem;font-weight:300;margin-left:auto;transition:transform .25s ease}.info-character-chevron.open{transform:rotate(90deg)}.info-character-body{animation:characterExpand .25s ease;border-top:1px solid var(--border);margin-top:10px;padding-top:10px}@keyframes characterExpand{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.info-character-card.collapsed{padding:10px 16px}.info-character-card.expanded{padding:14px 16px}.info-hint{color:var(--text-muted);font-size:.65rem;font-weight:400;letter-spacing:0;margin-left:auto;text-transform:none}.book-card,.card,.chapter-nav,.info-panel,.reader-toolbar,.settings-menu{transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}:is([data-theme=light],[data-theme=sepia]) .chapter-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-right:1px solid var(--glass-border)}:is([data-theme=light],[data-theme=sepia]) .chapter-nav-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 20%,color-mix(in srgb,var(--accent) 35%,#0000) 50%,color-mix(in srgb,var(--accent) 20%,#0000) 80%,#0000 100%)}:is([data-theme=light],[data-theme=sepia]) .info-panel{background:var(--info-panel-bg);border-left:1px solid var(--glass-border)}:is([data-theme=light],[data-theme=sepia]) .reader-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--toolbar-bg)}:is([data-theme=light],[data-theme=sepia]) .chapter-body{color:var(--chapter-body-color)}:is([data-theme=light],[data-theme=sepia]) .info-character-card{background:linear-gradient(135deg,#00000005,#00000003);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .info-knowledge-new p{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .info-events li.event-new{background:color-mix(in srgb,var(--accent) 5%,#0000);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .inline-illustration img{box-shadow:0 4px 16px #0000001f,0 1px 4px #0000000f;opacity:1}:is([data-theme=light],[data-theme=sepia]) .chapter-header h1{text-shadow:none}:is([data-theme=light],[data-theme=sepia]) .info-quote{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 4%,#0000) 0,color-mix(in srgb,var(--accent) 1%,#0000) 100%)}:is([data-theme=light],[data-theme=sepia]) .info-quote p{color:var(--text-primary)}.info-panel-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 40%,#0000) 20%,color-mix(in srgb,var(--accent) 60%,#0000) 50%,color-mix(in srgb,var(--accent) 40%,#0000) 80%,#0000 100%);height:calc(100vh - 50px);opacity:.8;pointer-events:none;position:fixed;right:0;top:90px;transition:opacity .3s ease;width:6px;z-index:50}.info-panel-edge-indicator:after{animation:pulse-right 2s ease-in-out infinite;color:color-mix(in srgb,var(--accent) 90%,#0000);content:"▸";font-size:12px;position:absolute;right:2px;top:50%;transform:translateY(-50%)}@keyframes pulse-right{0%,to{opacity:.6;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(-2px)}}.info-panel-pin{align-items:center;border-radius:6px;display:flex;font-size:.85rem;height:30px;justify-content:center;opacity:.6;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:30px}.info-panel-pin:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);opacity:1}.info-panel-pin.active{background:color-mix(in srgb,var(--accent) 20%,#0000);opacity:1;transform:rotate(45deg)}.info-panel.pinned{box-shadow:-2px 0 12px #0003;opacity:1;position:fixed;transform:translateX(0)}.info-expand-collapse-all{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:16px;padding:8px 12px;text-align:left;text-transform:uppercase;transition:background .2s ease,color .2s ease,border-color .2s ease;width:100%}.info-expand-collapse-all:hover{background:color-mix(in srgb,var(--accent) 8%,#0000);border-color:color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent)}.info-section-header-clickable{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.05em;margin-bottom:8px;padding:4px 0;text-transform:uppercase;transition:color .2s ease;-webkit-user-select:none;user-select:none}.info-section-header-clickable:hover{color:var(--accent)}.info-section-chevron{color:var(--text-muted);font-size:1.1rem;font-weight:300;margin-left:auto;transition:transform .25s ease}.info-section-chevron.open{transform:rotate(90deg)}.character-profile-link{background:none;border:none;color:var(--accent);cursor:pointer;display:inline-block;font-size:.78rem;font-weight:600;margin-top:10px;padding:4px 0;transition:color .2s ease,transform .2s ease}.character-profile-link:hover{color:var(--accent);transform:translateX(2px)}.character-detail-overlay{align-items:center;animation:overlayFadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.character-detail-card{animation:cardSlideIn .25s ease;background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid #ffffff1a;border:1px solid var(--border,#ffffff1a);border-radius:20px;box-shadow:0 24px 64px #00000080;max-height:85vh;max-width:600px;overflow-y:auto;padding:32px;position:relative;width:90vw}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.character-detail-close{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease;width:36px}.character-detail-close:hover{background:#ef444426;color:#ef4444}.character-detail-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.character-detail-avatar{border-radius:12px;height:56px;width:56px}.character-detail-header h2{font-size:1.4rem;font-weight:700;margin:0}.character-detail-role{color:var(--accent);font-size:.8rem;font-weight:500}.character-detail-description{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:20px}.character-detail-card h4{color:var(--accent);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;margin-top:0;text-transform:uppercase}.character-detail-traits{margin-bottom:20px}.character-detail-trait-list{display:flex;flex-wrap:wrap;gap:6px}.character-detail-trait{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:12px;color:var(--accent);display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.character-detail-relationships{margin-bottom:20px}.character-detail-relationships ul{list-style:none;padding:0}.character-detail-relationships li{color:var(--text-secondary);font-size:.85rem;padding:4px 0 4px 16px;position:relative}.character-detail-relationships li:before{color:var(--accent);content:"•";left:0;position:absolute}.character-detail-knowledge{margin-bottom:20px}.character-detail-knowledge ul{list-style:none;padding:0}.character-detail-knowledge li{border-bottom:1px solid #ffffff0a;color:var(--text-secondary);font-size:.83rem;line-height:1.5;padding:6px 0}.character-detail-knowledge li:last-child{border-bottom:none}.knowledge-chapter-label{color:var(--accent);font-size:.75rem;font-weight:600;margin-right:6px}.character-detail-arc{background:color-mix(in srgb,var(--accent) 5%,#0000);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin-bottom:20px;padding:16px}.character-detail-arc p{color:var(--text-primary);font-size:.88rem;line-height:1.6;margin:0}.character-detail-meta{border-top:1px solid var(--border);color:var(--text-muted);font-size:.75rem;padding-top:12px}:is([data-theme=light],[data-theme=sepia]) .info-panel-edge-indicator{background:linear-gradient(180deg,#0000 0,color-mix(in srgb,var(--accent) 20%,#0000) 20%,color-mix(in srgb,var(--accent) 35%,#0000) 50%,color-mix(in srgb,var(--accent) 20%,#0000) 80%,#0000 100%)}:is([data-theme=light],[data-theme=sepia]) .character-detail-card{background:#fff;background:var(--bg-card,#fff);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .character-detail-overlay{background:#0006}:is([data-theme=light],[data-theme=sepia]) .info-expand-collapse-all{background:#00000005;border-color:#00000014}:is([data-theme=light],[data-theme=sepia]) .info-panel-header{background:var(--bg-elevated);border-bottom:1px solid var(--border)}:is([data-theme=light],[data-theme=sepia]) .info-panel-pin{opacity:.7}:is([data-theme=light],[data-theme=sepia]) .info-panel-pin.active{background:color-mix(in srgb,var(--accent) 10%,#0000);opacity:1}.inline-illustration.float-left{float:left;margin-left:0;margin-right:24px}:is([data-theme=light],[data-theme=sepia]) .inline-illustration img{border:1px solid var(--border)}.tooltip-term{border-bottom:1px dotted var(--accent);color:var(--accent);cursor:help;font-weight:700;position:relative;transition:color .2s ease}.tooltip-term:hover{color:var(--accent-hover)}.tooltip-term:after{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--text-primary);content:attr(data-tooltip);font-size:.78rem;font-style:normal;font-weight:400;left:50%;line-height:1.5;max-width:280px;min-width:180px;opacity:0;padding:10px 14px;pointer-events:none;position:absolute;text-indent:0;transform:translateX(-50%);transition:opacity .2s ease .2s,visibility 0s linear .4s;visibility:hidden;white-space:normal;z-index:100}.tooltip-term:hover:after{opacity:1;transition:opacity .2s ease .2s,visibility 0s linear 0s;visibility:visible}.tooltip-term:before{border:6px solid #0000;border-top:6px solid var(--bg-card);bottom:calc(100% + 2px);content:"";left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease .2s,visibility 0s linear .4s;visibility:hidden;z-index:100}.tooltip-term:hover:before{opacity:1;transition:opacity .2s ease .2s,visibility 0s linear 0s;visibility:visible}.reader-chat-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s ease,transform .2s ease,background .2s ease;width:38px}.reader-chat-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);transform:scale(1.05)}.book-chat-overlay{align-items:flex-end;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.book-chat-panel{animation:chatSlideUp .3s cubic-bezier(.4,0,.2,1);background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid var(--border);border-radius:20px;box-shadow:0 -8px 40px #0006;display:flex;flex-direction:column;margin-bottom:24px;max-height:70vh;max-width:600px;overflow:hidden;width:100%}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.book-chat-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.book-chat-title{align-items:center;display:flex;gap:8px}.book-chat-icon{font-size:1.1rem}.book-chat-title h4{font-size:.9rem;font-weight:600;margin:0}.book-chat-chapter{background:color-mix(in srgb,var(--accent) 15%,#0000);border-radius:8px;color:var(--accent);font-size:.7rem;font-weight:500;padding:2px 8px}.book-chat-actions{align-items:center;display:flex;gap:4px}.book-chat-clear{align-items:center;border-radius:6px;display:flex;font-size:.85rem;height:32px;justify-content:center;transition:background .2s ease;width:32px}.book-chat-clear:hover{background:#ef444426}.book-chat-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:32px;justify-content:center;transition:background .2s ease,color .2s ease;width:32px}.book-chat-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.book-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:200px;overflow-y:auto;padding:16px 20px}.book-chat-empty{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:32px;text-align:center}.book-chat-empty p{font-size:.9rem;margin:4px 0}.book-chat-hint{color:var(--text-muted)!important;font-size:.78rem!important;font-style:italic}.book-chat-msg{display:flex;max-width:85%}.book-chat-msg.user{align-self:flex-end;justify-content:flex-end}.book-chat-msg.assistant{align-self:flex-start}.book-chat-bubble{border-radius:14px;font-size:.88rem;line-height:1.5;padding:10px 14px;white-space:pre-wrap;word-break:break-word}.book-chat-msg.user .book-chat-bubble{background:var(--accent);border-bottom-right-radius:4px;color:#fff}.book-chat-msg.assistant .book-chat-bubble{background:#2a2f3e;background:var(--bg-elevated,#2a2f3e);border:1px solid var(--border);border-bottom-left-radius:4px;color:var(--text-primary)}.book-chat-bubble.loading{display:flex;gap:4px;padding:14px 18px}.typing-dot{animation:typingBounce 1.2s infinite;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.book-chat-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:#f87171;font-size:.8rem;padding:8px 12px}.book-chat-input-area{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:8px;padding:12px 16px}.book-chat-input{background:#2a2f3e;background:var(--bg-elevated,#2a2f3e);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.88rem;outline:none;padding:10px 14px;resize:none;transition:border-color .2s ease}.book-chat-input:focus{border-color:var(--accent)}.book-chat-input::placeholder{color:var(--text-muted)}.book-chat-send{align-items:center;background:var(--accent);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;transition:background .2s ease,transform .2s ease,opacity .2s ease;width:38px}.book-chat-send:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.book-chat-send:disabled{cursor:not-allowed;opacity:.4}:is([data-theme=light],[data-theme=sepia]) .book-chat-panel{background:#fff;background:var(--bg-card,#fff)}:is([data-theme=light],[data-theme=sepia]) .book-chat-msg.assistant .book-chat-bubble{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}[data-theme=sepia] .book-chat-msg.assistant .book-chat-bubble{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .book-chat-overlay{background:#0000004d}.spoiler-section{border-top:1px dashed #ef44444d;margin-top:14px;padding-top:10px}.spoiler-toggle-btn{background:#f9731614;border:1px solid #f9731633;border-radius:8px;color:#f97316;cursor:pointer;display:block;font-size:.75rem;font-weight:600;padding:8px 12px;text-align:left;transition:background .2s ease,border-color .2s ease;width:100%}.spoiler-toggle-btn:hover{background:#f9731626;border-color:#f9731666}.spoiler-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.spoiler-item{background:#ef44440a;border:1px solid #ef444440;border-radius:10px;padding:10px 12px}.spoiler-warning{color:#ef4444;display:block;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.spoiler-name{color:var(--text-primary);display:block;font-size:.8rem;margin-bottom:6px}.spoiler-content{position:relative}.spoiler-hover-label{color:#f97316;font-size:.7rem;font-weight:600;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;z-index:1}.spoiler-content:hover .spoiler-hover-label{opacity:0}.spoiler-text{color:var(--text-secondary);filter:blur(5px);font-size:.8rem;line-height:1.5;margin:0;transition:filter .3s ease;-webkit-user-select:none;user-select:none}.spoiler-content:hover .spoiler-text{filter:blur(0);-webkit-user-select:auto;user-select:auto}.settings-row-vertical{gap:8px}.settings-key-saved{color:#22c55e;font-size:.85rem}.settings-key-input-wrapper{align-items:center}.settings-key-input{font-family:monospace;font-size:.78rem;transition:border-color .2s ease}.settings-key-input::placeholder{color:var(--text-muted);font-family:inherit}.settings-key-toggle{border-radius:4px;flex-shrink:0;font-size:.8rem;height:28px;transition:background .2s ease;width:28px}.settings-key-toggle:hover{background:var(--bg-elevated)}.settings-hint{font-style:italic}.reading-progress-bar{background:#ffffff0d;height:3px;overflow:hidden;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:9}.reading-progress-bar-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6,#ec4899);border-radius:0 2px 2px 0;box-shadow:0 0 8px #8b5cf680,0 0 2px #ec48994d;height:100%;transition:width .15s cubic-bezier(.4,0,.2,1)}:is([data-theme=light],[data-theme=sepia]) .reading-progress-bar{background:#0000000a}.stats-overlay{align-items:center;animation:overlayFadeIn .25s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#000000b3;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.stats-panel{animation:cardSlideIn .3s cubic-bezier(.4,0,.2,1);background:#0f141eeb;background-clip:padding-box;border:1px solid #0000;border-radius:24px;box-shadow:0 24px 80px #0009,0 0 0 1px #8b5cf633,inset 0 1px 0 #ffffff0d;max-height:85vh;max-width:500px;overflow-y:auto;padding:36px 32px;position:relative;width:90vw}.stats-panel:before{background:linear-gradient(135deg,var(--accent),#8b5cf6,#ec4899);border-radius:25px;content:"";inset:-1px;opacity:.6;position:absolute;z-index:-1}.stats-panel-close{align-items:center;border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.5rem;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s ease,color .2s ease;width:36px}.stats-panel-close:hover{background:color-mix(in srgb,var(--text-primary) 10%,#0000);color:var(--text-primary)}.stats-panel-title{color:#fff;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:var(--text-secondary);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,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.stats-chapter-map{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding:8px 0}.stats-chapter-dot{background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.stats-chapter-dot.completed{background:var(--accent);border-color:var(--accent);box-shadow:0 0 6px color-mix(in srgb,var(--accent) 40%,#0000)}.stats-chapter-dot.current{animation:dotPulse 1.5s ease-in-out infinite;background:#ec4899;border-color:#ec4899;box-shadow:0 0 8px #ec489999}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.stats-meta-row{display:flex;gap:16px;margin:20px 0}.stats-meta-item{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex:1 1;padding:12px;text-align:center}.stats-meta-number{color:#fff;display:block;font-size:1.5rem;font-weight:700}.stats-meta-label{color:var(--text-muted);display:block;font-size:.7rem;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.stats-achievements{border-top:1px solid #ffffff14;margin-top:16px}.stats-badge{background:#ffffff0f;border:1px solid #ffffff1a;font-size:1.3rem;height:36px;width:36px}.stats-reset-section{border-top:1px solid #ffffff14;margin-top:20px;padding-top:16px}.stats-reset-btn{background:#ef44440f;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.82rem;font-weight:500;padding:10px 16px;transition:all .2s;width:100%}.stats-reset-btn:hover{background:#ef44441f;border-color:#ef444480}.stats-reset-confirm{display:flex;flex-direction:column;gap:10px}.stats-reset-warning{color:#ef4444;font-size:.75rem;line-height:1.4;margin:0}.stats-reset-actions{display:flex;gap:8px}.stats-reset-confirm-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:8px 14px;transition:background .2s}.stats-reset-confirm-btn:hover{background:#dc2626}.stats-reset-cancel-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.8rem;padding:8px 14px;transition:all .2s}.stats-reset-cancel-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-panel{background:#fffffff2}:is([data-theme=light],[data-theme=sepia]) .stats-panel-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-ring-percent{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-row-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .stats-row-value{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-meta-number{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .stats-meta-item{background:#00000008;border-color:#0000000f}:is([data-theme=light],[data-theme=sepia]) .stats-chapter-dot{background:#0000000f;border-color:#0000001a}.achievement-toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:9999}.achievement-toast{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f141ef2;border:1px solid #8b5cf64d;border-radius:16px;box-shadow:0 8px 32px #0006,0 0 20px #8b5cf626;display:flex;gap:12px;min-width:280px;opacity:0;overflow:hidden;padding:14px 18px;pointer-events:auto;position:relative;transform:translateX(120%);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease}.achievement-toast.visible{opacity:1;transform:translateX(0)}.achievement-toast-confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute}.achievement-toast-confetti:after,.achievement-toast-confetti:before{animation:confettiBurst .8s ease-out forwards;border-radius:50%;content:"";height:6px;opacity:0;position:absolute;width:6px}.achievement-toast-confetti:before{animation-delay:.1s;background:#ec4899;left:20%;top:50%}.achievement-toast-confetti:after{animation-delay:.2s;background:var(--accent);left:60%;top:30%}@keyframes confettiBurst{0%{opacity:1;transform:scale(0) rotate(0deg)}50%{opacity:.8;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn) translateY(-20px)}}.achievement-toast-icon{flex-shrink:0;font-size:1.8rem}.achievement-toast-content{flex:1 1;min-width:0}.achievement-toast-label{color:#8b5cf6;font-size:.65rem;font-weight:700;letter-spacing:.08em;margin-bottom:2px;text-transform:uppercase}.achievement-toast-name{color:#fff;font-size:.9rem;font-weight:700}.achievement-toast-desc{color:var(--text-secondary);font-size:.75rem}.achievement-toast-close{align-items:center;border-radius:50%;color:#fff6;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;transition:color .2s ease,background .2s ease;width:24px}.achievement-toast-close:hover{background:#ffffff1a;color:#fff}:is([data-theme=light],[data-theme=sepia]) .achievement-toast{background:#fffffff7;border-color:#8b5cf633;box-shadow:0 8px 32px #00000026}:is([data-theme=light],[data-theme=sepia]) .achievement-toast-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .achievement-toast-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .achievement-toast-close{color:var(--text-muted)}.chapter-transition-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:600}.chapter-transition-overlay.visible{animation:chapterTransFade 1.5s ease forwards;opacity:1}@keyframes chapterTransFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}.chapter-transition-card{animation:chapterTransScale 1.5s cubic-bezier(.4,0,.2,1) forwards;text-align:center}@keyframes chapterTransScale{0%{opacity:0;transform:scale(.8)}15%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.chapter-transition-number{color:#8b5cf6;display:block;font-size:1rem;font-weight:600;letter-spacing:.15em;margin-bottom:8px;text-transform:uppercase}.chapter-transition-title{color:#fff;font-family:var(--serif);font-size:2.2rem;font-weight:600;text-shadow:0 4px 16px #00000080}:is([data-theme=light],[data-theme=sepia]) .chapter-transition-title{color:var(--text-primary)}.content-fade-out{opacity:0;transform:translateY(20px);transition:opacity .2s ease,transform .2s ease}.content-fade-in{opacity:1;transform:translateY(0);transition:opacity .3s cubic-bezier(.4,0,.2,1) .05s,transform .3s cubic-bezier(.4,0,.2,1) .05s}.library-page{overflow:hidden;position:relative}.library-mesh-bg{animation:meshShift 20s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#8b5cf60f 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#14b8a60d 0,#0000 50%);inset:0;pointer-events:none;position:fixed;z-index:0}@keyframes meshShift{0%{background:radial-gradient(ellipse at 20% 50%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(ellipse at 80% 20%,#8b5cf60f 0,#0000 50%),radial-gradient(ellipse at 50% 80%,#14b8a60d 0,#0000 50%)}33%{background:radial-gradient(ellipse at 40% 30%,color-mix(in srgb,var(--accent) 7%,#0000) 0,#0000 50%),radial-gradient(ellipse at 70% 60%,#8b5cf614 0,#0000 50%),radial-gradient(ellipse at 30% 70%,#14b8a60f 0,#0000 50%)}66%{background:radial-gradient(ellipse at 60% 70%,color-mix(in srgb,var(--accent) 6%,#0000) 0,#0000 50%),radial-gradient(ellipse at 30% 40%,#8b5cf612 0,#0000 50%),radial-gradient(ellipse at 70% 30%,#14b8a614 0,#0000 50%)}to{background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--accent) 8%,#0000) 0,#0000 50%),radial-gradient(ellipse at 20% 70%,#8b5cf60f 0,#0000 50%),radial-gradient(ellipse at 80% 60%,#14b8a612 0,#0000 50%)}}.mesh-particle{animation:particleFloat 15s ease-in-out infinite;border-radius:50%;opacity:.3;position:absolute}.mesh-particle.p1{animation-duration:18s;background:var(--accent);height:4px;left:15%;top:20%;width:4px}.mesh-particle.p2{animation-delay:-5s;animation-duration:22s;background:#8b5cf6;height:3px;left:75%;top:60%;width:3px}.mesh-particle.p3{animation-delay:-8s;animation-duration:16s;background:#ec4899;height:5px;left:30%;top:80%;width:5px}.mesh-particle.p4{animation-delay:-3s;animation-duration:20s;background:#14b8a6;height:3px;left:85%;top:35%;width:3px}.mesh-particle.p5{animation-delay:-12s;animation-duration:25s;background:var(--accent);height:4px;left:50%;top:50%;width:4px}.library-grid,.library-header{position:relative;z-index:1}.book-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--bg-card);transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease}.book-card:focus-visible,.book-card:hover{border-color:var(--accent);box-shadow:0 12px 40px color-mix(in srgb,var(--accent) 15%,#0000),0 4px 12px #0000001a;transform:perspective(1000px) rotateY(2deg) rotateX(-1deg) translateY(-4px)}.pagination-btn,.reader-back-btn,.reader-chat-btn,.reader-stats-btn,.settings-toggle{transition:transform .15s cubic-bezier(.4,0,.2,1),border-color .2s ease,background .2s ease,color .2s ease}.pagination-btn:hover,.reader-back-btn:hover,.reader-chat-btn:hover,.reader-stats-btn:hover,.settings-toggle:hover{transform:scale(1.02)}.pagination-btn:active,.reader-back-btn:active,.reader-chat-btn:active,.reader-stats-btn:active,.settings-toggle:active{transform:scale(.98)}.chapter-item{border-left:3px solid #0000;transition:background .2s ease,transform .2s ease,border-left .2s ease}.chapter-item:hover{background:#ffffff0f;transform:translateX(4px)}.chapter-item.active,.chapter-item:hover{border-left-color:var(--accent)}.info-section{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.loading-shimmer{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:500px;padding:48px 32px}.shimmer-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%);background-size:200% 100%;border-radius:8px;height:16px;width:80%}.shimmer-line.wide{height:24px;width:100%}.shimmer-line.narrow{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:is([data-theme=light],[data-theme=sepia]) .shimmer-line{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000000a 25%,#00000014 50%,#0000000a 75%);background-size:200% 100%}.reader-stats-btn:hover{background:#8b5cf61a}.reader-toolbar-center{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1px;min-width:0}.reader-toolbar-stats{font-feature-settings:"tnum";align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;font-variant-numeric:tabular-nums;gap:6px}.toolbar-badge{cursor:default;font-size:.85rem}.toolbar-progress{color:var(--text-secondary);font-weight:500;min-width:52px;text-align:center}.toolbar-divider{color:var(--text-muted);opacity:.5}.stats-achievements{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.stats-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.stats-badge{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;cursor:default;display:flex;font-size:1.4rem;height:40px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;width:40px}.stats-badge:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);transform:scale(1.15)}.reading-guide{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{height:200px;transition:height .3s ease,background .3s ease,border-color .3s ease;width:100%}.reading-guide-settings-btn{align-items:center;background:#1f2937;background:var(--surface,#1f2937);border:1px solid #374151;border:1px solid var(--border,#374151);border-radius:50%;bottom:80px;box-shadow:0 2px 8px #0000004d;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;pointer-events:auto;position:fixed;right:16px;transition:background .2s,transform .2s;width:36px;z-index:30}.reading-guide-settings-btn:hover{background:#374151;background:var(--surface-hover,#374151);transform:scale(1.1)}.reading-guide-panel{background:#1f2937;background:var(--surface,#1f2937);border:1px solid #374151;border:1px solid var(--border,#374151);border-radius:12px;bottom:124px;box-shadow:0 8px 32px #0006;padding:16px;pointer-events:auto;position:fixed;right:16px;width:260px;z-index:35}.rg-panel-header{align-items:center;color:#f3f4f6;color:var(--text-primary,#f3f4f6);display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:12px}.rg-panel-close{background:none;border:none;color:#9ca3af;color:var(--text-secondary,#9ca3af);cursor:pointer;font-size:20px;padding:0 4px}.rg-panel-section{margin-bottom:14px}.rg-label{color:#9ca3af;color:var(--text-secondary,#9ca3af);display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.rg-slider{-webkit-appearance:none;appearance:none;background:#374151;background:var(--border,#374151);border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.rg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f59e0b;background:var(--accent,#f59e0b);border-radius:50%;cursor:pointer;height:16px;width:16px}.rg-slider::-moz-range-thumb{background:#f59e0b;background:var(--accent,#f59e0b);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.rg-hint{color:#6b7280;color:var(--text-tertiary,#6b7280);display:block;font-size:11px;margin-top:4px}.rg-color-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.rg-color-swatch{align-items:center;aspect-ratio:1;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:center;position:relative;transition:border-color .2s,transform .2s,opacity .2s;width:100%}.rg-color-swatch:hover:not(:disabled){transform:scale(1.1)}.rg-color-swatch.active{border-color:#fff;box-shadow:0 0 8px #ffffff4d}.rg-color-swatch.locked{cursor:not-allowed;opacity:.5}.rg-lock-icon{font-size:12px}.rg-check-icon{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px #00000080}:is([data-theme=light],[data-theme=sepia]) .reading-guide-settings-btn{background:#fff;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a;color:#6b7280}:is([data-theme=light],[data-theme=sepia]) .reading-guide-panel{background:#fff;border-color:#e5e7eb;box-shadow:0 8px 32px #00000026}:is([data-theme=light],[data-theme=sepia]) .rg-panel-header{color:#111827}:is([data-theme=light],[data-theme=sepia]) .rg-color-swatch.active{border-color:#111827;box-shadow:0 0 8px #0003}.resume-banner{left:0;opacity:0;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:80}.resume-banner.visible{opacity:1;transform:translateY(0)}.resume-banner-content{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0f141eeb;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--accent),#8b5cf6,#ec4899) 1;box-shadow:0 4px 24px #0000004d;display:flex;gap:12px;padding:14px 24px}:is([data-theme=light],[data-theme=sepia]) .resume-banner-content{background:#fffffff2;box-shadow:0 4px 24px #0000001a}.resume-banner-icon{flex-shrink:0;font-size:1.2rem}.resume-banner-text{color:var(--text-primary);flex:1 1;font-size:.88rem;font-weight:500}.resume-banner-actions{display:flex;flex-shrink:0;gap:8px}.resume-banner-btn{border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 16px;transition:background .2s ease,transform .2s ease}.resume-banner-btn.resume{background:var(--accent);color:#fff}.resume-banner-btn.resume:hover{background:var(--accent-hover);transform:translateY(-1px)}.resume-banner-btn.dismiss{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.resume-banner-btn.dismiss:hover{background:var(--bg-card);color:var(--text-primary)}.paragraph-wrapper{border-left:3px solid #0000;margin-left:36px;padding-left:8px;transition:border-color .2s ease,background .2s ease}.paragraph-wrapper.bookmarked{background:color-mix(in srgb,var(--accent) 2%,#0000);border-left-color:var(--accent)}.paragraph-wrapper:hover{background:color-mix(in srgb,var(--accent) 1%,#0000)}.para-bookmark-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;height:26px;justify-content:center;left:-36px;opacity:0;position:absolute;top:4px;transition:opacity .2s ease,transform .2s ease,background .2s ease;width:26px;z-index:5}.paragraph-wrapper:hover .para-bookmark-btn{opacity:.7}.para-bookmark-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);opacity:1!important;transform:scale(1.1)}.para-bookmark-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);opacity:1!important}.para-number{color:var(--text-muted);font-family:monospace;font-size:.65rem;font-weight:500;opacity:0;position:absolute;right:-8px;top:4px;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.paragraph-wrapper:hover .para-number{opacity:.5}.para-bookmarked-indicator{background:var(--accent);border-radius:2px;bottom:0;left:0;position:absolute;top:0;width:3px}.paragraph-wrapper.bookmark-flash{animation:bookmarkFlash 1.5s ease}@keyframes bookmarkFlash{0%{background:color-mix(in srgb,var(--accent) 15%,#0000)}to{background:#0000}}.bookmark-list-overlay{align-items:flex-start;animation:overlayFadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:200}.bookmark-list-panel{animation:cardSlideIn .25s ease;background:#1a1f2e;background:var(--bg-card,#1a1f2e);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 40px #0006;display:flex;flex-direction:column;margin:60px 16px 0;max-height:70vh;max-width:90vw;overflow:hidden;width:340px}.bookmark-list-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.bookmark-list-header h4{font-size:.9rem;font-weight:600;margin:0}.bookmark-list-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;transition:background .2s ease,color .2s ease;width:28px}.bookmark-list-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.bookmark-list-body{flex:1 1;overflow-y:auto;padding:12px}.bookmark-list-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:32px 16px;text-align:center}.bookmark-list-empty p{font-size:.9rem;margin-bottom:8px}.bookmark-list-hint{color:var(--text-muted);font-size:.75rem;font-style:italic}.bookmark-list-items{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.bookmark-list-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .2s ease}.bookmark-list-item:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}.bookmark-list-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bookmark-list-chapter{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.bookmark-list-preview{color:var(--text-secondary);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-list-remove{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.7rem;height:24px;justify-content:center;transition:background .2s ease,color .2s ease;width:24px}.bookmark-list-remove:hover{background:#ef444426;color:#ef4444}:is([data-theme=light],[data-theme=sepia]) .bookmark-list-panel{background:#fff;background:var(--bg-card,#fff)}.reader-toolbar-btn{border-radius:50%;cursor:pointer;font-size:1rem;height:38px;transition:border-color .2s ease,transform .2s ease,background .2s ease;width:38px}.reader-toolbar-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);transform:scale(1.05)}.reader-toolbar-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 20%,#0000)}.position-saved-indicator{animation:savedFadeIn .3s ease;background:#22c55e1a;border-radius:12px;color:#22c55e;font-size:.72rem;font-weight:600;padding:4px 10px;white-space:nowrap}@keyframes savedFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.font-size-controls{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;overflow:hidden}.font-size-btn{border-right:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.75rem;min-width:32px;padding:6px 10px;text-align:center;transition:background .2s ease,color .2s ease}.font-size-btn:last-child{border-right:none}.font-size-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.font-size-btn:disabled{opacity:.3}.font-size-btn.reset{color:var(--text-primary);font-weight:700}.chapter-body{font-size:1.05rem;font-size:var(--reader-font-size,1.05rem)}.reader-stats-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s ease,transform .2s ease,background .2s ease;width:38px}.reader-stats-btn:hover{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);transform:scale(1.05)}.home-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:24px 16px}.home-birthday-banner{align-items:center;background:linear-gradient(135deg,#ec4899,#8b5cf6,#6366f1);border-radius:16px;box-shadow:0 8px 30px #8b5cf659;color:#fff;display:flex;gap:16px;margin-bottom:20px;overflow:hidden;padding:20px 24px;position:relative}.home-birthday-confetti{animation:birthdayBounce 1.5s ease-in-out infinite;flex-shrink:0;font-size:2.5rem}@keyframes birthdayBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}.home-birthday-content h2{font-size:1.4rem;font-weight:800;margin-bottom:4px}.home-birthday-content p{font-size:.9rem;line-height:1.4;opacity:.95}.home-birthday-dismiss{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:28px;line-height:1;position:absolute;right:14px;top:10px;width:28px}.home-birthday-dismiss:hover{background:#ffffff59}.home-header{margin-bottom:20px}.home-header h1{font-size:1.6rem;margin-bottom:12px}.home-subtitle{color:var(--text-secondary);font-size:.9rem}.home-level-bar{background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden;position:relative}.home-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width .4s ease}.home-level-text{color:var(--text-secondary);font-size:.75rem;left:0;position:absolute;top:12px}.home-layout{display:flex;gap:24px;margin-top:28px}.home-left{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:0}.home-right{flex-shrink:0;width:440px}.home-right .streak-widget-v2{position:-webkit-sticky;position:sticky;top:80px;width:100%}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.home-card h3{color:var(--text-primary);font-size:1rem;margin-bottom:14px}.home-streaks-card{padding:16px 20px}.home-streaks-row{display:flex;gap:32px}.home-streak-item{align-items:center;display:flex;flex-direction:column;gap:4px}.home-streak-number{color:var(--text-primary);font-size:1.5rem;font-weight:700}.home-streak-label{color:var(--text-secondary);font-size:.75rem}.home-reading-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.home-reading-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:14px;text-align:left;transition:border-color .2s,box-shadow .2s;width:100%}.home-reading-card:hover{border-color:var(--accent);box-shadow:0 2px 12px #6366f114}.home-reading-cover{border-radius:6px;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:120px;object-fit:cover;width:80px}.home-reading-details{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;text-align:center;width:100%}.home-reading-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.home-reading-author{color:var(--text-secondary);font-size:.78rem}.home-reading-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.76rem;line-height:1.4;margin:4px 0;overflow:hidden}.home-reading-progress{margin-top:6px}.home-reading-progress-bar{background:#6366f11f;border-radius:3px;height:6px;overflow:hidden}.home-reading-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .4s ease}.home-reading-progress-text{color:var(--text-muted);display:inline-block;font-size:.7rem;margin-top:3px}.home-book-list{display:flex;flex-direction:column;gap:8px}.home-book-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;text-align:left;transition:border-color .2s;width:100%}.home-book-item:hover{border-color:var(--accent)}.home-book-cover{border-radius:4px;flex-shrink:0;height:58px;object-fit:cover;width:40px}.home-book-info{display:flex;flex:1 1;flex-direction:column}.home-book-title{color:var(--text-primary);font-size:.88rem;font-weight:600}.home-book-author{color:var(--text-secondary);font-size:.75rem}.home-book-arrow{color:var(--text-muted);font-size:1.1rem}.home-recommend-list{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.home-recommend-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px;transition:border-color .2s}.home-recommend-card:hover{border-color:var(--accent)}.home-recommend-cover{border-radius:6px;box-shadow:0 2px 6px #0000001f;cursor:pointer;flex-shrink:0;height:108px;object-fit:cover;transition:transform .2s;width:72px}.home-recommend-cover:hover{transform:scale(1.04)}.home-recommend-details{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0;text-align:center;width:100%}.home-recommend-title{color:var(--text-primary);font-size:.92rem;font-weight:600}.home-recommend-author{color:var(--text-secondary);font-size:.78rem}.home-recommend-reason{color:var(--text-muted);font-size:.72rem;font-style:italic}.home-recommend-rating{color:#f59e0b;font-size:.76rem;font-weight:500;margin-top:2px;text-decoration:none}.home-recommend-rating:hover{text-decoration:underline}.home-recommend-links{display:flex;gap:8px;margin-top:5px}.home-recommend-link{border-radius:6px;font-size:.68rem;font-weight:500;padding:3px 8px;text-decoration:none;transition:all .2s}.home-recommend-link.amazon{background:#f59e0b14;border:1px solid #f59e0b33;color:#f59e0b}.home-recommend-link.amazon:hover{background:#f59e0b26}.home-recommend-link.audible{background:#f9731614;border:1px solid #f9731633;color:#f97316}.home-recommend-link.audible:hover{background:#f9731626}.home-recommend-friends{display:flex;flex-direction:column;gap:2px;margin-top:4px}.home-recommend-friends-finished,.home-recommend-friends-reading{color:var(--text-secondary);font-size:.68rem}.home-whats-new{margin-bottom:8px}.home-whats-new-list{display:flex;flex-wrap:wrap;gap:12px}.home-whats-new-item{align-items:flex-start;background:var(--bg-elevated);border-radius:10px;display:flex;flex:1 1;gap:10px;min-width:220px;padding:12px 16px}.home-whats-new-icon{flex-shrink:0;font-size:1.3rem}.home-whats-new-content{display:flex;flex-direction:column;gap:3px}.home-whats-new-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.home-whats-new-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.home-recommend-genre{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:4px;color:var(--accent);display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.4px;margin-top:2px;padding:2px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.home-recommend-description{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin:4px 0 2px}@media (max-width:900px){.home-layout{flex-direction:column}.home-right{width:100%}.home-right .streak-widget-v2{position:static}.home-reading-list,.home-recommend-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:540px){.home-reading-list,.home-recommend-list{grid-template-columns:1fr}}.home-streak-section{margin-bottom:32px}.home-quick-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:32px}.home-action-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px 12px;transition:all .2s}.home-action-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.home-action-icon{font-size:1.8rem}.home-action-label{color:var(--text-primary);font-size:.85rem;font-weight:600}@media (max-width:640px){.home-quick-actions{grid-template-columns:repeat(2,1fr)}}.admin-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 40px}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.admin-header h1{font-size:1.6rem;margin:0}.admin-subtitle{color:var(--text-secondary);flex:1 1;font-size:.9rem}.admin-refresh-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 14px}.admin-refresh-btn:hover{border-color:var(--accent)}.admin-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px}.admin-tab{border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.admin-tab.active{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.admin-section{animation:fadeIn .2s ease}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.admin-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center}.admin-stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.admin-stat-label{color:var(--text-secondary);font-size:.72rem;letter-spacing:.3px;text-transform:uppercase}.admin-table{border-collapse:collapse;font-size:.82rem;margin-bottom:16px;width:100%}.admin-table th{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{color:var(--text-primary);padding:8px 12px}.admin-table tr:hover td{background:var(--bg-elevated)}.admin-key{color:var(--accent);font-family:Courier New,monospace;font-size:.75rem}.admin-preview{color:var(--text-muted);font-size:.72rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-storage-bar{background:var(--bg-elevated);border-radius:4px;height:8px;margin:12px 0 20px;overflow:hidden}.admin-storage-fill{background:linear-gradient(90deg,#10b981,#f59e0b);border-radius:4px;height:100%;transition:width .3s}.admin-hint{color:var(--text-muted);font-size:.75rem}.admin-empty{color:var(--text-muted);font-size:.85rem;font-style:italic}.admin-list{list-style:none;padding:0}.admin-list li{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:.85rem;padding:8px 0}.admin-item-badge{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:inline-block;font-size:.75rem;margin:4px;padding:4px 10px}.admin-danger{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.admin-danger-btn{background:#ef444414;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-size:.82rem;font-weight:500;padding:10px 18px;transition:all .2s}.admin-danger-btn:hover{background:#ef444426;border-color:#ef4444}.admin-shop-items{display:flex;flex-wrap:wrap;gap:4px}@media (max-width:768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.dev-indicator{border-radius:4px;font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-left:10px;padding:2px 7px}.dev-indicator.online{background:#10b98126;border:1px solid #10b98166;color:#10b981}.dev-indicator.offline{background:#f59e0b26;border:1px solid #f59e0b66;color:#f59e0b}.highlights-dashboard{margin:0 auto;max-width:900px;padding:2rem 1.5rem}.highlights-header{margin-bottom:1.5rem}.highlights-header h1{margin:.5rem 0 .25rem}.highlights-subtitle{color:var(--text-secondary);margin:0}.back-btn{background:none;border:none;color:#6366f1;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{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{padding:3rem}.feed-item{align-items:flex-start;border-radius:10px;gap:.75rem;padding:.75rem}.feed-avatar{flex-shrink:0;font-size:1.5rem}.feed-body{flex:1 1;font-size:.9rem;line-height:1.5}.feed-member{font-weight:600}.feed-book{color:#6366f1;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:var(--text-secondary);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:var(--bg-elevated);border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;width:24px}.question-fill{margin-top:.5rem}.fill-input{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:var(--bg-elevated);border-radius:6px;color:var(--text-primary);font-size:.85rem;margin-top:.75rem;padding:.5rem .75rem}.explanation-icon{margin-right:.3rem}.quiz-submit-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:.75rem;width:100%}.quiz-submit-btn:disabled{cursor:not-allowed;opacity:.5}.tag-manager-compact{margin-top:.5rem}.tag-chips{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.tag-chip{align-items:center;border:1px solid;border-radius:12px;display:inline-flex;font-size:.7rem;gap:.2rem;padding:.2rem .5rem}.tag-chip.removable{padding-right:.3rem}.tag-remove{border:none;font-size:.9rem;line-height:1;padding:0 .2rem}.tag-add-btn,.tag-remove{background:none;color:var(--text-secondary);cursor:pointer}.tag-add-btn{border:1px dashed #d1d5db;border-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:var(--bg-elevated)}.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:var(--text-secondary);font-size:.8rem;margin:0 0 .3rem}.loan-popup-member{background:none;border:none;border-radius:4px;cursor:pointer;display:block;font-size:.85rem;padding:.4rem .5rem;text-align:left;width:100%}.loan-popup-member:hover,.question-explanation-rich{background:var(--bg-elevated)}.question-explanation-rich{border:1px solid var(--border);border-radius:8px;margin-top:.75rem;padding:1rem}.explanation-header{align-items:flex-start;display:flex;font-size:.9rem;gap:.4rem;line-height:1.5;margin-bottom:.75rem}.explanation-header strong,.explanation-quote{color:var(--text-primary)}.explanation-quote{background:#eab3081a;border-left:3px solid #eab308;border-radius:0 6px 6px 0;font-size:.85rem;font-style:italic;line-height:1.6;margin:.75rem 0;padding:.6rem 1rem}.explanation-ref{color:#6366f1;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.explanation-context{color:var(--text-secondary);font-size:.85rem;line-height:1.6;overflow:hidden;transition:max-height .3s ease}.explanation-context.collapsed{margin:0;max-height:0}.explanation-context.expanded{margin:.5rem 0;max-height:500px}.explanation-context p{margin:0}.explanation-theme{background:#10b98114;border:1px solid #10b98133;border-radius:6px;color:var(--text-secondary);font-size:.85rem;line-height:1.6;overflow:hidden;padding:.5rem .75rem;transition:max-height .3s ease}.explanation-theme.collapsed{border:none;margin:0;max-height:0;padding:0}.explanation-theme.expanded{margin:.5rem 0;max-height:300px}.explanation-theme p{margin:.25rem 0 0}.theme-label{color:#10b981;font-size:.8rem;font-weight:600}.explanation-toggle{background:none;border:none;color:#6366f1;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:1400px;min-height:100vh;padding:2rem 1.5rem 4rem}.comparison-header{margin-bottom:2rem;text-align:center}.comparison-header h1{font-size:2rem;margin:.5rem 0}.comparison-subtitle{color:var(--text-secondary);font-size:1.1rem}.comparison-toggle{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.toggle-btn{background:#0000;border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s}.toggle-btn.active{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-color:#0000;color:#fff;font-weight:600}.comparison-scores{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2.5rem}.score-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;text-align:center}.score-card.highlight{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border-color:var(--accent)}.score-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.score-name,.score-value{display:block;margin-bottom:.5rem}.score-value{color:var(--accent);font-size:2rem;font-weight:700}.score-card.highlight .score-value{color:#10b981}.score-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.score-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.score-card.highlight .score-fill{background:linear-gradient(90deg,#10b981,var(--accent))}.score-detail{color:var(--text-secondary);font-size:.75rem}.comparison-category,.comparison-table-wrapper{margin-bottom:2rem}.category-title{border-left:3px solid var(--accent);color:var(--text-primary);font-size:1.2rem;margin-bottom:.75rem;padding-left:.5rem}.comparison-table{border-collapse:collapse;border-radius:8px;font-size:.9rem;overflow:hidden;width:100%}.comparison-table th{background:var(--bg-card);border-bottom:2px solid var(--border);color:var(--text-primary);font-weight:600;padding:10px 12px;text-align:center}.comparison-table th:first-child{text-align:left}.comparison-table td{border-bottom:1px solid var(--border);padding:8px 12px}.comparison-table tr:nth-child(2n){background:var(--bg-elevated)}.feature-name-cell{color:var(--text-primary);font-weight:500;min-width:200px}.pricing-cell{color:var(--text-secondary);font-size:.85rem;text-align:center}.pricing-cell.rb-price{color:#10b981;font-weight:600}.comparison-section{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.comparison-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.payment-research h3{color:#10b981;margin-bottom:.75rem}.payment-research p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.payment-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.5rem 0}.payment-option{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.payment-option.recommended{background:linear-gradient(135deg,#10b9810d,color-mix(in srgb,var(--accent) 5%,#0000));border-color:#10b981}.payment-option h4{color:var(--text-primary);margin-bottom:.75rem}.payment-option ul{list-style:none;margin:0;padding:0}.payment-option li{color:var(--text-secondary);font-size:.85rem;padding:.3rem 0}.payment-option li:before{color:var(--accent);content:"•";margin-right:.5rem}.payment-verdict{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.payment-verdict h4{color:var(--text-primary);margin-bottom:1rem}.payment-verdict ol{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem}.payment-note{background:#10b9811a;border-left:3px solid #10b981;border-radius:8px;margin-top:1rem;padding:1rem}.improvements-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.improvement-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.improvement-page{border-bottom:1px solid var(--border);color:var(--accent);font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.5rem}.improvement-list{margin:0;padding-left:1.25rem}.improvement-list li{color:var(--text-secondary);font-size:.85rem;line-height:1.5;padding:.3rem 0}@media (max-width:768px){.comparison-report-page{padding:1rem}.comparison-table{font-size:.75rem}.feature-name-cell{min-width:120px}.comparison-scores{grid-template-columns:repeat(2,1fr)}.improvements-grid{grid-template-columns:1fr}}.reader-layout.immersive-mode .chapter-nav-panel,.reader-layout.immersive-mode .info-panel,.reader-layout.immersive-mode .reader-toolbar,body.immersive-active .app-bar{opacity:0;pointer-events:none;transition:opacity .3s ease}body.immersive-active .app-bar{border:none;height:0;overflow:hidden;padding:0}.reader-layout.immersive-mode:hover .reader-toolbar{opacity:1;pointer-events:auto}.reader-layout.immersive-mode .reader-content{max-width:100%;padding:2rem 4rem}.focus-timer-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;bottom:2rem;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg,0 8px 32px #0000004d);min-width:200px;padding:1rem 1.25rem;position:fixed;right:2rem;z-index:100}.focus-timer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.focus-timer-title{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.focus-timer-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:0}.focus-timer-display{margin-bottom:.75rem;text-align:center}.focus-timer-time{font-feature-settings:"tnum";color:var(--text-primary);font-size:2rem;font-variant-numeric:tabular-nums;font-weight:700}.focus-timer-phase{color:#10b981;font-size:.75rem;margin-top:.25rem}.focus-timer-phase.break{color:#f59e0b}.focus-timer-controls{display:flex;gap:.5rem;justify-content:center}.focus-timer-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.focus-timer-btn:hover{background:var(--bg-card)}.focus-timer-btn.primary{background:var(--accent);border-color:var(--accent)}.focus-timer-btn.primary:hover{background:var(--accent-hover)}.focus-timer-progress{background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;height:3px;margin-top:.75rem;overflow:hidden}.focus-timer-progress-fill{background:linear-gradient(90deg,#10b981,var(--accent));border-radius:2px;height:100%;transition:width 1s linear}.ambient-sounds-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:16px;bottom:2rem;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow-lg,0 8px 32px #0000004d);left:2rem;min-width:220px;padding:1rem 1.25rem;position:fixed;z-index:100}.ambient-sounds-title{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;justify-content:space-between;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.ambient-sounds-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.ambient-sound-btn{align-items:center;background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;gap:.25rem;padding:.5rem;transition:all .2s}.ambient-sound-btn:hover{background:var(--bg-elevated)}.ambient-sound-btn.active{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent);color:var(--accent)}.ambient-sound-icon{font-size:1.5rem}.ambient-volume{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.ambient-volume-label{color:var(--text-muted);font-size:.75rem}.ambient-volume input[type=range]{-webkit-appearance:none;background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;flex:1 1;height:4px;outline:none}.ambient-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:12px;width:12px}.chapter-body.page-turning{animation:pageTurn .4s ease}@keyframes pageTurn{0%{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.reading-heatmap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:1rem 0;padding:.75rem}.reading-heatmap-title{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:.5rem}.heatmap-grid{grid-gap:2px;display:grid;gap:2px;grid-auto-flow:column;grid-template-columns:repeat(52,1fr);grid-template-rows:repeat(7,1fr)}.heatmap-cell{aspect-ratio:1;background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;min-width:0}.heatmap-cell.level-1{background:#10b98133}.heatmap-cell.level-2{background:#10b98166}.heatmap-cell.level-3{background:#10b98199}.heatmap-cell.level-4{background:#10b981cc}.heatmap-cell.level-5{background:#10b981}.heatmap-legend{align-items:center;display:flex;gap:.25rem;justify-content:flex-end;margin-top:.5rem}.heatmap-legend-label{color:#64748b;color:var(--text-muted,#64748b);font-size:.7rem;margin-right:.25rem}.heatmap-legend-cell{border-radius:2px;height:10px;width:10px}.continue-reading-section{margin-bottom:2rem}.continue-reading-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.continue-reading-carousel{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin}.continue-reading-card{align-items: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:var(--accent);transform:translateY(-2px)}.continue-reading-cover{align-items:center;background:linear-gradient(135deg,var(--accent),#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-meta{color:var(--text-secondary);font-size:.75rem;margin-top:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-reading-progress-text{color:var(--text-muted);font-size:.68rem;margin-top:.2rem}.continue-reading-progress-bar{background:#e5e7eb;background:var(--bg-elevated,#e5e7eb);border-radius:2px;height:4px;margin-top:.5rem;overflow:hidden}.continue-reading-progress-fill{background:linear-gradient(90deg,#10b981,var(--accent));border-radius:2px;height:100%}.inline-note-indicator{align-items:center;background:#f59e0b;border-radius:50%;color:#000;cursor:pointer;display:inline-flex;font-size:.6rem;font-weight:700;height:18px;justify-content:center;margin-left:4px;transition:transform .2s;vertical-align:super;width:18px}.inline-note-indicator:hover{transform:scale(1.2)}.inline-note-popup{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000004d;max-width:300px;padding:.75rem;position:absolute;z-index:50}.inline-note-text{color:var(--text-primary);font-size:.85rem;line-height:1.5}.inline-note-meta{color:var(--text-muted);font-size:.7rem;margin-top:.5rem}.year-review-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-top:1.5rem;padding:1.5rem}.year-review-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:1rem}.year-review-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.year-review-stat{text-align:center}.year-review-stat-value{color:var(--accent);display:block;font-size:1.8rem;font-weight:700}.year-review-stat-label{color:var(--text-muted);font-size:.75rem}.mood-tracker{margin-top:1.5rem}.mood-tracker-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.mood-options{display:flex;flex-wrap:wrap;gap:.5rem}.mood-btn{background:#0000;border:1px solid var(--border);border-radius:20px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.mood-btn:hover{background:var(--bg-elevated)}.mood-btn.selected{background:color-mix(in srgb,var(--accent) 20%,#0000);border-color:var(--accent);color:var(--accent)}.shared-highlights-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1rem}.shared-highlights-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.shared-highlight-item{background:#f59e0b0d;border-left:3px solid #f59e0b;border-radius:0 8px 8px 0;margin-bottom:.75rem;padding:.75rem}.shared-highlight-text{color:var(--text-primary);font-size:.9rem;font-style:italic;line-height:1.5}.shared-highlight-meta{color:#64748b;display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.quote-share-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;padding:2rem;position:relative;text-align:center}.quote-share-card:before{color:color-mix(in srgb,var(--accent) 10%,#0000);content:'"';font-family:Georgia,serif;font-size:8rem;left:20px;position:absolute;top:-20px}.quote-share-text{color:var(--text-primary);font-size:1.2rem;font-style:italic;line-height:1.6;position:relative;z-index:1}.quote-share-source{color:var(--text-secondary);font-size:.85rem;margin-top:1rem}.quote-share-actions{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.quote-share-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:.4rem .75rem;transition:all .2s}.quote-share-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.annual-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;margin-left:.5rem;padding:.2rem .5rem}.family-plan-card{background:linear-gradient(135deg,#8b5cf61a,color-mix(in srgb,var(--accent) 10%,#0000));border:1px solid #8b5cf6;border-radius:12px;margin-top:1.5rem;padding:1.5rem;text-align:center}.family-plan-title{color:var(--text-primary);font-size:1.2rem;margin-bottom:.5rem}.family-plan-price{color:#8b5cf6;font-size:1.5rem;font-weight:700}.family-plan-desc{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem}.library-comparison-link{align-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.library-comparison-link:hover{background:color-mix(in srgb,var(--accent) 20%,#0000)}.billing-toggle{background:var(--bg-elevated);border-radius:8px;gap:0;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:300px;padding:4px}.billing-option,.billing-toggle{display:flex;justify-content:center}.billing-option{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.9rem;gap:.5rem;padding:.6rem 1rem;transition:all .2s}.billing-option.active{background:var(--accent);color:#fff;font-weight:600}.annual-total{color:#10b981;font-size:.7rem;margin-top:.25rem}.pwa-install-banner{align-items:center;animation:slideUp .3s ease;background:var(--bg-card);border-top:1px solid var(--border);bottom:0;display:flex;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;right:0;z-index:1000}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pwa-install-info{align-items:center;display:flex;gap:.75rem}.pwa-install-icon{font-size:1.5rem}.pwa-install-text{color:var(--text-primary);font-size:.9rem}.pwa-install-text small{color:var(--text-secondary);display:block;font-size:.75rem}.pwa-install-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1rem}.pwa-dismiss-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1.2rem;padding:.5rem}:is([data-theme=light],[data-theme=sepia]) .focus-timer-widget{background:#fffffff2;border-color:var(--border);box-shadow:0 8px 32px #0000001a}:is([data-theme=light],[data-theme=sepia]) .focus-timer-title{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-time{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-btn{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-btn:hover{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .focus-timer-progress{background:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .ambient-sounds-panel{background:#fffffff2;border-color:var(--border);box-shadow:0 8px 32px #0000001a}:is([data-theme=light],[data-theme=sepia]) .ambient-sounds-title{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .ambient-sound-btn{border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .ambient-sound-btn:hover{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .ambient-sound-btn.active{background:#eff6ff;border-color:var(--accent);color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .ambient-volume-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .ambient-volume input[type=range]{background:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .reading-heatmap{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .reading-heatmap-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .heatmap-legend-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-section .continue-reading-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-card{background:linear-gradient(135deg,#fff,#f9fafb)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-card:hover{border-color:var(--accent);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 10%,#0000)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-cover{background:linear-gradient(135deg,#dbeafe,#e0e7ff)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-progress-bar{background:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .inline-note-popup{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 16px #0000001a}:is([data-theme=light],[data-theme=sepia]) .inline-note-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .inline-note-meta{color:#9ca3af}:is([data-theme=light],[data-theme=sepia]) .year-review-card{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 4%,#0000));border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .year-review-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .year-review-stat-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .mood-tracker-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .mood-btn{border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .mood-btn:hover{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .mood-btn.selected{background:#eff6ff;border-color:var(--accent);color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .shared-highlights-section{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .shared-highlights-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shared-highlight-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shared-highlight-meta{color:#9ca3af}:is([data-theme=light],[data-theme=sepia]) .quote-share-card{background:linear-gradient(135deg,#fff,#f9fafb);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .quote-share-card:before{color:color-mix(in srgb,var(--accent) 8%,#0000)}:is([data-theme=light],[data-theme=sepia]) .quote-share-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .quote-share-source{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .quote-share-btn{border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .quote-share-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .pwa-install-banner{background:linear-gradient(135deg,#fff,#f9fafb);border-top-color:#e5e7eb}:is([data-theme=light],[data-theme=sepia]) .pwa-install-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .pwa-install-text small{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .billing-toggle{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .billing-option{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .billing-option.active{background:var(--accent);color:#fff}:is([data-theme=light],[data-theme=sepia]) .family-plan-card{background:linear-gradient(135deg,#8b5cf60d,color-mix(in srgb,var(--accent) 5%,#0000));border-color:#c4b5fd}:is([data-theme=light],[data-theme=sepia]) .family-plan-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .family-plan-desc{color:var(--text-secondary)}@keyframes shimmerWave{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.theme-particles{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.theme-particle{opacity:.4;position:absolute;top:-20px}@keyframes particleFall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translateY(100vh) rotate(1turn)}}@keyframes particleRise{0%{opacity:0;transform:translateY(100vh) scale(1)}10%{opacity:.5}90%{opacity:.3}to{opacity:0;transform:translateY(-20px) scale(.5)}}@keyframes particleDrift{0%{opacity:0;transform:translateY(-20px) translateX(0) rotate(0deg)}10%{opacity:.5}50%{transform:translateY(50vh) translateX(30px) rotate(180deg)}90%{opacity:.3}to{opacity:0;transform:translateY(100vh) translateX(-20px) rotate(1turn)}}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}25%{opacity:.5;transform:translateY(-20px) translateX(10px)}50%{opacity:.4;transform:translateY(-10px) translateX(-10px)}75%{opacity:.6;transform:translateY(-30px) translateX(5px)}}.particle-fall{animation:particleFall linear infinite}.particle-rise{animation:particleRise linear infinite}.particle-drift{animation:particleDrift linear infinite}.particle-float{animation:particleFloat ease-in-out infinite}.shop-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:48px 40px}.shop-sub-banner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.shop-banner-filters{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px;min-width:0}.shop-category-select{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;min-width:160px;padding:8px 14px}.shop-category-select:focus{border-color:var(--accent);outline:none}.shop-banner-right{align-items:center;display:flex;flex-shrink:0;gap:12px}.shop-collection-stat{align-items:center;display:flex;font-size:.75rem;gap:8px}.shop-collection-count{color:var(--text-muted);font-size:.7rem}.shop-points-display{align-items:center;background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border:1px solid #f59e0b40;border-radius:10px;cursor:default;display:flex;flex-direction:row;gap:12px;margin-left:auto;padding:6px 14px;position:relative;white-space:nowrap}.shop-points-main{align-items:center;display:flex;gap:8px}.shop-points-icon{font-size:1rem}.shop-points-value{color:#f59e0b;font-size:1.1rem;font-weight:700}.shop-points-label{color:var(--text-secondary);font-size:.7rem;margin-left:2px}.shop-points-level{align-items:center;display:flex;gap:6px}.shop-level-icon{font-size:.9rem}.shop-level-name{color:var(--text-primary);font-size:.75rem;font-weight:600}.shop-level-bar{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:60px}.shop-level-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;height:100%;transition:width .5s ease}.shop-points-stat{align-items:center;color:var(--text-muted);display:flex;font-size:.72rem;gap:8px}.shop-collection-bar{background:var(--bg-elevated);border-radius:2px;flex:1 1;height:4px;min-width:50px;overflow:hidden}.shop-collection-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:2px;height:100%;transition:width .5s ease}.shop-collection-pct{color:#10b981;font-size:.72rem;font-weight:700}.shop-book-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;max-height:80vh;max-width:480px;overflow-y:auto;padding:32px;position:relative;width:100%}.shop-book-picker-header{margin-bottom:20px;text-align:center}.shop-book-picker-icon{display:block;font-size:2.5rem;margin-bottom:8px}.shop-book-picker-header h3{font-size:1.1rem;font-weight:700;margin-bottom:4px}.shop-book-picker-header p{color:var(--text-secondary);font-size:.8rem}.shop-book-picker-list{display:flex;flex-direction:column;gap:8px}.shop-book-picker-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:all .2s}.shop-book-picker-item:hover{background:#6366f10d;background:rgba(var(--accent-rgb,99,102,241),.05);border-color:var(--accent)}.shop-book-picker-item.active{background:#10b98114;border-color:#10b981}.shop-book-picker-cover{border-radius:4px;flex-shrink:0;height:50px;object-fit:cover;width:36px}.shop-book-picker-info{flex:1 1;min-width:0}.shop-book-picker-title{display:block;font-size:.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-book-picker-current{color:var(--text-muted);font-size:.72rem}.shop-book-picker-check{color:#10b981;font-size:1.1rem;font-weight:700}.shop-points-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #0000004d;padding:16px;position:absolute;right:0;top:calc(100% + 12px);width:280px;z-index:100}.shop-points-tooltip h4{color:var(--text-primary);font-size:.85rem;font-weight:700;margin-bottom:12px}.tooltip-empty{color:var(--text-muted);font-size:.8rem;padding:12px 0;text-align:center}.tooltip-list{display:flex;flex-direction:column;gap:6px}.tooltip-row{align-items:center;display:flex;font-size:.78rem;gap:8px}.tooltip-label{color:var(--text-secondary);flex:1 1}.tooltip-count{color:var(--text-muted);font-size:.7rem}.tooltip-pts{color:#f59e0b;font-weight:600;min-width:48px;text-align:right}.tooltip-footer{border-top:1px solid var(--border);color:var(--text-primary);font-size:.75rem;font-weight:600;margin-top:10px;padding-top:8px}.shop-categories{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.shop-category-btn{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s;white-space:nowrap}.shop-category-btn:hover{border-color:var(--accent);color:var(--text-primary)}.shop-category-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.shop-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shop-rarity-filters{display:flex;flex-wrap:wrap;gap:4px}.shop-rarity-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:600;padding:5px 10px;transition:all .2s}.shop-rarity-pill:hover{border-color:var(--pill-color,var(--accent));color:var(--accent);color:var(--pill-color,var(--accent))}.shop-rarity-pill.active{background:var(--accent);background:var(--pill-color,var(--accent));border-color:var(--pill-color,var(--accent));color:#fff}.shop-filter-controls{display:flex;gap:8px}.shop-owned-select,.shop-sort-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.78rem;padding:6px 12px}.shop-owned-select:focus,.shop-sort-select:focus{border-color:var(--accent);outline:none}.shop-empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.shop-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.shop-reset-filters{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;margin-top:12px;padding:8px 16px}.shop-message{border-radius:10px;font-weight:500;margin-bottom:16px;padding:12px 20px;text-align:center}.shop-message.success{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.shop-message.error{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.shop-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.shop-item-card{background:var(--bg-card);border:2.5px solid;border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;perspective:800px;position:relative;text-align:center;transition:transform .2s,box-shadow .2s}.shop-item-card:hover{transform:scale(1.02)}.shop-item-card.owned{opacity:.85}.shop-item-card.unaffordable{opacity:.5}.shop-item-owned-banner{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 6px #10b9814d;color:#fff;font-size:.6rem;font-weight:800;left:-30px;letter-spacing:1px;padding:3px 0;position:absolute;text-align:center;text-transform:uppercase;top:14px;transform:rotate(-35deg);width:110px;z-index:2}.shop-item-mature-badge{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 2px 5px #dc262659;font-size:.62rem;font-weight:800;left:8px;letter-spacing:.5px;padding:2px 7px;z-index:3}.shop-item-mature-badge,.shop-item-rarity-badge{border-radius:8px;color:#fff;position:absolute;top:8px}.shop-item-rarity-badge{font-size:.65rem;font-weight:700;padding:2px 8px;right:8px;text-transform:uppercase}.shop-item-icon{animation:shopItemSpin 4s linear infinite;animation-play-state:paused;display:inline-block;font-size:2.5rem;margin-bottom:12px;transform-style:preserve-3d}.shop-item-card:hover .shop-item-icon{animation-play-state:running}@keyframes shopItemSpin{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}.shop-item-name{font-size:.95rem;font-weight:600;margin-bottom:4px}.shop-item-desc{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:12px}.shop-animated-badge{background:#8b5cf626;border-radius:6px;color:#8b5cf6;display:inline-block;font-size:.7rem;margin-bottom:12px;padding:2px 8px}.shop-sample-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:16px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;margin-bottom:10px;padding:5px 12px;transition:all .2s}.shop-sample-btn:hover{background:#3b82f633;border-color:#3b82f680}.shop-sample-btn.playing{animation:samplePulse 1s ease-in-out infinite;background:#ef44441a;border-color:#ef44444d;color:#ef4444}.shop-sample-btn.preview-sample{font-size:.85rem;margin-top:16px;padding:8px 20px}@keyframes samplePulse{0%,to{opacity:1}50%{opacity:.7}}.shop-item-footer{margin-top:auto}.shop-buy-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.shop-buy-btn:disabled{cursor:not-allowed;opacity:.4}.shop-equip-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px}.shop-equip-btn.equipped{background:#10b98126;border-color:#10b981;color:#10b981}.shop-unlock-label{color:var(--text-muted);font-size:.8rem}.shop-free-label{color:#10b981;font-size:.8rem;font-weight:600}.shop-preview-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.shop-preview-card{background:var(--bg-card);border:2px solid var(--border);border-radius:20px;max-width:400px;padding:40px;position:relative;text-align:center;width:100%}.shop-preview-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px}.shop-preview-icon{font-size:4rem;margin-bottom:16px}.shop-preview-card h2{font-size:1.3rem;margin-bottom:8px}.shop-preview-rarity{font-size:.85rem;font-weight:600}.shop-preview-card p{color:var(--text-secondary);line-height:1.5;margin-top:12px}.shop-preview-animated{color:#8b5cf6;font-style:italic}@media (max-width:768px){.shop-page{padding:16px}.shop-sub-banner{flex-direction:column;gap:16px}.shop-points-display{flex-wrap:wrap;width:100%}.shop-points-tooltip{left:0;right:0;width:auto}.shop-filters-row{flex-direction:column;gap:8px}.shop-filter-controls{margin-left:0}.shop-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-rarity-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}}.chest-inventory{margin:24px 0;padding:12px 0}.chest-inventory-title{font-size:1rem;font-weight:600;margin-bottom:12px}.chest-inventory-grid{display:flex;flex-wrap:wrap;gap:20px}.chest-inventory-item{align-items:center;animation:chestFloat 3s ease-in-out infinite;border:none;border-radius:16px;box-shadow:0 8px 24px #0003;cursor:pointer;display:flex;height:80px;justify-content:center;position:relative;width:80px}.chest-inventory-item:nth-child(2){animation-delay:-1s}.chest-inventory-item:nth-child(3){animation-delay:-2s}@keyframes chestFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chest-inventory-icon{font-size:2rem}.chest-daily-badge{background:#10b981;border-radius:4px;bottom:-4px;color:#fff;font-size:.55rem;font-weight:700;padding:1px 4px;position:absolute;right:-4px}.chest-overlay{background:#00000080;inset:0;position:fixed;z-index:2000}.chest-container,.chest-overlay{align-items:center;display:flex;justify-content:center}.chest-container{min-height:300px}.chest-box{align-items:center;border-radius:24px;box-shadow:0 0 60px #f59e0b4d,0 8px 32px #0000004d;display:flex;height:140px;justify-content:center;position:relative;width:140px}.chest-icon{font-size:3rem}.chest-glow{animation:chestGlow .5s ease-in-out infinite alternate;border:2px solid;border-radius:22px;inset:-4px;position:absolute}@keyframes chestGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.8;transform:scale(1.05)}}.chest-reward{background:#1e1e2ee6;background:var(--bg-card,#1e1e2ee6);border:1px solid var(--border);border-radius:20px;box-shadow:0 16px 48px #0000004d;padding:40px 48px;position:relative;text-align:center}.chest-reward-spotlight{animation:spotlightPulse 2s ease-in-out infinite;background:radial-gradient(circle,#f59e0b59 0,#f59e0b1a 40%,#0000 70%);height:300px;left:50%;pointer-events:none;position:absolute;top:-80px;transform:translateX(-50%);width:300px}@keyframes spotlightPulse{0%,to{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.chest-reward-icon{font-size:4rem;margin-bottom:16px}.chest-reward-name{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:4px}.chest-reward-rarity{font-size:.85rem;font-weight:600}.chest-reward-desc{color:var(--text-secondary);font-size:.9rem;margin-top:8px;max-width:280px}.chest-claim-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:24px;padding:12px 32px}.chest-reward-new-badge{animation:newBadgePulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#34d399);border-radius:6px;color:#fff;display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.08em;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}@keyframes newBadgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shop-item-new-badge{border-radius:4px;box-shadow:0 2px 6px #10b9814d;font-size:.6rem;left:8px;padding:2px 8px;top:8px}.nook-item-new-badge,.shop-item-new-badge{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-weight:800;letter-spacing:.05em;position:absolute;z-index:2}.nook-item-new-badge{border-radius:3px;font-size:.5rem;padding:1px 4px;right:-4px;top:-4px}.nook-tooltip-item.new-item{border-color:#10b981;box-shadow:0 0 8px #10b9814d}.reading-companion-wrapper{align-items:flex-end;bottom:24px;display:flex;flex-direction:column;gap:8px;position:fixed;right:24px;z-index:80}.reading-companion{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;box-shadow:0 4px 16px #0003;display:flex;height:52px;justify-content:center;position:relative;width:52px}.companion-icon{font-size:1.6rem}.companion-zzz{animation:zzzFloat 2s ease-in-out infinite;font-size:.7rem;position:absolute;right:-4px;top:-8px}@keyframes zzzFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}.companion-mini{font-size:1.2rem}.companion-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:-32px;box-shadow:0 2px 8px #0003;color:var(--text-secondary);font-size:.75rem;padding:6px 12px;pointer-events:none;position:absolute;right:0;white-space:nowrap}.companion-details{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0003;min-width:180px;padding:12px 16px}.companion-details-header{display:flex;justify-content:space-between;margin-bottom:8px}.companion-details-name{font-size:.85rem;font-weight:600}.companion-details-stage{color:var(--text-muted);font-size:.7rem}.companion-details-bar{background:var(--bg-elevated);border-radius:2px;height:4px;margin-bottom:6px;overflow:hidden}.companion-details-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%;transition:width .5s ease}.companion-details-mood{color:var(--text-secondary);font-size:.75rem}.multiplier-badge{position:relative;z-index:90}.multiplier-badge-inner{align-items:center;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid #f59e0b66;border-radius:8px;cursor:default;display:flex;gap:4px;padding:4px 10px}.multiplier-value{color:#f59e0b;font-size:.85rem;font-weight:700}.multiplier-label{color:#fbbf24;font-size:.6rem;font-weight:600;text-transform:uppercase}.multiplier-details{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #0003;display:none;flex-direction:column;gap:4px;margin-top:6px;min-width:140px;padding:8px 10px;position:absolute;right:0;top:100%}.multiplier-badge:hover .multiplier-details{display:flex}.multiplier-detail-item{color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.multiplier-detail-item.combo{color:var(--accent);font-weight:500}.onboarding-page{align-items:flex-start;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.onboarding-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-top:20px;max-width:720px;padding:24px 32px;position:relative;text-align:center;width:100%;z-index:1}.onboarding-step-indicator{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.onboarding-dot{background:#fff3;border-radius:50%;height:8px;width:8px}.onboarding-dot.active{background:var(--accent)}.onboarding-dot.done{background:#10b981}.onboarding-card h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:8px}.onboarding-card p{color:var(--text-secondary);margin-bottom:24px}.onboarding-classes{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.onboarding-class-btn{background:#ffffff08;border:2px solid var(--border);border-radius:12px;cursor:pointer;padding:12px 8px;text-align:center;transition:all .2s}.onboarding-class-btn:hover{border-color:var(--accent)}.onboarding-class-btn.selected{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.onboarding-class-icon{display:block;font-size:1.5rem;margin-bottom:4px}.onboarding-class-name{color:var(--text-primary);display:block;font-size:.8rem;font-weight:600}.onboarding-class-desc{color:var(--text-secondary);font-size:.7rem}.onboarding-companions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:24px}.onboarding-companion-btn{background:#ffffff08;border:2px solid var(--border);border-radius:50%;cursor:pointer;font-size:1.5rem;height:56px;transition:all .2s;width:56px}.onboarding-companion-btn:hover{border-color:var(--accent);transform:scale(1.1)}.onboarding-companion-btn.selected{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent)}.companion-preview{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #8b5cf640;border-radius:16px;margin:16px 0;min-height:200px;overflow:hidden;padding:20px}.companion-preview-icon{font-size:3.5rem;margin-bottom:8px}.companion-preview-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:8px}.companion-preview-bio{color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.5;margin:0 0 12px}.companion-preview-traits{display:flex;flex-direction:column;gap:6px;text-align:left}.companion-dislikes,.companion-likes{color:var(--text-secondary);font-size:.78rem;line-height:1.4}.onboarding-next-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:background .2s}.onboarding-next-btn:hover{background:var(--accent-hover)}.onboarding-next-btn:disabled{cursor:not-allowed;opacity:.4}.onboarding-btn-row{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.onboarding-back-btn{background:#0000;border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .2s}.onboarding-back-btn:hover{background:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary)}.onboarding-name-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:1.1rem;margin-bottom:24px;padding:14px 20px;text-align:center;width:100%}.onboarding-name-input:focus{border-color:var(--accent);outline:none}.onboarding-reward{background:linear-gradient(135deg,#f59e0b1a,#8b5cf61a);border:1px solid #f59e0b4d;border-radius:16px;margin-bottom:24px;padding:20px}.onboarding-reward h3{color:#fbbf24;margin-bottom:12px}.onboarding-reward-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.onboarding-reward-item{color:var(--text-primary);font-size:.85rem}.spin-wheels-row{display:flex;gap:20px;justify-content:center;margin:24px 0 16px}.spin-wheel-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;max-width:180px}.spin-wheel-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.spin-wheel{align-items:center;background:#ffffff08;border:3px solid var(--border);border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;transition:border-color .3s;width:100px}.spin-wheel.is-spinning{animation:spin-glow .3s linear infinite;border-color:#f59e0b}.spin-wheel.landed{background:#10b98114;border-color:#10b981}.spin-symbols{color:var(--text-muted);font-size:.7rem;line-height:1.4;padding:8px;text-align:center}.spin-balls{flex-wrap:wrap;gap:4px;padding:8px}.spin-ball,.spin-balls{align-items:center;display:flex;justify-content:center}.spin-ball{background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:var(--text-primary);font-size:.6rem;height:26px;width:26px}.spin-wheel.is-spinning .spin-balls{animation:bingo-shake .12s linear infinite}.spin-wheel.is-spinning .spin-ball:first-child{animation:ball-bounce-1 .25s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(2){animation:ball-bounce-2 .22s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(3){animation:ball-bounce-3 .28s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(4){animation:ball-bounce-4 .24s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(5){animation:ball-bounce-5 .26s ease-in-out infinite alternate}.spin-wheel.is-spinning .spin-ball:nth-child(6){animation:ball-bounce-6 .2s ease-in-out infinite alternate}@keyframes bingo-shake{0%{transform:translate(0)}25%{transform:translate(-1px,1px)}50%{transform:translate(1px,-1px)}75%{transform:translate(-1px,-1px)}to{transform:translate(1px,1px)}}@keyframes ball-bounce-1{0%{transform:translate(-12px,-10px)}to{transform:translate(-4px,-2px)}}@keyframes ball-bounce-2{0%{transform:translate(12px,-10px)}to{transform:translate(4px,-2px)}}@keyframes ball-bounce-3{0%{transform:translate(-14px,8px)}to{transform:translate(-4px,2px)}}@keyframes ball-bounce-4{0%{transform:translate(14px,8px)}to{transform:translate(4px,2px)}}@keyframes ball-bounce-5{0%{transform:translate(-6px,-14px)}to{transform:translateY(-4px)}}@keyframes ball-bounce-6{0%{transform:translate(6px,14px)}to{transform:translateY(4px)}}.spin-result{display:block;font-size:2rem}.spin-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:8px 20px;text-transform:uppercase;transition:all .2s}.spin-btn:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.05)}.spin-btn:disabled{background:linear-gradient(135deg,#10b981,#059669);cursor:default;opacity:.7;transform:none}.spin-wheel.is-spinning .spin-symbols{animation:spin-scroll .15s linear infinite}@keyframes spin-scroll{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes spin-glow{0%,to{box-shadow:0 0 8px #f59e0b66}50%{box-shadow:0 0 20px #f59e0bb3}}.onboarding-floating-quotes{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:2}.onboarding-floating-quote{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid;border-radius:12px;box-shadow:0 0 16px #6366f133;max-width:260px;padding:10px 14px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .7s ease}.floating-quote-text{color:#e2e8f0;display:block;font-size:.82rem;font-style:italic;line-height:1.4}.floating-quote-author{color:#c4b5fd;display:block;font-size:.72rem;font-weight:500;margin-top:4px}.reading-pass-page{margin:0 auto;max-width:1000px;min-height:100vh;padding:48px 40px}.reading-pass-header{margin-bottom:32px;text-align:center}.reading-pass-header h1{font-size:1.8rem;margin-bottom:8px}.reading-pass-season{color:var(--text-secondary);font-size:.9rem}.reading-pass-progress{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:32px;padding:16px 20px}.reading-pass-level-info{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.reading-pass-track{display:flex;gap:4px;overflow-x:auto;padding:16px 0}.pass-level{flex-shrink:0;position:relative;text-align:center;width:80px}.pass-level-num{color:var(--text-muted);font-size:.7rem;margin-bottom:4px}.pass-level-reward{align-items:center;background:var(--bg-elevated);border:2px solid var(--border);border-radius:10px;display:flex;font-size:1.3rem;height:48px;justify-content:center;margin:0 auto;transition:all .2s;width:48px}.pass-level-reward.unlocked{background:#10b9811a;border-color:#10b981}.pass-level-reward.current{animation:passGlow 2s infinite;background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.pass-level-reward.locked{filter:grayscale(1);opacity:.4}@keyframes passGlow{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 30%,#0000)}50%{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 60%,#0000)}}.pass-level-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-muted);display:-webkit-box;font-size:.6rem;line-height:1.2;margin-top:4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-word}.pass-claim-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.65rem;margin-top:6px;padding:3px 8px}.book-card{overflow:hidden;position:relative}.book-card:after{background:linear-gradient(135deg,#0000,#ffffff08 40%,#ffffff14 50%,#ffffff08 60%,#0000);background:linear-gradient(var(--mouse-angle,135deg),#0000 0,#ffffff08 40%,#ffffff14 50%,#ffffff08 60%,#0000 100%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.book-card:hover:after{opacity:1}@media (max-width:768px){.shop-page{padding:24px 16px}.shop-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-categories{gap:4px}.shop-category-btn{font-size:.8rem;padding:8px 12px}.reading-companion-wrapper{bottom:16px;right:16px}.reading-companion{height:44px;width:44px}.companion-icon{font-size:1.3rem}.onboarding-classes{grid-template-columns:repeat(2,1fr)}}.nook-page{margin:0 auto;max-width:1000px;min-height:100vh;padding:24px}.nook-header{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.nook-header,.nook-header-left{align-items:center;display:flex}.nook-header-left{gap:12px}.nook-header-left h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a78bfa,#6366f1);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800;margin:0}.nook-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:4px 14px}.nook-header-right{color:var(--text-secondary);font-size:.78rem}.nook-next{opacity:.7}.nook-progress{align-items:center;display:flex;gap:12px;margin-bottom:14px}.nook-progress-bar{background:#6366f11a;border:1px solid #6366f133;border-radius:10px;flex:1 1;height:10px;overflow:hidden}.nook-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa,#c084fc);border-radius:10px;box-shadow:0 0 10px #6366f166;height:100%}.nook-progress-text{color:var(--text-secondary);font-size:.78rem;font-weight:600;white-space:nowrap}.nook-room{aspect-ratio:16/9;background:#2f4a43;border-radius:20px;box-shadow:0 24px 70px #0006,0 0 0 1px #0003,inset 0 1px 0 #ffffff0f;overflow:hidden;position:relative;width:100%}.nook-room-wall{background:repeating-linear-gradient(90deg,#0000000d,#0000000d 2px,#0000 0,#0000 90px),linear-gradient(180deg,#3c5b52,#314a43);inset:0;bottom:32%;position:absolute}.nook-room-wall:after{border:2px solid #00000014;border-radius:4px;box-shadow:inset 0 0 0 6px #ffffff08;content:"";inset:8% 4% 6% 4%;pointer-events:none;position:absolute}.nook-room-accent{background:linear-gradient(180deg,#e9c9a8,#dcb893);bottom:32%;box-shadow:inset 8px 0 16px #0000001f;width:16%}.nook-room-floor{background:repeating-linear-gradient(88deg,#0000000f,#0000000f 1px,#0000 0,#0000 70px),linear-gradient(180deg,#c89760,#b07f49);bottom:0;height:32%;left:0;position:absolute;right:0}.nook-room-floor:before{background:linear-gradient(180deg,#00000026,#0000 30%);content:"";inset:0;position:absolute}.nook-room-baseboard{background:linear-gradient(180deg,#8a6038,#6d4a2a);box-shadow:0 3px 6px #00000040;height:10px;left:0;position:absolute;right:0;top:68%}.nook-room:before{background:radial-gradient(ellipse at center top,#fff6e059 0,#0000 70%);height:55%;left:18%;top:0;width:50%}.nook-room:after,.nook-room:before{content:"";pointer-events:none;position:absolute;z-index:1}.nook-room:after{background:radial-gradient(ellipse at 50% 45%,#0000 55%,#0000002e 100%);inset:0}.nook-ambiance{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.nook-mote{animation:nookMoteFall linear infinite;background:#fff8dcb3;border-radius:50%;box-shadow:0 0 6px #fff8dc80;height:5px;position:absolute;top:-10px;width:5px}.nook-mote-0{animation-duration:14s}.nook-mote-1{animation-duration:18s;height:4px;width:4px}.nook-mote-2{animation-duration:22s;height:3px;opacity:.6;width:3px}@keyframes nookMoteFall{0%{opacity:0;transform:translateY(0) translateX(0)}10%{opacity:.8}50%{transform:translateY(45vh) translateX(12px)}90%{opacity:.5}to{opacity:0;transform:translateY(62%) translateX(-8px)}}@media (prefers-reduced-motion:reduce){.nook-mote{animation:none;display:none}}.nook-item{align-items:center;border:2px solid #0000;border-radius:14px;cursor:grab;display:flex;flex-direction:column;gap:3px;padding:6px 8px;position:absolute;touch-action:none;transition:transform .2s,filter .2s;-webkit-user-select:none;user-select:none;z-index:5}.nook-item:active{cursor:grabbing}.nook-item.ghost{background:#ffffff0f;border:2px dashed #ffffff40;opacity:.55}.nook-item.ghost:hover{opacity:.85}.nook-item.ghost .nook-item-emoji{filter:grayscale(.7);opacity:.5}.nook-item.ghost .nook-item-label{color:#ffffffd9;text-shadow:0 1px 3px #0009}.nook-item.has-item{background:#0000;border:2px solid #0000}.nook-item.has-item .nook-item-emoji{filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))}.nook-item.has-item .nook-item-label{background:#141419d1;border-radius:8px;color:#fff;opacity:0;padding:2px 8px;text-shadow:none;transform:translateY(-4px);transition:opacity .15s,transform .15s}.nook-item.has-item.selected .nook-item-label,.nook-item.has-item:hover .nook-item-label{opacity:1;transform:translateY(0)}.nook-item.selected{border-color:#fbbf24;border-radius:14px;box-shadow:0 0 24px #fbbf2466;z-index:20}.nook-item-emoji{font-size:2.6rem;line-height:1}.nook-item-label{color:#f1f5f9;font-size:.72rem;font-weight:700;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nook-item-sparkle{animation:sparkle 2s ease-in-out infinite;color:#fbbf24;font-size:.6rem;position:absolute;right:4px;top:2px}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.nook-item-rarity-dot{border-radius:50%;bottom:4px;box-shadow:0 0 4px currentColor;height:6px;position:absolute;right:6px;width:6px}.nook-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f0f1ef7;border:1px solid #6366f140;border-radius:16px;box-shadow:0 16px 48px #00000080,0 0 0 1px #6366f11a;overflow:hidden;padding:0;position:absolute;width:260px;z-index:200}.nook-panel-head{align-items:center;background:linear-gradient(135deg,#6366f126,#8b5cf61a);border-bottom:1px solid #6366f126;display:flex;justify-content:space-between;padding:12px 14px}.nook-panel-title{align-items:center;color:#e2e8f0;display:flex;font-size:.85rem;font-weight:700;gap:8px}.nook-panel-icon{font-size:1.1rem}.nook-panel-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;transition:all .15s;width:24px}.nook-panel-close:hover{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.nook-panel-current{align-items:center;background:#6366f114;border-bottom:1px solid #ffffff0d;display:flex;gap:8px;padding:10px 14px}.nook-panel-current-icon{font-size:1.3rem}.nook-panel-current-name{display:block;font-size:.8rem;font-weight:600}.nook-panel-current-rarity{font-size:.65rem;opacity:.6}.nook-panel-remove{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;font-size:.65rem;margin-left:auto;padding:4px 8px}.nook-panel-remove:hover{background:#ef444433}.nook-panel-section{border-bottom:1px solid #ffffff0a;padding:10px 14px}.nook-panel-section h4{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.nook-panel-grid{display:flex;flex-direction:column;gap:4px}.nook-panel-option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.nook-panel-option:hover{background:#6366f126;border-color:#6366f14d}.nook-panel-option.equipped{background:#6366f133;border-color:#818cf8}.nook-panel-opt-icon{font-size:1.1rem}.nook-panel-opt-name{color:#e2e8f0;flex:1 1;font-size:.75rem;font-weight:500}.nook-panel-opt-rarity{font-size:.6rem;font-weight:600}.nook-panel-opt-price{color:#fbbf24;font-size:.68rem;font-weight:600}.nook-panel-shop-item{align-items:center;background:#ffffff05;border-left:3px solid #6366f14d;border-radius:8px;display:flex;gap:8px;padding:6px 10px}.nook-panel-shop-item.locked{opacity:.5}.nook-panel-shop-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:block;font-size:.78rem;font-weight:700;margin-top:10px;padding:9px;transition:all .2s;width:100%}.nook-panel-shop-btn:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px)}.nook-panel-empty{padding:16px 14px;text-align:center}.nook-panel-empty p{color:#64748b;font-size:.78rem;margin:0 0 10px}.nook-panel-footer{background:#0003;color:#64748b;font-size:.62rem;padding:8px 14px;text-align:center}.nook-levels{display:flex;gap:6px;justify-content:center;margin-top:16px}.nook-lvl{align-items:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;gap:2px;opacity:.4;padding:8px 14px;transition:all .2s}.nook-lvl.done{background:#6366f10f;border-color:#6366f133;opacity:1}.nook-lvl.now{background:#6366f11f;border-color:#6366f1;box-shadow:0 0 15px #6366f126}.nook-lvl-num{color:#818cf8;font-size:.9rem;font-weight:800}.nook-lvl-name{color:var(--text-secondary);font-size:.58rem}.nook-lvl-rarity{font-size:.52rem;font-weight:700}.nook-hint{color:var(--text-secondary);font-size:.72rem;margin-top:10px;opacity:.5;text-align:center}.nook-paint-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,36px);margin-top:6px}.nook-paint-swatch{align-items:center;border:2px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;font-size:.7rem;height:36px;justify-content:center;transition:all .15s;width:36px}.nook-paint-swatch:hover{border-color:#818cf8;box-shadow:0 0 8px #6366f166;transform:scale(1.15)}.nook-paint-swatch.active{border-color:#fff;box-shadow:0 0 12px #fff6}.nook-paint-check{color:#fff;font-weight:800;text-shadow:0 1px 2px #00000080}.nook-paint-reset{background:#ffffff0d;border-style:dashed;color:#94a3b8}.nook-room-accent{background:linear-gradient(180deg,#00000005,#0000000a);border-left:1px solid #0000000d;height:62%;position:absolute;right:0;top:0;width:20%}.nook-room-ceiling-zone{background:linear-gradient(180deg,#00000008,#0000);height:8%;left:0;position:absolute;right:0;top:0}.nook-boost{align-items:center;display:flex;position:relative}.nook-boost-value{background:linear-gradient(135deg,#059669,#10b981);border-radius:12px;color:#fff;cursor:default;font-size:.7rem;font-weight:700;padding:3px 10px}.nook-boost-breakdown{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af5;border:1px solid #10b9814d;border-radius:10px;display:none;left:0;margin-top:6px;min-width:180px;padding:10px 12px;position:absolute;top:100%;z-index:50}.nook-boost:hover .nook-boost-breakdown{display:flex;flex-direction:column;gap:3px}.nook-boost-breakdown span{color:#a7f3d0;font-size:.68rem}@media (max-width:768px){.nook-page{padding:14px 10px}.nook-header{align-items:flex-start;flex-direction:column}.nook-room{aspect-ratio:4/3}.nook-item-emoji{font-size:1.5rem}.nook-item-label{font-size:.58rem}.nook-panel{width:230px}.nook-lvl{padding:6px 8px}.nook-hint,.nook-lvl-name{display:none}}.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:var(--text-primary);font-size:1.1rem}.streak-fire.fire-legendary{animation:legendaryPulse 1.5s ease-in-out infinite}.streak-fire.fire-purple{animation:purplePulse 2s ease-in-out infinite}@keyframes legendaryPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}@keyframes purplePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.sound-toggle-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.sound-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.sound-toggle-btn.muted{opacity:.5}.sound-toggle-btn:hover{border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .nook-page,:is([data-theme=light],[data-theme=sepia]) .onboarding-page,:is([data-theme=light],[data-theme=sepia]) .reading-pass-page,:is([data-theme=light],[data-theme=sepia]) .shop-page{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-points-display{background:linear-gradient(135deg,#f59e0b14,#f59e0b08);border-color:#f59e0b40}:is([data-theme=light],[data-theme=sepia]) .shop-item-card{background:var(--bg-card)}:is([data-theme=light],[data-theme=sepia]) .shop-item-card:hover{box-shadow:0 4px 20px #00000014}:is([data-theme=light],[data-theme=sepia]) .shop-item-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-item-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .shop-category-btn{background:var(--bg-card);border-color:var(--border);color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .shop-category-btn:hover{border-color:var(--accent);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-category-btn.active{background:var(--accent);color:#fff}:is([data-theme=light],[data-theme=sepia]) .shop-equip-btn{background:var(--bg-elevated);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-equip-btn.equipped{background:#dcfce7;border-color:#86efac;color:#166534}:is([data-theme=light],[data-theme=sepia]) .shop-preview-card{background:var(--bg-card);border-color:var(--border);box-shadow:0 20px 60px #00000026}:is([data-theme=light],[data-theme=sepia]) .shop-preview-card h2{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .shop-preview-card p{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .chest-inventory{background:#0000;border-color:#0000}:is([data-theme=light],[data-theme=sepia]) .chest-inventory-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .chest-reward-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .chest-reward-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .chest-claim-btn{box-shadow:0 4px 12px #f59e0b4d}:is([data-theme=light],[data-theme=sepia]) .reading-companion{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 16px #00000014}:is([data-theme=light],[data-theme=sepia]) .companion-tooltip{background:var(--bg-card);border-color:var(--border);box-shadow:0 2px 8px #00000014;color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .companion-details{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 16px #00000014}:is([data-theme=light],[data-theme=sepia]) .companion-details-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .companion-details-bar{background:var(--border)}:is([data-theme=light],[data-theme=sepia]) .companion-details-mood{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .multiplier-badge-inner{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0a);border-color:#f59e0b4d}:is([data-theme=light],[data-theme=sepia]) .multiplier-details{background:var(--bg-card);border-color:var(--border);box-shadow:0 4px 12px #0000001a}:is([data-theme=light],[data-theme=sepia]) .multiplier-detail-item{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .reading-pass-progress{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .reading-pass-level-info{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .pass-level-num{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .pass-level-reward{background:var(--bg-elevated);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .pass-level-reward.unlocked{background:#f0fdf4;border-color:#86efac}:is([data-theme=light],[data-theme=sepia]) .pass-level-reward.current{background:#eff6ff;border-color:#93c5fd}:is([data-theme=light],[data-theme=sepia]) .pass-level-name{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-page{background:linear-gradient(135deg,#eff6ff,#f5f3ff 50%,#eff6ff)}:is([data-theme=light],[data-theme=sepia]) .onboarding-card{background:#fffffff2;border-color:var(--border);box-shadow:0 20px 60px #0000001a}:is([data-theme=light],[data-theme=sepia]) .onboarding-card h2{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-card p{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-dot{background:#d1d5db}:is([data-theme=light],[data-theme=sepia]) .onboarding-dot.active{background:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-dot.done{background:#10b981}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-btn{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-btn:hover{border-color:#93c5fd}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-btn.selected{background:#eff6ff;border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-name{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-class-desc{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-companion-btn{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .onboarding-companion-btn.selected{background:#eff6ff;border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-name-input{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .onboarding-name-input:focus{border-color:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .onboarding-reward{background:linear-gradient(135deg,#f59e0b0f,#8b5cf60f);border-color:#f59e0b33}:is([data-theme=light],[data-theme=sepia]) .onboarding-reward h3{color:#b45309}:is([data-theme=light],[data-theme=sepia]) .onboarding-reward-item{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .nook-room-wall{background:linear-gradient(180deg,#fdfcfa,#f8f4ed)}:is([data-theme=light],[data-theme=sepia]) .nook-item.ghost{background:#6366f10a;border-color:#6366f133}:is([data-theme=light],[data-theme=sepia]) .nook-item.has-item{background:#0000000a;border-color:#00000014}:is([data-theme=light],[data-theme=sepia]) .nook-item-label{color:#334155;text-shadow:none}:is([data-theme=light],[data-theme=sepia]) .nook-panel{background:#fffffffa;border-color:#6366f133;box-shadow:0 16px 48px #0000001f}:is([data-theme=light],[data-theme=sepia]) .nook-panel-head{background:linear-gradient(135deg,#6366f114,#8b5cf60d)}:is([data-theme=light],[data-theme=sepia]) .nook-panel-title{color:#1e293b}:is([data-theme=light],[data-theme=sepia]) .nook-panel-option{border-color:#00000014}:is([data-theme=light],[data-theme=sepia]) .nook-panel-opt-name{color:#334155}:is([data-theme=light],[data-theme=sepia]) .nook-lvl{background:#00000005;border-color:#0000000f}:is([data-theme=light],[data-theme=sepia]) .shimmer-bar-track{background:var(--border)!important}:is([data-theme=light],[data-theme=sepia]) .library-social-btn{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .streak-widget{border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .streak-count{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .streak-label{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .streak-goal-text{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .heatmap-cell{background:var(--bg-elevated)}:is([data-theme=light],[data-theme=sepia]) .heatmap-cell.active{background:var(--accent)}:is([data-theme=light],[data-theme=sepia]) .book-card:after{background:linear-gradient(135deg,#0000 0,color-mix(in srgb,var(--accent) 5%,#0000) 40%,color-mix(in srgb,var(--accent) 6%,#0000) 50%,color-mix(in srgb,var(--accent) 5%,#0000) 60%,#0000 100%);background:linear-gradient(var(--mouse-angle,135deg),#0000 0,color-mix(in srgb,var(--accent) 5%,#0000) 40%,color-mix(in srgb,var(--accent) 6%,#0000) 50%,color-mix(in srgb,var(--accent) 5%,#0000) 60%,#0000 100%)}:is([data-theme=light],[data-theme=sepia]) .library-level-bar{background:var(--border)}:is([data-theme=light],[data-theme=sepia]) .library-level-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-book-title{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-chapter{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .continue-reading-progress-bar{background:var(--border)}:is([data-theme=light],[data-theme=sepia]) .daily-quote-card{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .daily-quote-text{color:var(--text-primary)}:is([data-theme=light],[data-theme=sepia]) .daily-quote-source{color:var(--text-secondary)}:is([data-theme=light],[data-theme=sepia]) .trivia-widget{background:var(--bg-card);border-color:var(--border)}:is([data-theme=light],[data-theme=sepia]) .shop-message.success{background:#f0fdf4;border-color:#86efac;color:#166534}:is([data-theme=light],[data-theme=sepia]) .shop-message.error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}:is([data-theme=light],[data-theme=sepia]) .shop-animated-badge{background:#f5f3ff;color:#6d28d9}:is([data-theme=light],[data-theme=sepia]) .shop-unlock-label{color:var(--text-secondary)}.profile-referral-section{padding:24px 0}.profile-referral-section h3{font-size:1.3rem;margin-bottom:8px}.referral-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:20px}.referral-code-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:20px;text-align:center}.referral-code-label{color:var(--text-muted);display:block;font-size:.75rem;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.referral-code-display{align-items:center;display:flex;gap:12px;justify-content:center}.referral-code-value{color:var(--accent);font-family:monospace;font-size:1.5rem;font-weight:700;letter-spacing:.05em}.referral-copy-btn{background:var(--accent);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:opacity .2s}.referral-copy-btn:hover{opacity:.85}.referral-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.referral-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 8px;text-align:center}.referral-stat-value{color:var(--accent);display:block;font-size:1.8rem;font-weight:700}.referral-stat-label{color:var(--text-muted);font-size:.72rem}.referral-share-section{margin-bottom:24px}.referral-share-section h4{font-size:1rem;margin-bottom:4px}.referral-share-hint{color:var(--text-muted);font-size:.8rem;margin-bottom:8px}.referral-share-message{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-style:italic;line-height:1.5;padding:14px 16px}.friend-milestones-section{border-top:1px solid var(--border);padding-top:20px}.friend-milestones-section h4{font-size:1.1rem;margin-bottom:4px}.friend-milestone-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.friend-milestone-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px 14px;transition:border-color .2s}.friend-milestone-item.reached{background:#10b9810d;border-color:#10b981}.friend-milestone-icon{font-size:1.3rem}.friend-milestone-info{display:flex;flex:1 1;flex-direction:column}.friend-milestone-label{color:var(--text-primary);font-size:.85rem;font-weight:600}.friend-milestone-reward{color:var(--text-secondary);font-size:.75rem}.friend-milestone-check{color:#10b981;font-size:1.1rem;font-weight:700}.friend-milestone-progress{color:var(--text-secondary);font-size:.85rem;margin-top:12px}.live-clock{align-items:center;display:inline-flex;flex-direction:column;gap:2px;line-height:1}.live-clock-icon{font-size:1.6rem}.live-clock-value{font-feature-settings:"tnum";color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:700}.live-clock-card .live-clock-value{font-size:.85rem}.live-clock-preview .live-clock-icon{font-size:3rem}.live-clock-preview .live-clock-value{font-size:1.4rem;margin-top:4px}.audiobook-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2e;background:var(--surface-color,#1a1a2e);border-top:1px solid #ffffff1a;bottom:0;padding:12px 16px;position:-webkit-sticky;position:sticky;z-index:100}.audiobook-player.loading{padding:8px;text-align:center}.audiobook-loading-text{color:var(--text-secondary);font-size:.85rem}.audiobook-player.listen-mode{border-radius:16px;box-shadow:0 8px 32px #0000004d;margin:16px}.audiobook-progress{background:#ffffff1a;border-radius:3px;cursor:pointer;height:6px;margin-bottom:8px;position:relative}.audiobook-progress-buffered{background:#ffffff26}.audiobook-progress-buffered,.audiobook-progress-fill{border-radius:3px;height:100%;left:0;position:absolute;top:0}.audiobook-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .1s linear}.audiobook-progress-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:14px;position:absolute;top:-4px;transform:translateX(-50%);transition:left .1s linear;width:14px}.audiobook-time{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:8px}.audiobook-chapter-indicator{font-size:.7rem;opacity:.7}.audiobook-controls{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.audiobook-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.4rem;opacity:.9;padding:8px;transition:all .2s}.audiobook-btn:hover:not(:disabled){opacity:1;transform:scale(1.1)}.audiobook-btn:disabled{cursor:not-allowed;opacity:.3}.audiobook-btn.play-btn{background:#6366f133;font-size:2rem;padding:12px}.audiobook-secondary{align-items:center;display:flex;gap:16px;justify-content:center}.audiobook-btn-sm{background:#ffffff1a;border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.75rem;padding:4px 10px;transition:background .2s}.audiobook-btn-sm:hover{background:#fff3}.audiobook-volume{align-items:center;display:flex;gap:6px}.audiobook-volume input[type=range]{-webkit-appearance:none;appearance:none;background:#fff3;border-radius:2px;height:4px;outline:none;width:80px}.audiobook-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;cursor:pointer;height:12px;width:12px}.audiobook-sleep-wrapper{position:relative}.audiobook-sleep-menu{background:#1a1a2e;background:var(--surface-color,#1a1a2e);border:1px solid #ffffff26;border-radius:12px;bottom:100%;box-shadow:0 4px 16px #0000004d;display:flex;flex-direction:column;gap:4px;left:50%;padding:8px;position:absolute;transform:translateX(-50%);z-index:110}.audiobook-sleep-menu button{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 12px;white-space:nowrap}.audiobook-sleep-menu button:hover{background:#ffffff1a}.audiobook-sync-indicator{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;gap:6px;justify-content:center;margin-top:8px}.sync-dot{animation:pulse 2s infinite;background:#22c55e;border-radius:50%;height:6px;width:6px}@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:var(--accent);border-radius:2px;height:100%;transition:width .3s}.pill-time{color:var(--text-secondary);font-size:.7rem}.audio-active-sentence{background:color-mix(in srgb,var(--accent) 12%,#0000);border-radius:4px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 8%,#0000);padding:2px 4px;transition:background .4s ease,box-shadow .4s ease}.audio-active-word{background:color-mix(in srgb,var(--accent) 35%,#0000);border-radius:3px;font-weight:500;padding:1px 2px;transition:background .15s ease}.dark-mode .audio-active-sentence,[data-theme=dark] .audio-active-sentence{background:#fbbf241f;box-shadow:0 0 0 2px #fbbf2414}.dark-mode .audio-active-word,[data-theme=dark] .audio-active-word{background:#fbbf2459}[data-theme=sepia] .audio-active-sentence{background:#b4783c1f;box-shadow:0 0 0 2px #b4783c14}[data-theme=sepia] .audio-active-word{background:#b4783c4d}.reading-mode-toggle{background:#ffffff0d;border-radius:12px;display:flex;gap:4px;padding:4px}.reading-mode-btn{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;padding:6px 12px;transition:all .2s}.reading-mode-btn.active{background:#6366f133;color:#fff}.reading-mode-btn.disabled{cursor:not-allowed;opacity:.3}.reading-mode-icon{font-size:1rem}.reading-mode-label{font-weight:500}.auto-scroll-controls{bottom:20px;left:50%;position:fixed;transform:translateX(-50%);z-index:150}.auto-scroll-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#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:var(--text-primary);font-size:.8rem;font-weight:500;min-width:60px;text-align:center}.auto-scroll-speed-level{animation:speed-flash .3s ease;color:#6366f1;color:var(--accent,#6366f1);font-size:1.2rem;font-weight:700}@keyframes speed-flash{0%{opacity:.5;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}.audio-backdrop{inset:0;position:fixed;z-index:49}.discover-page{margin:0 auto;max-width:1400px;padding:20px 20px 100px}.discover-header{margin-bottom:24px;text-align:center}.discover-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;left:20px;position:absolute;top:80px}.discover-header h1{font-size:1.8rem;margin:0}.discover-subtitle{color:var(--text-secondary);margin-top:4px}.book-discovery-search{margin-bottom:32px}.discovery-search-form{margin-bottom:16px}.discovery-search-input-wrapper{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;display:flex;gap:10px;padding:12px 16px}.discovery-search-icon{font-size:1.2rem;opacity:.6}.discovery-search-input{background:none;border:none;color:#fff;color:var(--text-primary,#fff);flex:1 1;font-size:1rem;outline:none}.discovery-search-input::placeholder{color:var(--text-muted)}.discovery-search-clear{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem}.discovery-recent{margin-top:12px}.discovery-recent-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.discovery-recent-clear{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem}.discovery-recent-list{display:flex;flex-wrap:wrap;gap:8px}.discovery-recent-item{border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 12px}.discovery-recent-item,.discovery-recent-item:hover{background:var(--bg-elevated)}.discovery-results-header{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.discovery-results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.discovery-result-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.discovery-result-card:hover{background:var(--bg-elevated);border-color:#6366f14d}.discovery-result-cover{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;height:90px;overflow:hidden;width:60px}.discovery-result-cover img{height:100%;object-fit:cover;width:100%}.discovery-result-no-cover{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.discovery-result-info{flex:1 1;min-width:0}.discovery-result-title{font-size:.9rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discovery-result-author{color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.discovery-result-year{color:var(--text-muted);font-size:.75rem}.discovery-result-subjects{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.discovery-subject-tag{background:#6366f126;border-radius:8px;color:#a5b4fc;color:var(--text-secondary,#a5b4fc);font-size:.65rem;padding:2px 8px}.discover-genres{margin-bottom:32px}.discover-genres h2{font-size:1.2rem;margin-bottom:12px}.discover-genre-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.genre-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.genre-chip.active,.genre-chip:hover{background:#6366f133;border-color:#6366f166}.discover-shelf-scroll{display:flex;gap:16px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:thin}.discover-book-card{cursor:pointer;flex-shrink:0;transition:transform .2s;width:140px}.discover-book-card:hover{transform:translateY(-4px)}.discover-book-cover{background:var(--bg-elevated);border-radius:8px;height:200px;margin-bottom:8px;overflow:hidden;width:140px}.discover-book-cover img{height:100%;object-fit:cover;width:100%}.discover-no-cover{align-items:center;display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.discover-no-cover.large{font-size:4rem;height:300px;width:200px}.discover-book-title{font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-book-author{color:var(--text-secondary);font-size:.7rem}.discover-trending{margin-bottom:32px}.discover-trending h2{font-size:1.2rem;margin-bottom:12px}.discover-empty{color:var(--text-secondary);padding:20px;text-align:center}.discover-trending-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.discover-trending-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px;transition:all .2s}.discover-trending-card:hover{border-color:#6366f166;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.discover-trending-cover{background:var(--bg-elevated);border-radius:8px;flex-shrink:0;height:150px;overflow:hidden;width:100px}.discover-trending-cover img{height:100%;object-fit:cover;width:100%}.discover-trending-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.discover-trending-title{color:var(--text-primary);font-size:.95rem;font-weight:600;line-height:1.3}.discover-trending-author{color:var(--text-secondary);font-size:.8rem}.discover-author-link{color:var(--accent);text-decoration:none;transition:opacity .2s}.discover-author-link:hover{opacity:.8;text-decoration:underline}.discover-trending-year{color:var(--text-muted);font-size:.75rem}.discover-trending-desc{color:var(--text-secondary);font-size:.78rem;line-height:1.4;margin:4px 0}.discover-trending-rating{color:var(--text-primary);font-size:.8rem;font-weight:500}.discover-trending-rating-count{color:var(--text-muted);font-size:.7rem;font-weight:400}.discover-trending-subjects{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.discover-subject-chip{background:#6366f11f;border-radius:8px;color:var(--text-secondary);font-size:.65rem;padding:2px 8px}.discover-trending-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px}.discover-link-btn{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:6px;color:var(--accent);font-size:.7rem;padding:4px 8px;text-decoration:none;transition:all .2s}.discover-link-btn:hover{background:color-mix(in srgb,var(--accent) 20%,#0000)}.discover-link-btn.amazon{background:#f59e0b14;border-color:#f59e0b33;color:#f59e0b}.discover-link-btn.amazon:hover{background:#f59e0b26}.discover-link-btn.audible{background:#f9731614;border-color:#f9731633;color:#f97316}.discover-link-btn.audible:hover{background:#f9731626}.discover-loading{padding:40px;text-align:center}.discover-detail-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.discover-detail-modal{background:#1e1e2e;background:var(--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:var(--text-secondary);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:var(--text-secondary);margin-bottom:8px}.discover-detail-year{color:var(--text-secondary);font-size:.85rem}.discover-detail-subjects{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.discover-detail-tag{background:#6366f126;border-radius:10px;color:#a5b4fc;color:var(--text-secondary,#a5b4fc);font-size:.75rem;padding:4px 10px}.discover-detail-isbn{color:var(--text-muted);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:var(--accent);color:#fff}.discover-wishlist-btn{background:var(--bg-elevated);color:#fff;color:var(--text-primary,#fff)}.discovery-no-results{color:var(--text-secondary);padding:40px;text-align:center}.level-progress-page{margin:0 auto;max-width:800px;padding:20px 20px 100px}.level-progress-header{margin-bottom:32px;text-align:center}.level-progress-badge-large{align-items:center;display:inline-flex;flex-direction:column;gap:4px;margin-bottom:12px}.level-progress-icon{font-size:3.5rem}.level-progress-tier{color:var(--text-secondary);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.level-progress-header h1{font-size:1.8rem;margin:0 0 4px}.level-progress-points{color:var(--text-secondary);font-size:1rem}.level-progress-section{margin-bottom:28px}.level-progress-section h2{border-bottom:1px solid var(--border);font-size:1.1rem;margin-bottom:12px;padding-bottom:6px}.level-progress-bar-container{margin-bottom:8px}.level-progress-bar{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;height:12px;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,#6366f1,#a78bfa);border-radius:6px;height:100%;transition:width .5s ease}.level-progress-labels{color:var(--text-secondary);display:flex;font-size:.75rem;justify-content:space-between;margin-top:4px}.level-progress-remaining{color:var(--text-secondary);font-size:.85rem;margin-top:8px}.level-progress-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.level-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.level-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.level-stat-label{color:var(--text-secondary);font-size:.75rem}.level-roadmap{display:flex;flex-direction:column;gap:8px}.level-roadmap-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:12px;transition:all .2s}.level-roadmap-item.current{background:#6366f114;border-color:#6366f1}.level-roadmap-item.locked{opacity:.5}.level-roadmap-icon{font-size:1.6rem;text-align:center;width:40px}.level-roadmap-info{display:flex;flex:1 1;flex-direction:column}.level-roadmap-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.level-roadmap-range{color:var(--text-secondary);font-size:.75rem}.level-roadmap-badge{background:#6366f126;border-radius:8px;color:#6366f1;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.level-roadmap-check{color:#10b981;font-size:1.1rem;font-weight:700}.level-earn-grid{display:flex;flex-direction:column;gap:6px}.level-earn-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px}.level-earn-info{align-items:center;display:flex;gap:12px}.level-earn-label{color:var(--text-primary);font-size:.85rem}.level-earn-pts{color:#6366f1;font-size:.75rem;font-weight:600}.level-earn-count{color:var(--text-muted);font-size:.7rem}.level-activity-list{display:flex;flex-direction:column;gap:4px}.level-activity-item{align-items:center;background:var(--bg-elevated);border-radius:6px;display:flex;gap:12px;padding:8px 12px}.level-activity-label{color:var(--text-primary);flex:1 1;font-size:.8rem}.level-activity-pts{color:#10b981;font-size:.8rem;font-weight:600}.level-activity-date{color:var(--text-muted);font-size:.7rem}.rewards-page{margin:0 auto;max-width:900px;padding:24px 16px 100px}.rewards-header{margin-bottom:24px;text-align:center}.rewards-header h1{font-size:1.8rem;margin:0}.rewards-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.rewards-level-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px;transition:border-color .2s}.rewards-level-card:hover{border-color:var(--accent)}.rewards-level-icon{font-size:2.5rem}.rewards-level-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.rewards-level-name{color:var(--text-primary);font-size:1rem;font-weight:600}.rewards-level-bar{background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden}.rewards-level-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .4s ease}.rewards-level-xp{color:var(--text-secondary);font-size:.75rem}.rewards-history{margin-top:32px}.rewards-history h3{font-size:1rem;margin-bottom:12px}.rewards-history-list{display:flex;flex-direction:column;gap:8px}.rewards-history-item{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:10px 14px}.rewards-history-icon{font-size:1.4rem;text-align:center;width:36px}.rewards-history-info{display:flex;flex:1 1;flex-direction:column}.rewards-history-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.rewards-history-meta{text-transform:capitalize}.rewards-history-date,.rewards-history-meta{color:var(--text-muted);font-size:.7rem}.book-gallery-overlay{align-items:center;background:#000c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.book-gallery-modal{background:#1e1e2e;background:var(--surface-color,#1e1e2e);border-radius:16px;max-height:85vh;max-width:900px;overflow-y:auto;padding:24px;width:100%}.book-gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.book-gallery-header h2{margin:0}.book-gallery-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.book-gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.gallery-filter-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:6px 14px;transition:all .2s}.gallery-filter-btn.active{background:#6366f133;border-color:#6366f166;color:#fff}.book-gallery-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.gallery-card{background:var(--bg-elevated);border-radius:10px;cursor:pointer;overflow:hidden;transition:transform .2s}.gallery-card:hover{transform:scale(1.03)}.gallery-card-img{height:160px;object-fit:cover;width:100%}.gallery-card-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;justify-content:space-between;padding:6px 8px}.gallery-card-type{text-transform:capitalize}.book-gallery-empty{color:var(--text-secondary);padding:60px 20px;text-align:center}.gallery-empty-hint{font-size:.85rem;margin-top:8px}.book-gallery-loading{padding:60px;text-align:center}.gallery-lightbox{align-items:center;background:#000000e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:400}.gallery-lightbox-content{max-height:90vh;max-width:90vw;position:relative}.gallery-lightbox-content img{border-radius:8px;max-height:70vh;max-width:100%}.gallery-lightbox-info{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px;padding:12px 0}.gallery-lightbox-type{background:var(--bg-elevated);border-radius:8px;padding:4px 10px;text-transform:capitalize}.gallery-lightbox-source{color:var(--accent);text-decoration:none}.gallery-lightbox-pin-btn{background:#6366f133;border:1px solid #6366f166;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px}.gallery-lightbox-close{background:none;border:none;color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:0;top:-40px}.download-manager-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.download-manager-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:100%}.download-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.download-manager-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.download-manager-info{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-bottom:20px}.download-item{background:var(--bg-elevated);border-radius:12px;margin-bottom:12px;padding:16px}.download-item-title{color:var(--text-primary);font-weight:600;margin-bottom:8px}.download-item-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:6px}.download-done{color:#22c55e}.download-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.8rem;padding:4px 12px}.download-btn,.download-btn:hover{text-decoration:none}.download-btn:disabled{opacity:.5}.download-btn-upsell{background:linear-gradient(135deg,#f59e0b,#d97706)}.download-unavailable{color:var(--text-muted);font-size:.8rem;font-style:italic}.download-remove-btn{background:#ef444426;border:none;border-radius:8px;color:#f87171;cursor:pointer;font-size:.8rem;margin-top:8px;padding:4px 12px}.download-progress{align-items:center;display:flex;gap:8px;margin-top:8px}.download-progress-bar{background:var(--bg-primary);border-radius:2px;flex:1 1;height:4px}.download-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.download-storage{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.download-storage-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:8px}.download-storage-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%}.download-storage-text{color:var(--text-muted);display:block;font-size:.8rem;margin-bottom:12px}.download-clear-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;font-size:.8rem;padding:8px 16px;width:100%}.offline-page{margin:0 auto;max-width:800px;min-height:100vh;padding:32px 24px}.offline-header{margin-bottom:28px}.offline-back-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;margin-bottom:16px;padding:8px 16px;transition:border-color .2s}.offline-back-btn:hover{border-color:var(--accent);color:var(--accent)}.offline-header h1{font-size:1.6rem;font-weight:700;margin-bottom:8px}.offline-subtitle{color:var(--text-secondary);font-size:.88rem;line-height:1.5}.offline-storage-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;padding:16px 20px}.offline-storage-row{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:8px}.offline-storage-label{color:var(--text-secondary);font-weight:500}.offline-storage-value{color:var(--text-primary);font-weight:600}.offline-storage-bar{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:10px;overflow:hidden}.offline-storage-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.offline-clear-btn{background:none;border:none;color:#f87171;cursor:pointer;font-size:.8rem;padding:0}.offline-clear-btn:hover{text-decoration:underline}.offline-loading{color:var(--text-secondary);padding:40px;text-align:center}.offline-book-list{display:flex;flex-direction:column;gap:12px}.offline-book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:16px;padding:16px;transition:border-color .2s}.offline-book-card.saved{border-color:#10b9814d}.offline-book-cover{background:var(--bg-elevated);border-radius:6px;flex-shrink:0;height:80px;overflow:hidden;width:56px}.offline-book-cover img{height:100%;object-fit:cover;width:100%}.offline-book-placeholder{align-items:center;display:flex;font-size:1.5rem;height:100%;justify-content:center;width:100%}.offline-book-info{flex:1 1;min-width:0}.offline-book-title{font-size:.95rem;font-weight:600;margin-bottom:2px}.offline-book-author{color:var(--text-secondary);font-size:.8rem;margin-bottom:10px}.offline-book-actions{display:flex;flex-direction:column;gap:6px}.offline-status-row{align-items:center;display:flex;gap:12px}.offline-badge{border-radius:8px;font-size:.78rem;font-weight:600;padding:3px 10px}.offline-badge.saved{background:#10b9811f;color:#10b981}.offline-badge.audio{background:#6366f11f;color:#6366f1}.offline-remove-btn{background:none;border:none;color:#f87171;cursor:pointer;font-size:.78rem;padding:0}.offline-remove-btn:hover{text-decoration:underline}.offline-save-btn{align-self:flex-start;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 14px;transition:opacity .2s}.offline-save-btn:disabled{cursor:not-allowed;opacity:.6}.offline-save-btn.audio{background:#6366f1}.offline-audible-link{color:#f59e0b;font-size:.8rem;font-weight:500;text-decoration:none}.offline-audible-link:hover{text-decoration:underline}@media (max-width:600px){.offline-page{padding:20px 16px}.offline-book-card{align-items:flex-start;flex-direction:column}.offline-book-cover{height:120px;width:100%}}.vocab-flashcards-overlay{align-items:center;background:#000c;cursor:pointer;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.vocab-flashcards-modal{background:#1e1e2e;background:var(--bg-card,#1e1e2e);border:1px solid var(--border);border-radius:16px;color:var(--text-primary);cursor:default;max-width:500px;padding:24px;width:100%}.vocab-flashcards-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.vocab-flashcards-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.vocab-stats-bar{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:20px}.vocab-flashcard{text-align:center}.vocab-flashcard-progress{color:var(--text-muted);font-size:.8rem;margin-bottom:16px}.vocab-card{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;min-height:200px;padding:32px 24px}.vocab-word{font-size:1.8rem;font-weight:700;margin-bottom:12px}.vocab-context{color:var(--text-secondary);font-size:.85rem;font-style:italic;max-width:80%}.vocab-mastery-badge{background:#6366f126;border-radius:10px;color:#6366f1;color:var(--accent,#6366f1);font-size:.7rem;margin-top:12px;padding:4px 10px;text-transform:capitalize}.vocab-card-back{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.vocab-definition{color:var(--text-primary);font-size:1rem}.vocab-source{color:var(--text-muted);display:block;font-size:.75rem;margin-top:8px}.vocab-reveal-btn{background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px}.vocab-rating-prompt{color:var(--text-secondary);font-size:.9rem;margin-bottom:12px}.vocab-rating-row{display:flex;gap:8px;justify-content:center}.vocab-rate-btn{border:none;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 16px}.rate-fail{background:#ef444426;color:#dc2626}.rate-hard{background:#f59e0b26;color:#d97706}.rate-good{background:#22c55e26;color:#16a34a}.rate-easy{background:#6366f126;color:#4f46e5}@media (prefers-color-scheme:dark){.rate-fail{color:#fca5a5}.rate-hard{color:#fcd34d}.rate-good{color:#86efac}.rate-easy{color:#a5b4fc}}[data-theme=dark] .rate-fail{color:#fca5a5}[data-theme=dark] .rate-hard{color:#fcd34d}[data-theme=dark] .rate-good{color:#86efac}[data-theme=dark] .rate-easy,[data-theme=dark] .vocab-mastery-badge{color:#a5b4fc}.vocab-flashcards-complete,.vocab-flashcards-empty{padding:40px;text-align:center}.vocab-complete-icon,.vocab-empty-icon{display:block;font-size:3rem;margin-bottom:16px}.vocab-done-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:16px;padding:10px 24px}.annotation-export-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:300}.annotation-export-modal{background:#1e1e2e;background:var(--surface-color,#1e1e2e);border-radius:16px;max-width:450px;padding:24px;width:100%}.annotation-export-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.annotation-export-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem}.annotation-export-summary{background:var(--bg-elevated);border-radius:10px;margin-bottom:20px;padding:12px}.annotation-export-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.annotation-format-option{align-items:flex-start;background:var(--bg-elevated);border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:12px}.annotation-format-option small{color:var(--text-muted);display:block;font-size:.75rem;margin-top:2px}.annotation-export-actions{display:flex;gap:10px}.annotation-export-btn{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px}.annotation-export-btn.secondary{background:var(--bg-elevated)}.annotation-export-btn:disabled{opacity:.5}.night-shift-settings{padding:16px 0}.night-shift-title{margin-bottom:12px}.night-shift-toggle{align-items:center;cursor:pointer;display:flex;gap:10px;margin-bottom:16px}.night-shift-row{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:12px}.night-shift-row input[type=time],.night-shift-row select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:#fff;font-size:.85rem;padding:6px 10px}.night-shift-row input[type=range]{width:120px}.night-shift-status{background:var(--bg-elevated);border-radius:8px;color:var(--text-secondary);font-size:.8rem;margin-top:12px;padding:8px;text-align:center}.integrations-page{margin:0 auto;max-width:900px;padding:24px 24px 80px}.integrations-header{margin-bottom:24px;text-align:center}.integrations-header h1{color:var(--text-primary);font-size:1.8rem;margin:0 0 6px}.integrations-subtitle{color:var(--text-secondary);font-size:.95rem}.integrations-toast{background:#10b9811a;border:1px solid #10b9814d;border-radius:10px;color:#10b981;font-size:.85rem;margin-bottom:16px;padding:10px 16px;text-align:center}.integrations-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.integrations-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:7px 14px;transition:all .2s}.integrations-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.integrations-filter-btn:hover:not(.active){border-color:var(--accent)}.integrations-list{display:flex;flex-direction:column;gap:12px}.integration-page-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.integration-page-card:hover{border-color:var(--border-hover)}.integration-page-card.expanded{box-shadow:var(--shadow)}.integration-page-card.coming-soon{opacity:.7}.integration-page-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:16px;-webkit-user-select:none;user-select:none}.integration-page-icon{flex-shrink:0;font-size:2rem;text-align:center;width:44px}.integration-page-info{flex:1 1;min-width:0}.integration-page-info h3{color:var(--text-primary);font-size:1rem;margin:0 0 2px}.integration-page-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.integration-page-badges{display:flex;flex-shrink:0;gap:6px}.integration-badge{border-radius:10px;font-size:.65rem;font-weight:500;padding:3px 8px;white-space:nowrap}.integration-badge.affiliate{background:#f59e0b1a;color:#f59e0b}.integration-badge.status-available{background:#10b9811a;color:#10b981}.integration-badge.status-coming-soon{background:#6366f11a;color:#6366f1}.integration-page-chevron{color:var(--text-muted);flex-shrink:0;font-size:.7rem;transition:transform .2s}.integration-page-chevron.open{transform:rotate(180deg)}.integration-page-body{border-top:1px solid var(--border);padding:16px}.integration-page-guide{margin-bottom:16px}.integration-page-guide h4{color:var(--text-primary);font-size:.85rem;margin:0 0 8px}.integration-page-guide ol{color:var(--text-secondary);font-size:.8rem;line-height:1.8;padding-left:20px}.integration-page-guide ol li{margin-bottom:4px}.integration-page-sample{background:var(--bg-elevated);border-radius:10px;margin-bottom:16px;padding:12px}.integration-page-sample h4{color:var(--text-primary);font-size:.85rem;margin:0 0 6px}.integration-sample-desc{color:var(--text-secondary);font-size:.8rem;margin-bottom:10px}.integration-sample-link{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:8px;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;padding:8px 16px;text-decoration:none}.integration-page-fields{margin-bottom:16px}.integration-page-fields h4{color:var(--text-primary);font-size:.85rem;margin:0 0 10px}.integration-page-field{margin-bottom:10px}.integration-page-field label{color:var(--text-secondary);display:block;font-size:.72rem;font-weight:600;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.integration-page-input,.integration-page-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:9px 12px;transition:border-color .2s;width:100%}.integration-page-input:focus,.integration-page-select:focus{border-color:var(--accent)}.integration-page-file{color:var(--text-secondary);font-size:.8rem}.integration-page-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;gap:8px}.integration-page-checkbox input[type=checkbox]{height:16px;width:16px}.integration-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.integration-page-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:9px 18px;transition:opacity .2s}.integration-page-btn:hover{opacity:.9}.integration-page-btn.disabled,.integration-page-btn:disabled{background:var(--bg-elevated);color:var(--text-muted);cursor:not-allowed;opacity:.4}.integration-page-btn.affiliate-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.integration-page-affiliate-link{color:var(--accent);font-size:.8rem;text-decoration:none}.integration-page-affiliate-link:hover{text-decoration:underline}.integrations-footer{border-top:1px solid var(--border);margin-top:40px;padding:20px;text-align:center}.integrations-footer p{color:var(--text-muted);font-size:.8rem;margin:4px 0}.integrations-redirect{background:var(--bg-elevated);border-radius:12px;margin-top:16px;padding:24px;text-align:center}.integration-btn-large{background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:opacity .2s}.integration-btn-large:hover{opacity:.9}.integrations-redirect-hint{color:var(--text-muted);font-size:.8rem;margin-top:10px}.hw-canvas-panel{animation:hw-slide-in .25s ease-out;background:#fff;background:var(--bg-card,#fff);border-left:1px solid #e5e7eb;border-left:1px solid var(--border,#e5e7eb);box-shadow:-4px 0 24px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:420px;z-index:100}@keyframes hw-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.hw-canvas-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:12px;padding:16px 20px}.hw-canvas-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:600;margin:0}.hw-chapter-label{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:10px;font-size:.8rem;padding:2px 8px}.hw-chapter-label,.hw-close-btn{color:#6b7280;color:var(--text-secondary,#6b7280)}.hw-close-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;margin-left:auto;transition:background .15s,color .15s;width:32px}.hw-close-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#1f2937;color:var(--text-primary,#1f2937)}.hw-toolbar{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);flex-wrap:wrap;gap:16px;padding:12px 20px}.hw-tool-group,.hw-toolbar{align-items:center;display:flex}.hw-tool-group{gap:6px}.hw-tool-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hw-color-picker{display:flex;gap:4px}.hw-color-swatch{border:2px solid #0000;border-radius:50%;cursor:pointer;height:24px;transition:transform .15s,border-color .15s;width:24px}.hw-color-swatch:hover{transform:scale(1.15)}.hw-color-swatch.active{border-color:#1f2937;border-color:var(--text-primary,#1f2937);box-shadow:0 0 0 2px #fff,0 0 0 4px #1f2937;box-shadow:0 0 0 2px var(--bg-card,#fff),0 0 0 4px var(--text-primary,#1f2937);transform:scale(1.15)}.hw-thickness-picker{display:flex;gap:4px}.hw-thickness-btn{align-items:center;background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:border-color .15s,background .15s;width:32px}.hw-thickness-btn:hover{border-color:#6b7280;border-color:var(--text-secondary,#6b7280)}.hw-thickness-btn.active{background:#eff6ff;background:var(--bg-hover,#eff6ff);border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.hw-thickness-dot{background:#1f2937;background:var(--text-primary,#1f2937);border-radius:50%}.hw-actions{gap:8px;margin-left:auto}.hw-action-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:background .15s,border-color .15s}.hw-action-btn:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.hw-save-btn{background:#3b82f6;background:var(--accent,#3b82f6);border-color:#3b82f6;border-color:var(--accent,#3b82f6);color:#fff}.hw-save-btn:hover{background:#2563eb;border-color:#2563eb}.hw-clear-btn:hover{border-color:#ef4444;color:#ef4444}.hw-canvas-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0;padding:12px 20px 20px}.hw-canvas{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;cursor:crosshair;flex:1 1;touch-action:none;width:100%}.hw-canvas-hint{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.7rem;margin-top:8px;opacity:.7;text-align:center}.hw-gallery-overlay{align-items:center;animation:hw-fade-in .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}@keyframes hw-fade-in{0%{opacity:0}to{opacity:1}}.hw-gallery-modal{animation:hw-scale-in .25s ease-out;background:#fff;background:var(--bg-card,#fff);border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:800px;overflow:hidden;width:90%}@keyframes hw-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hw-gallery-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;padding:20px 24px}.hw-gallery-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.2rem;font-weight:600;margin:0}.hw-gallery-filters{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:8px;padding:12px 24px}.hw-filter-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:20px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .15s}.hw-filter-btn:hover{color:#3b82f6;color:var(--accent,#3b82f6)}.hw-filter-btn.active,.hw-filter-btn:hover{border-color:#3b82f6;border-color:var(--accent,#3b82f6)}.hw-filter-btn.active{background:#3b82f6;background:var(--accent,#3b82f6);color:#fff}.hw-delete-all-btn{background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.75rem;font-weight:500;margin-left:auto;padding:6px 14px;transition:all .15s}.hw-delete-all-btn:hover{background:#fee2e2}.hw-delete-all-btn.confirming{background:#dc2626;border-color:#dc2626;color:#fff}.hw-cancel-btn{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;cursor:pointer;font-size:.75rem;padding:6px 12px}.hw-gallery-grid{grid-gap:16px;align-content:start;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));overflow-y:auto;padding:20px 24px}.hw-gallery-empty{color:#6b7280;color:var(--text-secondary,#6b7280);grid-column:1/-1;padding:60px 20px;text-align:center}.hw-gallery-empty p{font-size:1rem;margin:0 0 8px}.hw-gallery-empty-hint{font-size:.85rem;opacity:.7}.hw-gallery-card{background:#fff;background:var(--bg-card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;overflow:hidden;position:relative;transition:transform .15s,box-shadow .15s}.hw-gallery-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.hw-gallery-thumb{aspect-ratio:4/3;background:#f9fafb;overflow:hidden;width:100%}.hw-gallery-thumb img{height:100%;object-fit:cover;width:100%}.hw-gallery-meta{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.7rem;justify-content:space-between;padding:8px 12px}.hw-gallery-chapter{color:#1f2937;color:var(--text-primary,#1f2937);font-weight:600}.hw-gallery-delete-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:24px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .15s;width:24px}.hw-gallery-card:hover .hw-gallery-delete-btn{opacity:1}.hw-gallery-delete-btn:hover{background:#dc2626}@media (max-width:768px){.hw-canvas-panel{border-left:none;width:100%}.hw-toolbar{gap:10px;padding:10px 12px}.hw-gallery-modal{border-radius:12px;max-height:90vh;width:95%}.hw-gallery-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));padding:16px}}*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg-primary:#f8f9fa;--bg-card:#fff;--bg-elevated:#f0f2f5;--border:#e2e5e9;--border-hover:#3b82f6;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#3b82f6;--accent-hover:#2563eb;--serif:"Lora","Georgia",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:#ffffffd9;--glass-border:#00000014;--shadow:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--chapter-body-color:#374151;--info-panel-bg:#fffffff7;--nav-bg:#ffffffeb;--toolbar-bg:#f8f9faf2}[data-theme=dark]{--bg-primary:#1a2030;--bg-card:#222b3a;--bg-elevated:#2a3444;--border:#3a4558;--border-hover:#3b82f6;--text-primary:#f0f2f5;--text-secondary:#a0aab8;--text-muted:#7a8899;--accent:#5b9cf6;--accent-hover:#7db4ff;--serif:"Lora","Georgia",serif;--sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--glass-bg:#1e2634e0;--glass-border:#3b82f633;--shadow:0 4px 16px #00000040;--shadow-lg:0 8px 32px #00000059;--chapter-body-color:#e0e2e6;--info-panel-bg:#1c2330f5;--nav-bg:#1c2330e0;--toolbar-bg:#181e2af0}[data-theme=sepia]{--bg-primary:#fdf6e3;--bg-card:#f5ecd5;--bg-elevated:#ede4c8;--border:#d4c5a0;--border-hover:#b8860b;--text-primary:#3d3122;--text-secondary:#6b5c3e;--text-muted:#8b7a55;--accent:#b8860b;--accent-hover:#996f00;--glass-bg:#fdf6e3e6;--glass-border:#b8860b26;--shadow:0 4px 16px #3d31221a;--shadow-lg:0 8px 32px #3d312226;--chapter-body-color:#4a3f2f;--info-panel-bg:#fdf6e3f7;--nav-bg:#f5ecd5eb;--toolbar-bg:#ede4c8f2}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--bg-primary);color:#1a1a2e;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--sans);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,#2563eb);background:linear-gradient(180deg,var(--accent),var(--accent-hover));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#60a5fa,#a78bfa)}*{scrollbar-color:#3b82f6 #0000;scrollbar-color:var(--accent) #0000;scrollbar-width:thin}[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-height:70vh;max-width:90vw;overflow-y:auto;padding:20px;position:fixed;right:24px;top:80px;width:320px;z-index:200}@keyframes dictPopIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dictionary-close{align-items:center;background:var(--bg-elevated);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.dictionary-close:hover{color:var(--text-primary)}.dictionary-error,.dictionary-loading{color:var(--text-secondary);font-size:.9rem;padding:16px 0;text-align:center}.dictionary-header{margin-bottom:12px}.dictionary-word{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:2px}.dictionary-phonetic{color:var(--text-muted);font-size:.85rem;font-style:italic}.dictionary-meanings{margin-bottom:16px}.dictionary-meaning{margin-bottom:12px}.dictionary-pos{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:6px;padding:2px 8px;text-transform:uppercase}.dictionary-def-text{color:var(--text-primary);font-size:.85rem;line-height:1.5;margin-bottom:4px}.dictionary-example{border-left:2px solid var(--border);color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-bottom:8px;padding-left:12px}.dictionary-save-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:10px;transition:background .2s ease,transform .2s ease;width:100%}.dictionary-save-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.dictionary-save-btn.saved{background:#059669;cursor:default}.vocabulary-overlay{align-items:center;animation:fadeIn .2s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:200}.vocabulary-panel{animation:panelSlideIn .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:90vw;overflow:hidden;width:420px}.vocabulary-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.vocabulary-header h4{font-size:1rem;font-weight:600}.vocabulary-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;width:28px}.vocabulary-close:hover{background:var(--bg-elevated)}.vocabulary-body{flex:1 1;overflow-y:auto;padding:16px 24px}.vocabulary-empty{color:var(--text-secondary);padding:32px 0;text-align:center}.vocabulary-empty p{font-size:.95rem;margin-bottom:8px}.vocabulary-hint{color:var(--text-muted);font-size:.8rem}.vocabulary-list{display:flex;flex-direction:column;gap:12px}.vocabulary-item{align-items:flex-start;background:var(--bg-elevated);border-radius:12px;display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.vocabulary-item-info{flex:1 1}.vocabulary-word{color:var(--text-primary);font-size:.95rem;font-weight:600}.vocabulary-pos{color:var(--accent);display:inline-block;font-size:.7rem;font-weight:500;margin-left:8px;text-transform:uppercase}.vocabulary-def{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-top:4px}.vocabulary-remove{align-items:center;border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:.8rem;height:24px;justify-content:center;transition:background .2s,color .2s;width:24px}.vocabulary-remove:hover{background:#ef44441a;color:#ef4444}.vocabulary-footer{border-top:1px solid var(--border);padding:12px 24px}.vocabulary-count{color:var(--text-muted);font-size:.8rem}.login-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-bg-mesh{inset:0;overflow:hidden;pointer-events:none;position:absolute}.login-mesh-orb{animation:orbFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:var(--accent);height:400px;right:-100px;top:-100px;width:400px}.orb-2{animation-delay:-3s;background:#8b5cf6;bottom:-50px;height:300px;left:-50px;width:300px}.orb-3{animation-delay:-5s;background:#ec4899;height:250px;left:50%;top:50%;width:250px}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.05)}66%{transform:translate(-10px,15px) scale(.95)}}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;box-shadow:var(--shadow-lg);display:flex;max-width:100%;overflow:hidden;position:relative;width:440px}.login-accent{background:linear-gradient(180deg,var(--accent),#8b5cf6,#ec4899);flex-shrink:0;width:6px}.login-content{flex:1 1;padding: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:20px 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:.65rem;top:6px;transform:translateY(0)}.form-checkbox{align-items:center;display:flex;gap:8px}.form-checkbox input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.form-checkbox label{color:var(--text-secondary);font-size:.85rem}.login-submit{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:14px;transition:background .2s,transform .2s}.login-submit:hover{background:var(--accent-hover);transform:translateY(-1px)}.login-divider{align-items:center;color:var(--text-muted);display:flex;font-size:.8rem;gap:12px}.login-divider:after,.login-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.login-google-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);display:flex;font-size:.85rem;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:border-color .2s,background .2s}.login-google-btn:hover{background:var(--bg-card);border-color:var(--accent)}.genre-selection{display:flex;flex-direction:column;gap:8px}.genre-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.genre-pills{display:flex;flex-wrap:wrap;gap:8px}.genre-pill{background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.genre-pill.active{background:color-mix(in srgb,var(--accent) 15%,#0000);color:var(--accent)}.genre-pill.active,.genre-pill:hover{border-color:var(--accent)}.user-avatar-wrapper{position:relative}.user-avatar-btn,.user-avatar-circle{align-items:center;display:flex;justify-content:center}.user-avatar-circle{background:linear-gradient(135deg,var(--accent),#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 color-mix(in srgb,var(--accent) 30%,#0000);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-level-section{display:flex;flex-direction:column;gap:6px;padding:10px 16px 12px}.user-avatar-level-info{align-items:center;display:flex;justify-content:space-between}.user-avatar-level-current{color:var(--text-primary);font-size:.8rem;font-weight:600}.user-avatar-level-xp{color:var(--text-muted);font-size:.72rem}.user-avatar-level-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.user-avatar-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .4s ease}.user-avatar-level-next{color:var(--text-muted);font-size:.68rem}.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,var(--accent),#8b5cf6);height:100%;transition:width .3s ease}.tts-buttons{gap:8px;padding:8px 24px}.tts-btn,.tts-buttons{align-items:center;display:flex}.tts-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:.9rem;height:32px;justify-content:center;transition:border-color .2s,transform .2s;width:32px}.tts-btn:hover{border-color:var(--accent);transform:scale(1.05)}.tts-btn.active{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent)}.tts-speed{font-size:.75rem;font-weight:600;padding:0 10px;width:auto}.tts-status{color:var(--text-muted);font-size:.8rem;margin-left:8px}.book-search-overlay{align-items:flex-start;animation:fadeIn .2s ease;background:#0006;display:flex;inset:0;justify-content:center;padding-top:80px;position:fixed;z-index:200}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.book-search-panel{animation:panelSlideIn .25s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:70vh;max-width:90vw;overflow:hidden;width:560px}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.book-search-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.book-search-header h4{font-size:1rem;font-weight:600}.book-search-close{align-items:center;border-radius:6px;color:var(--text-secondary);display:flex;font-size:1.4rem;height:28px;justify-content:center;width:28px}.book-search-close:hover{background:var(--bg-elevated)}.book-search-input-wrapper{align-items:center;display:flex;gap:12px;padding:16px 24px}.book-search-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:border-color .2s}.book-search-input:focus{border-color:var(--accent)}.book-search-count{color:var(--text-muted);font-size:.8rem;white-space:nowrap}.book-search-scope-toggle{display:flex;gap:4px;padding:0 24px 12px}.book-search-scope-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:.72rem;font-weight:500;padding:6px 10px;transition:all .2s}.book-search-scope-btn.active{background:#3b82f61a;border-color:var(--accent);color:var(--accent)}.book-search-results{flex:1 1;overflow-y:auto;padding:0 24px 20px}.book-search-empty{color:var(--text-muted);font-size:.9rem;padding:24px;text-align:center}.book-search-result{border-radius:10px;cursor:pointer;margin-bottom:4px;padding:12px 16px;transition:background .2s}.book-search-result:hover{background:var(--bg-elevated)}.book-search-result-chapter{color:var(--accent);display:block;font-size:.75rem;font-weight:600;margin-bottom:4px}.book-search-result-context{color:var(--text-secondary);font-size:.83rem;line-height:1.5}.book-search-result-context mark{background:color-mix(in srgb,var(--accent) 20%,#0000);border-radius:3px;color:var(--text-primary);padding:1px 2px}.mood-indicator{height:3px;opacity:.7;transition:background .5s ease;width:100%}.chapter-summary-trigger{margin:32px 0 16px;text-align:center}.chapter-summary-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;color:var(--accent);font-size:.9rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.chapter-summary-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#0000),#8b5cf626);border-color:var(--accent);transform:translateY(-1px)}.chapter-summary-btn:disabled{cursor:wait;opacity:.7}.chapter-summary-card{animation:summaryFadeIn .3s ease;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#8b5cf60d);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:16px;margin:24px 0;padding:20px 24px}@keyframes summaryFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chapter-summary-card h4{color:var(--accent);font-size:.9rem;font-weight:600;margin-bottom:10px}.chapter-summary-card p{color:var(--text-primary);font-size:.9rem;line-height:1.7}.toolbar-time{color:var(--text-muted);font-size:.75rem;font-weight:500}.font-family-options{display:flex;flex-direction:column;gap:4px;margin-top:8px;width:100%}.font-family-btn{background:#0000;border:1px solid #0000;border-radius:8px;color:var(--text-secondary);font-size:.8rem;padding:8px 12px;text-align:left;transition:all .2s ease}.font-family-btn:hover{background:var(--bg-elevated)}.font-family-btn.active{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:color-mix(in srgb,var(--accent) 20%,#0000);color:var(--accent);font-weight:500}.reader-toolbar-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;font-size:.9rem;gap:4px;height:32px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:4px 10px;transition:border-color .2s ease,background .2s ease;white-space:nowrap}.reader-toolbar-btn:hover{background:#3b82f614;border-color:var(--accent)}.reader-toolbar-btn.active{background:#3b82f61f;border-color:var(--accent)}.reader-toolbar-btn .btn-label{color:var(--text-secondary);font-size:.68rem;font-weight:500}.settings-divider{background:var(--border);height:1px;margin:12px 0}.settings-row-vertical{align-items:flex-start;flex-direction:column;gap:6px}.settings-label-row{align-items:center;display:flex;gap:8px;width:100%}.settings-key-saved{color:#059669;font-size:.8rem}.settings-key-input-wrapper{display:flex;gap:4px;width:100%}.settings-key-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:.8rem;outline:none;padding:8px 10px}.settings-key-input:focus{border-color:var(--accent)}.settings-key-toggle{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;display:flex;font-size:.85rem;height:32px;justify-content:center;width:32px}.settings-hint{color:var(--text-muted);font-size:.7rem}.font-size-controls{display:flex;gap:4px}.font-size-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;transition:border-color .2s,background .2s;width:32px}.font-size-btn:hover:not(:disabled){border-color:var(--accent)}.font-size-btn:disabled{cursor:not-allowed;opacity:.4}.font-size-btn.reset{font-size:.85rem}.notification-center{position:relative}.notification-bell-btn{align-items:center;background:var(--bg-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:color-mix(in srgb,var(--accent) 5%,#0000);border-left:3px solid var(--accent)}.notification-item-icon{flex-shrink:0;font-size:1.2rem;margin-top:2px}.notification-item-content{flex:1 1;min-width:0}.notification-item-message{color:var(--text-primary);font-size:.83rem;line-height:1.4;margin-bottom:4px}.notification-item-time{color:var(--text-muted);font-size:.72rem}.notification-item-actions{display:flex;flex-shrink:0;gap:4px}.notification-action-btn{align-items:center;background:var(--bg-elevated);border-radius:50%;color:var(--text-muted);display:flex;font-size:.8rem;height:24px;justify-content:center;transition:color .2s,background .2s;width:24px}.notification-action-btn:hover{color:var(--accent)}.notification-action-btn.dismiss:hover{color:#ef4444}.streak-widget{display:none}.streak-widget-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:20px 24px}.streak-v2-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.streak-v2-flame{align-items:center;display:flex;gap:12px}.streak-v2-icon{display:inline-block;font-size:2rem}.streak-v2-numbers{display:flex;flex-direction:column}.streak-v2-count{color:var(--text-primary);font-size:1.8rem;font-weight:800;line-height:1}.streak-v2-label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.streak-v2-stats{display:flex;gap:16px}.streak-v2-stat{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;flex-direction:column;padding:6px 12px}.streak-v2-stat-value{color:var(--text-primary);font-size:.9rem;font-weight:700}.streak-v2-stat-label{color:var(--text-muted);font-size:.65rem;text-transform:uppercase}.streak-v2-progress{margin-bottom:16px}.streak-v2-progress-track{background:var(--bg-elevated);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.streak-v2-progress-fill{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:3px;height:100%}.streak-v2-progress-label{color:var(--text-muted);font-size:.72rem}.streak-v2-milestones{margin-bottom:16px;position:relative}.streak-v2-milestone-track{background:var(--bg-elevated);border-radius:4px;height:8px;margin:12px 0 6px;overflow:visible;position:relative}.streak-v2-milestone-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:4px;height:100%;left:0;position:absolute;top:0}.streak-v2-marker{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:50%;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s,border-color .2s;width:22px;z-index:2}.streak-v2-marker:hover{border-color:var(--accent);transform:translate(-50%,-50%) scale(1.2)}.streak-v2-marker.reached{background:#10b9811a;border-color:#10b981}.streak-v2-marker-icon{font-size:.7rem}.streak-v2-milestone-labels{display:flex;font-size:.7rem;justify-content:space-between;margin-top:4px}.streak-v2-milestone-current{color:#10b981;font-weight:500}.streak-v2-milestone-next{color:var(--text-muted)}.streak-v2-milestone-tooltip{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:100%;box-shadow:var(--shadow);display:flex;gap:8px;left:50%;margin-bottom:8px;padding:8px 12px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.milestone-tooltip-icon{font-size:1.2rem}.milestone-tooltip-info{display:flex;flex-direction:column}.milestone-tooltip-info strong{color:var(--text-primary);font-size:.8rem}.milestone-tooltip-info span{color:var(--text-secondary);font-size:.7rem}.streak-v2-calendar-compact{border-top:1px solid var(--border);padding-top:16px}.streak-v2-cal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.streak-v2-cal-nav-btn{align-items:center;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;height:28px;justify-content:center;line-height:1;transition:all .15s;width:28px}.streak-v2-cal-nav-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--accent);color:var(--accent)}.streak-v2-cal-nav-btn:disabled{cursor:default;opacity:.3}.streak-v2-cal-month{color:var(--text-primary);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.streak-v2-cal-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:6px}.streak-v2-cal-day-label{color:var(--text-muted);font-size:.72rem;font-weight:600;padding:4px 0;text-align:center}.streak-v2-cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.streak-v2-cal-cell{align-items:center;aspect-ratio:1;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:44px;position:relative;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:.72rem;font-weight:500}.streak-v2-cal-cell.today{background:var(--bg-elevated);border:1.5px solid var(--accent)}.streak-v2-cal-cell.today .streak-v2-cal-num{color:var(--accent);font-weight:700}.streak-v2-cal-cell.read{background:#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-cal-activity{display:flex;gap:2px;justify-content:center;margin-top:1px}.streak-v2-cal-dot{border-radius:50%;display:inline-block;height:5px;width:5px}.streak-v2-cal-dot.reading{background:#f97316}.streak-v2-cal-dot.finished{background:#10b981}.streak-v2-cal-cell.finished{background:#10b9814d}.streak-v2-cal-cell.finished .streak-v2-cal-num{color:#10b981;font-weight:700}.streak-v2-cal-legend{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:8px}.streak-v2-cal-legend-item{align-items:center;color:var(--text-muted);display:flex;font-size:.65rem;gap:4px}.streak-v2-cal-legend-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.streak-v2-cal-legend-dot.reading{background:#f97316}.streak-v2-cal-legend-dot.finished{background:#10b981}.streak-v2-hover-tooltip{pointer-events:none}.streak-v2-tooltip-content{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;font-size:.72rem;gap:3px;padding:8px 12px;white-space:nowrap}.streak-v2-tooltip-content strong{color:var(--text-muted);font-size:.7rem;margin-bottom:2px}.streak-v2-tooltip-content span{color:var(--text-secondary)}.streak-v2-tooltip-empty{color:var(--text-muted);font-style:italic}.streak-v2-timeline{margin:12px 0}.streak-v2-timeline-track{background:var(--bg-elevated);border-radius:4px;height:8px;margin-bottom:20px;position:relative}.streak-v2-timeline-fill{background:linear-gradient(90deg,#10b981,#6366f1);border-radius:4px;height:100%;left:0;position:absolute;top:0;transition:width 1s ease-out}.streak-v2-timeline-marker{align-items:center;display:flex;flex-direction:column;gap:2px;position:absolute;top:-6px;transform:translateX(-50%)}.streak-v2-timeline-marker-icon{font-size:1rem;opacity:.4;transition:opacity .3s}.streak-v2-timeline-marker.reached .streak-v2-timeline-marker-icon{opacity:1}.streak-v2-timeline-marker-label{color:var(--text-muted);font-size:.55rem;margin-top:10px}.streak-v2-profile-bubble{position:absolute;top:-12px;transform:translateX(-50%);z-index:5}.streak-v2-bubble-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid var(--bg-card);border-radius:50%;box-shadow:0 2px 8px #6366f166;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.streak-v2-timeline-labels{color:var(--text-muted);display:flex;font-size:.6rem;justify-content:space-between;margin-top:4px}.streak-v2-calendar{display:none}.recommendations-section{margin-left:auto;margin-right:auto;margin-top:48px;max-width:1400px;padding:0 24px}.recommendations-header{margin-bottom:24px}.recommendations-header h2{font-size:1.3rem;font-weight:700;margin-bottom:4px}.recommendations-subtitle{color:var(--text-secondary);font-size:.85rem}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.recommendation-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;display:flex;gap:16px;padding:16px;transition:border-color .2s,box-shadow .2s}.recommendation-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.recommendation-cover{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:90px;justify-content:center;width:64px}.recommendation-cover-icon{font-size:1.8rem}.recommendation-cover-img{border-radius:10px;height:100%;object-fit:cover;width:100%}.recommendation-author-link{color:var(--accent);text-decoration:none;transition:opacity .2s}.recommendation-author-link:hover{opacity:.8;text-decoration:underline}.recommendation-info{flex:1 1;min-width:0}.recommendation-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:2px}.recommendation-author{color:var(--text-secondary);font-size:.78rem;margin-bottom:6px}.recommendation-genre-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);display:inline-block;font-size:.68rem;font-weight:600;margin-bottom:6px;padding:2px 8px}.recommendation-why{color:var(--text-muted);font-size:.78rem;line-height:1.4;margin-bottom:8px}.recommendation-wishlist-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}.recommendation-wishlist-btn:hover{border-color:var(--accent);color:var(--accent)}.recommendation-wishlist-btn.wishlisted{background:#10b9811a;border-color:#10b981;color:#10b981}.bookclub-page,.social-page{background:var(--bg-primary);min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.social-mesh-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.social-header{margin-bottom:32px;position:relative;text-align:center;z-index:1}.social-back-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;left:0;padding:8px 16px;position:absolute;top:0;transition:border-color .2s}.social-back-btn:hover{border-color:var(--accent);color:var(--accent)}.social-header h1{font-size:1.6rem;font-weight:700;margin-bottom:4px}.social-subtitle{color:var(--text-secondary);font-size:.9rem}.social-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:500px;padding:4px;position:relative;z-index:1}.social-tab{border-radius:10px;color:var(--text-secondary);flex:1 1;font-size:.82rem;font-weight:600;padding:10px 16px;transition:background .2s,color .2s}.social-tab.active{background:var(--accent);color:#fff}.social-content{margin:0 auto;max-width:900px;position:relative;z-index:1}.friends-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.friend-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s}.friend-card:hover{border-color:#8b5cf64d;box-shadow:0 4px 20px #8b5cf61a}.friend-card-top{align-items:center;display:flex;gap:12px;margin-bottom:16px}.friend-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:44px;justify-content:center;width:44px}.friend-info{flex:1 1}.friend-name{color:var(--text-primary);font-size:1rem;font-weight:600}.friend-last-active{color:var(--text-muted);font-size:.75rem}.friend-reading{margin-bottom:12px}.friend-book-label{color:var(--text-muted);display:block;font-size:.72rem;margin-bottom:2px}.friend-book-title{color:var(--text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}.friend-progress{display:flex;flex-direction:column;gap:4px}.friend-progress-bar{background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden}.friend-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.friend-progress-text{color:var(--text-muted);font-size:.72rem}.friend-finished-badge{background:#10b9811a;border-radius:8px;color:#10b981;display:inline-block;font-size:.75rem;margin-bottom:12px;padding:4px 10px}.friend-challenge-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;color:var(--accent);font-size:.82rem;font-weight:600;padding:10px;transition:all .2s;width:100%}.friend-challenge-btn:hover:not(:disabled){background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 15%,#0000),#8b5cf626);border-color:var(--accent);transform:translateY(-1px)}.friend-challenge-btn.sent{background:#10b9811a;border-color:#10b981;color:#10b981}.invite-friend-btn{background:var(--bg-card);border:1px dashed var(--border);border-radius:12px;color:var(--text-secondary);display:block;font-size:.9rem;font-weight:600;margin:0 auto;padding:12px 24px;transition:border-color .2s,color .2s}.invite-friend-btn:hover{border-color:var(--accent);color:var(--accent)}.invite-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:20px;text-align:center}.invite-text{color:var(--text-secondary);font-size:.85rem;margin-bottom:12px}.invite-code{background:var(--bg-elevated);border-radius:8px;color:var(--accent);font-family:monospace;font-size:1.2rem;font-weight:700;margin-bottom:8px;padding:12px}.invite-hint{color:var(--text-muted);font-size:.75rem}.activity-feed-title{font-size:1.1rem;font-weight:600;margin-bottom:20px}.activity-timeline{padding-left:24px;position:relative}.activity-item{padding-bottom:24px;padding-left:20px;position:relative}.activity-dot{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:2px solid var(--bg-primary);border-radius:50%;height:12px;left:-6px;position:absolute;top:6px;width:12px}.activity-line{background:var(--border);bottom:0;left:-1px;position:absolute;top:18px;width:2px}.activity-item:last-child .activity-line{display:none}.activity-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.activity-icon{font-size:1rem;margin-right:8px}.activity-message{color:var(--text-primary);display:inline;font-size:.85rem;line-height:1.4}.activity-time{color:var(--text-muted);display:block;font-size:.72rem;margin-top:6px}.challenge-panel{margin:0 auto;max-width:700px}.challenge-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.challenge-panel-header h3{font-size:1.1rem;font-weight:600}.challenge-create-btn{background:var(--accent);border-radius:8px;color:#fff;font-size:.82rem;font-weight:600;padding:8px 16px;transition:background .2s,transform .2s}.challenge-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.challenge-create-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px}.challenge-form-field{margin-bottom:16px}.challenge-form-field label{color:var(--text-secondary);display:block;font-size:.82rem;font-weight:500;margin-bottom:8px}.challenge-type-options{display:flex;flex-wrap:wrap;gap:8px}.challenge-type-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.78rem;font-weight:500;padding:8px 14px;transition:all .2s}.challenge-type-btn.active{background:color-mix(in srgb,var(--accent) 10%,#0000);border-color:var(--accent);color:var(--accent)}.challenge-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;outline:none;padding:10px 14px;width:100%}.challenge-input:focus{border-color:var(--accent)}.challenge-submit-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:12px;transition:background .2s;width:100%}.challenge-submit-btn:hover{background:var(--accent-hover)}.challenge-list{display:flex;flex-direction:column;gap:16px}.challenge-empty{color:var(--text-secondary);padding:32px;text-align:center}.challenge-empty-hint{color:var(--text-muted);font-size:.8rem;margin-top:4px}.challenge-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;transition:border-color .2s}.challenge-card:hover{border-color:#f59e0b4d}.challenge-card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.challenge-card-icon{font-size:1.5rem}.challenge-card-info h4{font-size:.95rem;font-weight:600}.challenge-time-remaining{color:var(--text-muted);font-size:.75rem}.challenge-standings{display:flex;flex-direction:column;gap:10px}.challenge-participant{align-items:center;display:flex;gap:10px}.challenge-rank{font-size:.85rem;font-weight:700;width:28px}.challenge-participant-name{color:var(--text-primary);font-size:.85rem;font-weight:500;width:80px}.challenge-you-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:4px;color:var(--accent);font-size:.65rem;margin-left:4px;padding:1px 6px}.challenge-progress-bar{background:var(--bg-elevated);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.challenge-progress-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:4px;height:100%;transition:width .5s ease}.challenge-progress-text{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-align:right;width:36px}.share-quote-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.share-quote-modal{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;width:400px}.share-quote-close{background:#0000004d;border-radius:50%;color:#fff;font-size:1.2rem;height:32px;position:absolute;right:12px;top:12px;width:32px;z-index:10}.share-quote-close,.share-quote-preview{align-items:center;display:flex;justify-content:center}.share-quote-preview{flex-direction:column;min-height:300px;padding:48px 32px;position:relative;text-align:center}.share-quote-big-mark{color:#ffffff26;font-family:Georgia,serif;font-size:4rem;left:24px;line-height:1;position:absolute;top:16px}.share-quote-text{color:#fff;font-family:Georgia,serif;font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:24px;max-width:320px}.share-quote-attribution{display:flex;flex-direction:column;gap:4px}.share-quote-book{color:var(--text-primary);font-size:.85rem;font-weight:500}.share-quote-author{color:var(--text-secondary);font-size:.78rem}.share-quote-watermark{bottom:16px;color:#fff6;font-size:.72rem;position:absolute}.share-quote-gradients{display:flex;gap:8px;justify-content:center;padding:16px 20px}.share-gradient-btn{border:2px solid #0000;border-radius:50%;height:28px;transition:transform .2s,border-color .2s;width:28px}.share-gradient-btn:hover{transform:scale(1.15)}.share-gradient-btn.active{border-color:var(--text-primary);transform:scale(1.15)}.share-quote-actions{display:flex;gap:8px;padding:0 20px 20px}.share-action-btn{border-radius:10px;flex:1 1;font-size:.82rem;font-weight:600;padding:12px;transition:all .2s}.share-action-btn.copy{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.share-action-btn.copy:hover{border-color:var(--accent)}.share-action-btn.download{background:var(--accent);color:#fff}.share-action-btn.download:hover{background:var(--accent-hover)}.highlight-share-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:transform .2s,border-color .2s;width:28px}.highlight-share-btn:hover{border-color:var(--accent);transform:scale(1.15)}.weekly-report-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:250}.weekly-report-modal{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;width:480px}.weekly-report-gradient-header{background:linear-gradient(135deg,var(--accent),#8b5cf6);padding:28px 24px;position:relative;text-align:center}.weekly-report-gradient-header h3{color:#fff;font-size:1.2rem;font-weight:700}.weekly-report-period{color:var(--text-secondary);font-size:.82rem;margin-top:4px}.weekly-report-close{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}.weekly-report-body{padding:24px}.weekly-report-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.weekly-stat-card{align-items:center;background:var(--bg-elevated);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px;text-align:center}.weekly-stat-icon{font-size:1.4rem}.weekly-stat-value{color:var(--text-primary);font-size:1.4rem;font-weight:700}.weekly-stat-value-sm{color:var(--text-primary);font-size:.85rem;font-weight:600}.weekly-stat-label{color:var(--text-muted);font-size:.72rem}.weekly-stat-diff{font-size:.7rem;font-weight:500}.weekly-stat-diff.up{color:#10b981}.weekly-stat-diff.down{color:#ef4444}.weekly-report-share-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:14px;transition:transform .2s,opacity .2s;width:100%}.weekly-report-share-btn:hover{opacity:.9;transform:translateY(-1px)}.next-chapter-teaser{background:var(--bg-card);border:2px solid #0000;border-image:linear-gradient(135deg,var(--accent),#8b5cf6,#ec4899) 1;border-radius:16px;margin:32px 0;overflow:hidden;padding:24px;position:relative}.next-chapter-teaser:before{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#8b5cf608);content:"";inset:0;pointer-events:none;position:absolute}.teaser-label{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.teaser-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.teaser-preview{position:relative}.teaser-text{color:var(--text-secondary);filter:blur(2px);font-size:.9rem;line-height:1.6;-webkit-mask-image:linear-gradient(180deg,#000 60%,#0000);mask-image:linear-gradient(180deg,#000 60%,#0000);transition:filter .3s ease}.next-chapter-teaser:hover .teaser-text{filter:blur(0)}.teaser-continue-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;margin-top:16px;padding:10px 20px;transition:transform .2s,opacity .2s}.teaser-continue-btn:hover{opacity:.9;transform:translateY(-1px)}.bookclub-layout{display:flex;gap:24px;margin:0 auto;max-width:1100px;position:relative;z-index:1}.bookclub-sidebar{flex-shrink:0;width:240px}.bookclub-sidebar h3{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin-bottom:12px}.bookclub-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.bookclub-list-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:border-color .2s}.bookclub-list-item.active{background:color-mix(in srgb,var(--accent) 5%,#0000);border-color:var(--accent)}.bookclub-list-item:hover{border-color:var(--accent)}.bookclub-list-icon{font-size:1.2rem}.bookclub-list-info{flex:1 1;min-width:0}.bookclub-list-name{color:var(--text-primary);font-size:.82rem;font-weight:600}.bookclub-list-book,.bookclub-list-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookclub-list-book{color:var(--text-muted);font-size:.7rem}.bookclub-create-btn{background:var(--bg-elevated);border:1px dashed var(--border);border-radius:10px;color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:10px;transition:border-color .2s,color .2s;width:100%}.bookclub-create-btn:hover{border-color:var(--accent);color:var(--accent)}.bookclub-main{flex:1 1;min-width:0}.bookclub-create-form{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:24px}.bookclub-create-form h3{font-size:1rem;font-weight:600;margin-bottom:16px}.bookclub-form-field{margin-bottom:14px}.bookclub-form-field label{color:var(--text-secondary);display:block;font-size:.82rem;font-weight:500;margin-bottom:6px}.bookclub-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;outline:none;padding:10px 14px;width:100%}.bookclub-input:focus{border-color:var(--accent)}.bookclub-submit-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:12px;transition:background .2s;width:100%}.bookclub-submit-btn:hover{background:var(--accent-hover)}.bookclub-header-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:20px 24px}.bookclub-header-card h2{font-size:1.2rem;font-weight:700;margin-bottom:4px}.bookclub-reading{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.bookclub-schedule-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:8px;color:var(--accent);font-size:.75rem;padding:4px 10px}.bookclub-nav-tabs{background:var(--bg-elevated);border-radius:10px;display:flex;gap:4px;margin-bottom:20px;padding:4px}.bookclub-nav-tab{border-radius:8px;color:var(--text-secondary);flex:1 1;font-size:.8rem;font-weight:600;padding:8px 12px;transition:background .2s,color .2s}.bookclub-nav-tab.active{background:var(--bg-card);box-shadow:0 1px 3px #0000001a;color:var(--text-primary)}.bookclub-overview{margin-bottom:20px}.bookclub-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.bookclub-stat{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.bookclub-stat-value{color:var(--text-primary);display:block;font-size:1.4rem;font-weight:700;margin-bottom:4px}.bookclub-stat-label{color:var(--text-muted);font-size:.72rem}.bookclub-schedule{display:flex;flex-direction:column;gap:8px}.bookclub-schedule-item{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;padding:12px 16px}.bookclub-week-label{color:var(--text-primary);font-size:.82rem;font-weight:600}.bookclub-week-chapters{color:var(--text-secondary);font-size:.8rem}.bookclub-discussion{display:flex;flex-direction:column;gap:16px}.bookclub-chapter-selector{align-items:center;display:flex;gap:10px}.bookclub-chapter-selector label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.bookclub-chapter-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:8px 12px}.bookclub-messages{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.bookclub-no-messages{color:var(--text-muted);font-size:.85rem;padding:24px;text-align:center}.bookclub-message{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px}.bookclub-message-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:36px;justify-content:center;width:36px}.bookclub-message-content{flex:1 1}.bookclub-message-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.bookclub-message-author{color:var(--text-primary);font-size:.82rem;font-weight:600}.bookclub-message-time{color:var(--text-muted);font-size:.7rem}.bookclub-message-text{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.bookclub-compose{display:flex;gap:8px}.bookclub-compose-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:.85rem;outline:none;padding:12px 16px}.bookclub-compose-input:focus{border-color:var(--accent)}.bookclub-send-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.82rem;font-weight:600;padding:12px 20px;transition:background .2s}.bookclub-send-btn:hover:not(:disabled){background:var(--accent-hover)}.bookclub-send-btn:disabled{opacity:.5}.bookclub-members{display:flex;flex-direction:column;gap:10px}.bookclub-member-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px 16px}.bookclub-member-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:40px;justify-content:center;width:40px}.bookclub-member-info{flex:1 1}.bookclub-member-name{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600}.bookclub-member-progress{color:var(--text-muted);font-size:.78rem}.bookclub-member-active{color:var(--text-muted);font-size:.72rem}.library-header-actions{align-items:center;display:flex;gap:8px}.library-report-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;display:flex;font-size:1rem;height:38px;justify-content:center;transition:border-color .2s,transform .2s;width:38px}.library-report-btn:hover{border-color:var(--accent);transform:scale(1.05)}.library-social-links{display:flex;gap:10px;justify-content:center;margin-top:16px}.library-social-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:8px 18px;transition:all .2s}.library-social-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}@media (max-width:768px){.bookclub-layout{flex-direction:column}.bookclub-sidebar{width:100%}.friends-grid,.recommendations-grid{grid-template-columns:1fr}.weekly-report-grid{grid-template-columns:repeat(2,1fr)}.social-tabs{max-width:100%}.notification-panel{right:-60px;width:300px}}@media (max-width:480px){.streak-heatmap{grid-template-columns:repeat(10,1fr)}.bookclub-stats-grid{grid-template-columns:1fr}}.collections-page{background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:32px 24px}.collections-header{margin-bottom:32px}.collections-back-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.85rem;font-weight:500;gap:4px;margin-bottom:16px;padding:8px 16px;transition:border-color .2s,color .2s}.collections-back-btn:hover{border-color:var(--accent);color:var(--accent)}.collections-header h1{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:4px}.collections-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.collections-create-btn{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;padding:10px 20px;transition:background .2s,transform .2s}.collections-create-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.collections-tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;margin-bottom:20px;max-width:320px;padding:4px}.collections-tab{border-radius:10px;color:var(--text-secondary);flex:1 1;font-size:.82rem;font-weight:600;padding:10px 16px;text-align:center;transition:background .2s,color .2s}.collections-tab.active{background:var(--accent);color:#fff}.collections-tab:hover:not(.active){background:var(--bg-card)}.collections-public-browse{margin-top:12px}.collections-public-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.collections-public-empty{grid-column:1/-1;padding:60px 24px;text-align:center}.collections-public-empty-icon{display:block;font-size:3rem;margin-bottom:16px}.collections-public-empty h3{color:var(--text-primary);font-size:1.2rem;margin-bottom:8px}.collections-public-empty p{color:var(--text-secondary);font-size:.9rem;margin:0 auto;max-width:400px}.collections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.collection-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s,border-color .2s}.collection-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.collection-card-cover{align-items:center;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative}.collection-mosaic{grid-gap:2px;display:grid;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.collection-mosaic-tile{background:#0000001a;overflow:hidden}.collection-mosaic-tile img{height:100%;object-fit:cover;opacity:.8;width:100%}.collection-card-empty-cover{font-size:2.5rem;opacity:.5}.collection-card-body{padding:16px}.collection-card-name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.collection-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.8rem;margin-bottom:8px;overflow:hidden}.collection-card-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:8px}.collection-card-smart{color:var(--accent)}.collection-card-delete{align-items:center;background:#00000080;border-radius:50%;display:flex;font-size:.8rem;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s;width:28px}.collection-card:hover .collection-card-delete{opacity:1}.collection-card-delete:hover{background:#ef4444cc}.collection-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:300}.collection-modal{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;display:flex;flex-direction:column;max-height:85vh;max-width:100%;overflow:hidden;width:520px}.collection-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px}.collection-modal-header h3{color:#fff;font-size:1.1rem;font-weight:600}.collection-modal-close{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;font-size:1.3rem;height:28px;justify-content:center;width:28px}.collection-modal-close:hover{background:#ffffff4d}.collection-modal-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.collection-form-field{display:flex;flex-direction:column;gap:6px}.collection-form-field label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.collection-form-field input[type=number],.collection-form-field input[type=text],.collection-form-field select,.collection-form-field textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .2s}.collection-form-field input:focus,.collection-form-field select:focus,.collection-form-field textarea:focus{border-color:var(--accent)}.collection-form-row{display:flex;gap:12px}.collection-form-row .collection-form-field{flex:1 1}.collection-privacy-toggle{background:var(--bg-elevated);border-radius:10px;display:flex;gap:4px;padding:4px}.collection-privacy-toggle button{border-radius:8px;color:var(--text-secondary);flex:1 1;font-size:.8rem;font-weight:500;padding:8px 12px;transition:background .2s,color .2s}.collection-privacy-toggle button.active{background:var(--accent);color:#fff}.collection-color-grid{display:flex;flex-wrap:wrap;gap:8px}.collection-color-swatch{border:2px solid #0000;border-radius:10px;cursor:pointer;height:36px;transition:transform .2s,border-color .2s;width:36px}.collection-color-swatch:hover{transform:scale(1.1)}.collection-color-swatch.active{border-color:var(--text-primary);transform:scale(1.1)}.collection-smart-label{align-items:center;cursor:pointer;display:flex;font-size:.9rem!important;gap:8px;letter-spacing:0!important;text-transform:none!important}.collection-smart-label input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.collection-rules-section{background:var(--bg-elevated);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:12px}.collection-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{border-radius:6px;color:var(--accent);font-weight:500;padding:2px 8px}.collection-share-banner,.collection-smart-badge{background:color-mix(in srgb,var(--accent) 10%,#0000)}.collection-share-banner{align-items:center;border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:10px;display:flex;font-size:.85rem;gap:12px;margin-bottom:16px;padding:12px 16px}.collection-share-code{background:var(--bg-elevated);border-radius:4px;color:var(--text-muted);font-family:monospace;font-size:.75rem;padding:4px 8px}.collection-view-controls{display:flex;gap:16px;margin-bottom:20px}.collection-view-filter,.collection-view-sort{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px}.collection-view-filter select,.collection-view-sort select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.8rem;padding:6px 10px}.collection-view-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.collection-book-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.collection-book-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.collection-book-card-cover{cursor:pointer;height:180px;overflow:hidden}.collection-book-card-cover img{height:100%;object-fit:cover;width:100%}.collection-book-placeholder{align-items:center;background:var(--bg-elevated);display:flex;font-size:2rem;height:100%;justify-content:center;width:100%}.collection-book-card-info{padding:10px 12px}.collection-book-card-info h4{color:var(--text-primary);font-size:.8rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-book-card-info p{color:var(--text-muted);font-size:.72rem}.collection-book-remove{align-items:center;background:#0009;border-radius:50%;color:#fff;display:flex;font-size:1rem;height:24px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s;width:24px}.collection-book-card:hover .collection-book-remove{opacity:1}.collection-book-remove:hover{background:#ef4444cc}.collection-view-empty-state{color:var(--text-muted);padding:48px 24px;text-align:center}.collection-view-empty-icon{display:block;font-size:3rem;margin-bottom:12px}.collection-view-empty-hint{font-size:.8rem;margin-top:8px}.book-card-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.book-status-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.72rem;padding:4px 8px;transition:border-color .2s}.book-status-select:hover{border-color:var(--accent)}.book-collection-badges{display:flex;gap:4px;margin-top:6px}.book-collection-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:6px;color:var(--accent);display:inline-flex;font-size:.65rem;height:22px;width:22px}.book-collection-badge,.secret-indicator{align-items:center;justify-content:center}.secret-indicator{background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;height:28px;position:absolute;right:-8px;top:50%;transform:translateY(-50%);transition:transform .2s;width:28px;z-index:5}.secret-indicator:hover{transform:translateY(-50%) scale(1.2)}.secret-indicator.undiscovered .secret-sparkle{animation:secretPulse 2s ease-in-out infinite}.secret-indicator.discovered .secret-sparkle{opacity:.5}@keyframes secretPulse{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.secret-sparkle{filter:drop-shadow(0 0 4px #f59e0b);filter:drop-shadow(0 0 4px var(--secret-color,#f59e0b));font-size:1rem}.treasure-card-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:400}.treasure-card{animation:treasureCardIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border-radius:20px;max-width:100%;overflow:hidden;padding:28px;position:relative;width:400px}@keyframes treasureCardIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.treasure-card-border{background:var(--treasure-gradient);border-radius:20px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}.treasure-card-close{align-items:center;background:var(--bg-elevated);border-radius:50%;color:var(--text-secondary);display:flex;font-size:1.3rem;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:color .2s;width:28px}.treasure-card-close:hover{color:var(--text-primary)}.treasure-card-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.treasure-card-icon{font-size:1.8rem}.treasure-card-type{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.treasure-card-body{margin-bottom:20px}.treasure-card-explanation{color:var(--text-primary);font-size:.92rem;line-height:1.7}.treasure-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding-top:16px}.treasure-card-significance{display:flex;flex-direction:column;gap:2px}.significance-label{color:var(--text-muted);font-size:.7rem;font-weight:600;text-transform:uppercase}.significance-stars{font-size:.9rem}.treasure-card-discovered{background:#0596691a;border-radius:8px;color:#059669;font-size:.8rem;font-weight:500;padding:4px 10px}.secret-counter-wrapper{position:relative}.secret-counter-btn{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:20px;color:#f59e0b;display:flex;font-size:.8rem;font-weight:600;gap:4px;padding:6px 12px;transition:background .2s,transform .2s}.secret-counter-btn:hover{background:#f59e0b26;transform:scale(1.05)}.secret-counter-sparkle{font-size:.85rem}.secret-counter-text{font-size:.75rem}.secret-panel-backdrop{inset:0;position:fixed;z-index:149}.secret-panel{animation:panelSlideIn .2s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-lg);max-height:400px;max-width:90vw;overflow:hidden;position:absolute;right:0;top:44px;width:320px;z-index:150}.secret-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.secret-panel-header h4{font-size:.95rem;font-weight:600}.secret-panel-count{background:var(--bg-elevated);border-radius:10px;color:var(--text-muted);font-size:.75rem;padding:2px 8px}.secret-panel-body{max-height:300px;overflow-y:auto;padding:12px}.secret-panel-item{align-items:center;border-radius:10px;display:flex;gap:10px;margin-bottom:4px;padding:10px 12px;transition:background .2s}.secret-panel-item.found{background:var(--bg-elevated)}.secret-panel-item.hidden{opacity:.5}.secret-panel-item-icon{flex-shrink:0;font-size:1.2rem}.secret-panel-item-info{flex:1 1;min-width:0}.secret-panel-item-type{color:var(--text-primary);display:block;font-size:.8rem;font-weight:600}.secret-panel-item-preview{color:var(--text-muted);display:block;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.secret-panel-item-stars{flex-shrink:0;font-size:.7rem}.secret-panel-complete{background:#0596691a;border-radius:10px;color:#059669;font-size:.85rem;font-weight:600;margin:8px 12px 12px;padding:12px;text-align:center}.paragraph-wrapper{position:relative}.user-highlight{border-radius:2px;cursor:pointer;padding:1px 0;transition:opacity .2s ease}.user-highlight:hover{opacity:.7}.google-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.google-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;padding:32px;width:380px}.google-modal h3{font-size:1.2rem;font-weight:700;margin-bottom:4px}.google-modal-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px}.google-modal form{display:flex;flex-direction:column;gap:14px}.google-modal-cancel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;padding:10px}.avatar-selection{display:flex;flex-direction:column;gap:8px}.avatar-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.avatar-option{align-items:center;background:var(--bg-elevated);border:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.avatar-option.active,.avatar-option:hover{border-color:var(--accent);transform:scale(1.1)}.avatar-option.active{background:color-mix(in srgb,var(--accent) 15%,#0000)}.user-avatar-circle.emoji-avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:1.3rem}.profile-page{margin:0 auto;max-width:800px;min-height:100vh;padding:32px 40px}.profile-header{align-items:center;display:flex;gap:16px;margin-bottom:32px}.profile-header h1{font-size:1.5rem;font-weight:700}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}.profile-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,var(--accent),#8b5cf6);border-radius:3px;height:100%;transition:width .5s ease}.profile-tier{color:var(--text-secondary);font-size:.85rem}.profile-edit-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px}.profile-edit-section h3{font-size:1.1rem;font-weight:600;margin-bottom:20px}.profile-field{margin-bottom:16px}.profile-field label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:6px}.profile-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;outline:none;padding:12px 16px;width:100%}.profile-input:focus{border-color:var(--accent)}.profile-save-btn{background:var(--accent);border-radius:12px;color:#fff;font-size:.9rem;font-weight:600;margin-top:8px;padding:14px;transition:background .2s,transform .2s;width:100%}.profile-save-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.leaderboard-page{margin:0 auto;max-width:700px;min-height:100vh;padding:32px 40px}.leaderboard-header{align-items:center;display:flex;gap:16px;margin-bottom:24px}.leaderboard-header h1{font-size:1.5rem;font-weight:700}.leaderboard-tabs{margin-bottom:24px}.leaderboard-timeframe{background:var(--bg-elevated);border-radius:10px;display:flex;gap:4px;margin-bottom:12px;padding:4px}.leaderboard-timeframe button{border-radius:8px;color:var(--text-secondary);flex:1 1;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.leaderboard-timeframe button.active{background:var(--accent);color:#fff}.leaderboard-categories{display:flex;flex-wrap:wrap;gap:6px}.leaderboard-controls{align-items:center;display:flex;gap:12px}.lb-top-select{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;min-width:90px;padding:6px 12px}.lb-top-select:focus{border-color:var(--accent);outline:none}.leaderboard-scope-label{background:var(--bg-elevated);border-radius:8px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:4px 10px}.lb-empty{font-size:.9rem;padding:40px 20px;text-align:center}.lb-cat-btn,.lb-empty{color:var(--text-secondary)}.lb-cat-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.lb-cat-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0000);border-color:var(--accent);color:var(--accent)}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.lb-entry{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px 16px;transition:transform .2s}.lb-entry:hover{transform:translateX(4px)}.lb-entry.lb-user{background:color-mix(in srgb,var(--accent) 5%,#0000);border-color:var(--accent)}.lb-rank{font-size:1.2rem;text-align:center;width:32px}.lb-rank-num{color:var(--text-muted);font-size:.85rem;font-weight:600}.lb-avatar{font-size:1.5rem}.lb-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.lb-name{font-size:.9rem;font-weight:600}.lb-level{color:var(--text-secondary);font-size:.75rem;opacity:.85}.lb-score{color:var(--accent);font-size:.85rem;font-weight:600}.subscription-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:12px;margin-bottom:24px;padding:16px 20px}.sub-banner-content{align-items:center;display:flex;gap:12px}.sub-banner-icon{font-size:1.5rem}.sub-banner-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.sub-banner-text strong{font-size:.9rem}.sub-banner-text span{color:var(--text-secondary);font-size:.8rem}.sub-banner-btn{background:var(--accent);border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;padding:8px 16px;transition:background .2s}.sub-banner-btn:hover{background:var(--accent-hover)}.sub-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.sub-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;max-height:90vh;max-width:95vw;overflow-y:auto;padding:32px;width:900px}.sub-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sub-modal-header h2{font-size:1.3rem;font-weight:700}.sub-modal-close{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:1.5rem;height:32px;justify-content:center;width:32px}.sub-modal-close:hover{background:var(--bg-elevated)}.sub-tiers-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.sub-tier-card{background:var(--bg-elevated);border:2px solid var(--border);border-radius:16px;padding:24px 16px;position:relative;text-align:center;transition:transform .2s,border-color .2s}.sub-tier-card.recommended{border-color:var(--tier-color);transform:scale(1.02)}.sub-tier-card.current{border-color:#059669}.sub-recommended-badge{background:var(--tier-color);border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;left:50%;padding:2px 10px;position:absolute;top:-10px;transform:translateX(-50%)}.sub-tier-card h3{font-size:1rem;font-weight:700;margin-bottom:4px}.sub-tier-price{color:var(--accent);font-size:1.3rem;font-weight:700;margin-bottom:16px}.sub-tier-features{margin-bottom:16px;text-align:left}.sub-tier-features li{color:var(--text-secondary);font-size:.8rem;padding:4px 0}.sub-tier-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.85rem;font-weight:600;padding:10px;transition:background .2s;width:100%}.sub-tier-btn:hover{background:var(--accent-hover)}.sub-tier-btn.current{background:#059669;cursor:default}.library-points-badge{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.points-text{color:var(--accent)}.library-level-bar{background:var(--bg-elevated);border-radius:4px;height:8px;margin:12px 0 8px;overflow:hidden;position:relative}.library-level-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6,#ec4899);border-radius:4px;height:100%;transition:width .5s ease}.library-level-text{color:var(--text-secondary);font-size:.75rem;position:absolute;right:0;top:-20px}.book-rating{color:#f59e0b;font-size:.82rem;font-weight:600;margin-bottom:8px}.daily-quote-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px 20px}.daily-quote-icon{flex-shrink:0;font-size:1.5rem}.daily-quote-text{color:var(--text-primary);flex:1 1;font-family:var(--serif);font-size:.9rem;font-style:italic}.daily-quote-source{color:var(--text-muted);font-size:.75rem;font-style:normal;white-space:nowrap}.wishlist-section{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.wishlist-section h2{font-size:1.2rem;font-weight:700;margin-bottom:16px}.wishlist-grid{display:flex;flex-direction:column;gap:10px}.wishlist-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:12px 16px}.wishlist-cover{font-size:1.5rem}.wishlist-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.wishlist-info strong{font-size:.9rem}.wishlist-info span{color:var(--text-secondary);font-size:.8rem}.wishlist-buy-btn{background:#f59e0b;border-radius:8px;color:#1a1a1a;font-size:.75rem;font-weight:600;padding:6px 12px;text-decoration:none;transition:background .2s}.wishlist-buy-btn:hover{background:#d97706}.affiliate-disclaimer{margin-top:8px}.settings-menu-expanded{max-height:80vh;overflow-y:auto;width:300px}.settings-slider{appearance:none;-webkit-appearance:none;background:var(--bg-elevated);border-radius:2px;height:4px;margin:4px 0;outline:none;width:100%}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border-radius:50%;cursor:pointer;height:16px;width:16px}.settings-slider::-moz-range-thumb{background:var(--accent);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.reading-timer{align-items:center;background:var(--bg-elevated);border-radius:6px;color:var(--text-muted);display:flex;font-size:.75rem;gap:4px;padding:4px 8px}.reading-timer-icon{font-size:.85rem}.export-data-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:8px 14px;transition:all .2s}.export-data-btn:hover{border-color:var(--accent);color:var(--accent)}.milestone-toast{align-items:center;animation:milestoneIn .3s ease,milestoneOut .3s ease 3s forwards;background:var(--bg-card);border:1px solid var(--accent);border-radius:12px;bottom:80px;box-shadow:var(--shadow-lg);display:flex;gap:10px;left:50%;padding:14px 24px;position:fixed;transform:translateX(-50%);z-index:500}.milestone-toast-icon{font-size:1.5rem}.milestone-toast-text{font-size:.9rem;font-weight:600}@keyframes milestoneIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes milestoneOut{0%{opacity:1}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.keyboard-hint{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;bottom:16px;color:var(--text-muted);font-size:.7rem;opacity:.6;padding:8px 12px;position:fixed;right:16px;transition:opacity .2s}.keyboard-hint:hover{opacity:1}.subscription-page{background:var(--bg-primary);min-height:100vh;padding:24px}.subscription-header{margin-bottom:32px;text-align:center}.subscription-header h1{color:var(--text-primary);font-size:2rem;margin:16px 0 8px}.subscription-subtitle{color:var(--text-secondary);font-size:1.1rem}.subscription-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:960px}.subscription-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;display:flex;flex-direction:column;padding:32px 24px;position:relative;transition:transform .2s,box-shadow .2s}.subscription-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.subscription-card.popular{border-image:linear-gradient(135deg,#8b5cf6,var(--accent),#10b981) 1;border-style:solid;border-width:2px}.subscription-card.current{border-color:var(--accent)}.popular-badge{background:linear-gradient(135deg,#8b5cf6,var(--accent));font-size:.75rem;left:50%;letter-spacing:.5px;padding:4px 16px;transform:translateX(-50%)}.current-badge,.popular-badge{border-radius:12px;color:#fff;font-weight:700;position:absolute;top:-12px}.current-badge{background:var(--accent);font-size:.7rem;padding:4px 12px;right:16px}.subscription-card-header{margin-bottom:24px;text-align:center}.plan-name{color:var(--text-primary);font-size:1.4rem;margin:0 0 8px}.plan-price{align-items:baseline;display:flex;gap:4px;justify-content:center}.price-free{font-size:2rem}.price-amount,.price-free{color:var(--text-primary);font-weight:700}.price-amount{font-size:2.5rem}.price-period{color:var(--text-secondary);font-size:.9rem}.plan-features{flex:1 1;list-style:none;margin:0 0 24px;padding:0}.plan-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;padding:8px 0}.feature-check{color:#10b981;font-weight:700}.plan-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .2s;width:100%}.plan-btn-upgrade{background:linear-gradient(135deg,#8b5cf6,var(--accent));color:#fff}.plan-btn-upgrade:hover{opacity:.9;transform:scale(1.02)}.plan-btn-current{background:var(--bg-elevated);color:var(--text-muted);cursor:default}.plan-btn-downgrade{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary)}.subscription-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.subscription-modal{background:var(--bg-card);border-radius:16px;max-width:400px;padding:32px;text-align:center;width:90%}.subscription-modal h3{color:var(--text-primary);margin:0 0 12px}.subscription-modal p{color:var(--text-secondary);margin:8px 0}.modal-note{color:var(--text-muted);font-size:.8rem;font-style:italic}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.modal-cancel{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary)}.modal-cancel,.modal-confirm{cursor:pointer;padding:10px 24px}.modal-confirm{background:linear-gradient(135deg,#8b5cf6,var(--accent));border:none;border-radius:8px;color:#fff;font-weight:600}.subscription-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;margin-bottom:24px;padding:12px}.subscription-disclaimer,.subscription-success{margin-left:auto;margin-right:auto;max-width:960px;text-align:center}.subscription-disclaimer{color:var(--text-muted);font-size:.8rem;margin-top:32px}.subscription-comparison{margin-left:auto;margin-right:auto;margin-top:3rem;max-width:960px}.subscription-section-title{color:var(--text-primary);font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.comparison-feature-name{color:var(--text-primary);font-weight:500}.comparison-cell{color:var(--text-secondary);text-align:center}.comparison-cell.unavailable{color:var(--text-muted)}.comparison-cell.highlight-scholar:not(.unavailable){color:#10b981}.comparison-cell.highlight-patron:not(.unavailable){color:#f59e0b}.subscription-savings{margin-top:2rem;text-align:center}.subscription-savings-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin:0 auto;max-width:500px;padding:1.5rem}.subscription-savings-card h3{color:var(--text-primary);margin-bottom:.75rem}.subscription-savings-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.subscription-savings-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.subscription-savings-amount{color:#10b981;font-size:1.5rem;font-weight:700}.subscription-savings-label,.subscription-savings-note{color:var(--text-muted);font-size:.75rem}.subscription-savings-note{margin-top:1rem}.subscription-footer{margin:2rem 0;padding:1rem;text-align:center}.subscription-footer-text{color:var(--text-muted);font-size:.8rem}.subscription-footer-sub{color:var(--text-muted);font-size:.7rem;margin-top:.5rem;opacity:.7}.relationship-map-overlay,.rmap-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.rmap-container{background:linear-gradient(145deg,#0f172af7,#1e293bf2);border:1px solid #3b82f633;border-radius:20px;box-shadow:0 0 60px #3b82f61a,0 25px 50px #00000080,inset 0 1px 0 #ffffff0d;display:flex;flex-direction:column;max-height:92vh;max-width:900px;overflow:hidden;position:relative;width:95%}.rmap-header{background:#0f172a80;border-bottom:1px solid #3b82f626;justify-content:space-between;padding:16px 20px}.rmap-header,.rmap-title{align-items:center;display:flex}.rmap-title{gap:10px}.rmap-title-icon{animation:rmap-spin 8s linear infinite;color:#3b82f6;font-size:20px}@keyframes rmap-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rmap-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}.rmap-subtitle{background:#3b82f61a;border:1px solid #3b82f633;border-radius:4px;color:#64748b;font-size:11px;letter-spacing:1.5px;padding:2px 8px;text-transform:uppercase}.rmap-controls{gap:6px}.rmap-controls,.rmap-ctrl-btn{align-items:center;display:flex}.rmap-ctrl-btn{background:#3b82f61a;border:1px solid #3b82f640;border-radius:8px;color:#93c5fd;cursor:pointer;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.rmap-ctrl-btn:hover{background:#3b82f633;border-color:#3b82f680;box-shadow:0 0 12px #3b82f64d}.rmap-close{align-items:center;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;color:#fca5a5;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;margin-left:4px;transition:all .2s;width:32px}.rmap-close:hover{background:#ef444433;border-color:#ef444480}.rmap-scene{background:radial-gradient(ellipse at center,#1e293b 0,#0f172a 100%);cursor:grab;flex:1 1;min-height:450px;overflow:hidden;position:relative}.rmap-scene:active{cursor:grabbing}.rmap-3d-layer{left:50%;margin-left:-350px;margin-top:-275px;position:absolute;top:50%;transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.rmap-edges-svg{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.rmap-edge-label{font-family:Inter,system-ui,sans-serif;text-shadow:0 0 8px currentColor}.rmap-node{align-items:center;cursor:pointer;display:flex;flex-direction:column;position:absolute;transition:opacity .3s ease,transform .2s ease;-webkit-user-select:none;user-select:none;will-change:transform,opacity;z-index:10}.rmap-node-ring,.rmap-node.dimmed{pointer-events:none}.rmap-node-ring{animation:rmap-ring-pulse 3s ease-in-out infinite;border:2px solid var(--node-color);border-radius:50%;height:56px;left:50%;margin-left:-28px;margin-top:-28px;opacity:.4;position:absolute;top:50%;width:56px}.rmap-node.hovered .rmap-node-ring,.rmap-node.selected .rmap-node-ring{border-width:2px;box-shadow:0 0 20px var(--node-color),inset 0 0 10px #ffffff1a;height:62px;margin-left:-31px;margin-top:-31px;opacity:.8;width:62px}@keyframes rmap-ring-pulse{0%,to{opacity:.4}50%{opacity:.2}}.rmap-node-core{align-items:center;background:radial-gradient(circle at 30% 30%,#ffffff26,#0000 60%),linear-gradient(135deg,var(--node-color),color-mix(in srgb,var(--node-color) 60%,#000));border:1px solid color-mix(in srgb,var(--node-color) 60%,#fff);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--node-color) 40%,#0000),0 4px 12px #0006;display:flex;height:44px;justify-content:center;transition:box-shadow .3s;width:44px}.rmap-node.hovered .rmap-node-core,.rmap-node.selected .rmap-node-core{box-shadow:0 0 30px var(--node-color),0 0 60px color-mix(in srgb,var(--node-color) 30%,#0000)}.rmap-node-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:20px}.rmap-node-label{color:#e2e8f0;font-size:10px;font-weight:600;letter-spacing:.3px;margin-top:6px;text-align:center;text-shadow:0 1px 4px #000c;white-space:nowrap}.rmap-node-pulse{animation:rmap-node-ping 1.5s ease-out infinite;background:var(--node-color);border-radius:50%;height:44px;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:44px}@keyframes rmap-node-ping{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.rmap-scanline{background:repeating-linear-gradient(0deg,#0000,#0000 2px,rgba(59,130,246,.015) 0,rgba(59,130,246,.015) 4px);bottom:0;pointer-events:none;z-index:5}.rmap-scanline,.rmap-scanline:after{left:0;position:absolute;right:0;top:0}.rmap-scanline:after{animation:rmap-scan 4s linear infinite;background:linear-gradient(90deg,#0000,#3b82f64d,#0000);content:"";height:2px}@keyframes rmap-scan{0%{top:0}to{top:100%}}.rmap-info-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border:1px solid #3b82f640;border-radius:12px;box-shadow:0 8px 32px #0006;padding:14px;position:absolute;right:16px;top:70px;width:200px;z-index:20}.rmap-info-header{align-items:center;border-bottom:1px solid #3b82f626;display:flex;gap:8px;margin-bottom:12px;padding-bottom:8px}.rmap-info-icon{font-size:20px}.rmap-info-header h4{color:#f1f5f9;font-size:14px;font-weight:600;margin:0}.rmap-info-connections{display:flex;flex-direction:column;gap:6px}.rmap-info-label{color:#64748b;font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.rmap-info-row{align-items:center;display:flex;font-size:11px;gap:6px}.rmap-info-dot{border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0;height:8px;width:8px}.rmap-info-name{color:#cbd5e1;flex:1 1}.rmap-info-rel{font-size:10px;font-weight:500}.rmap-legend{background:#0f172a80;border-top:1px solid #3b82f61a;display:flex;gap:16px;justify-content:center;padding:10px 16px}.rmap-legend-item{align-items:center;color:#94a3b8;display:flex;font-size:11px;gap:6px;text-transform:capitalize}.rmap-legend-dot{border-radius:50%;height:8px;width:8px}.rmap-hint{color:#475569;font-size:10px;letter-spacing:.3px;padding:8px;text-align:center}.rmap-empty{background:var(--bg-card);border-radius:16px;padding:32px;text-align:center}:is([data-theme=light],[data-theme=sepia]) .rmap-container{background:linear-gradient(145deg,#f8fafcf7,#f1f5f9f2);border-color:#3b82f626;box-shadow:0 0 60px #3b82f60d,0 25px 50px #00000026}:is([data-theme=light],[data-theme=sepia]) .rmap-header{background:#f1f5f9cc;border-bottom-color:#3b82f61a}:is([data-theme=light],[data-theme=sepia]) .rmap-title h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text}:is([data-theme=light],[data-theme=sepia]) .rmap-subtitle{background:#3b82f614;border-color:#3b82f626;color:#475569}:is([data-theme=light],[data-theme=sepia]) .rmap-ctrl-btn{background:#3b82f614;border-color:#3b82f633;color:#1e40af}:is([data-theme=light],[data-theme=sepia]) .rmap-close{background:#ef444414;border-color:#ef444433;color:#dc2626}:is([data-theme=light],[data-theme=sepia]) .rmap-scene{background:radial-gradient(ellipse at center,#f8fafc 0,#e2e8f0 100%)}:is([data-theme=light],[data-theme=sepia]) .rmap-node-label{color:#1e293b;font-weight:700;text-shadow:0 1px 3px #ffffffe6}:is([data-theme=light],[data-theme=sepia]) .rmap-edge-label{fill:#1e293b!important;text-shadow:0 0 4px #fffc}:is([data-theme=light],[data-theme=sepia]) .rmap-info-panel{background:#fffffff2;border-color:#3b82f633;box-shadow:0 8px 32px #0000001a}:is([data-theme=light],[data-theme=sepia]) .rmap-info-header h4{color:#1e293b}:is([data-theme=light],[data-theme=sepia]) .rmap-info-name{color:#475569}:is([data-theme=light],[data-theme=sepia]) .rmap-info-label{color:#64748b}:is([data-theme=light],[data-theme=sepia]) .rmap-legend{background:#f1f5f9cc;border-top-color:#3b82f614}:is([data-theme=light],[data-theme=sepia]) .rmap-legend-item{color:#334155}:is([data-theme=light],[data-theme=sepia]) .rmap-hint{color:#64748b}:is([data-theme=light],[data-theme=sepia]) .rmap-scanline{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#3b82f603 0,#3b82f603 4px)}.relationship-map-container{display:none}.level-badge{align-items:center;display:flex;gap:12px}.level-badge-circle{align-items:center;border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;height:48px;justify-content:center;width:48px}.level-badge-icon-large{font-size:1.2rem}.level-badge-level{color:#fff;font-size:.6rem;font-weight:700}.level-badge-info{display:flex;flex-direction:column;gap:4px}.level-badge-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.level-badge-progress{background:var(--bg-elevated);border-radius:2px;height:4px;overflow:hidden;width:80px}.level-badge-progress-fill{border-radius:2px;height:100%;transition:width .3s}.level-badge-compact{align-items:center;background:var(--bg-elevated);border-radius:12px;color:var(--text-primary);display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 8px}.level-up-animate{animation:levelUp 2s ease-out}@keyframes levelUp{0%{transform:scale(1)}20%{transform:scale(1.3)}40%{transform:scale(1)}60%{transform:scale(1.15)}to{transform:scale(1)}}.leaderboard-widget{padding:16px}.leaderboard-widget-tabs{display:flex;gap:8px;margin-bottom:16px}.leaderboard-widget-tabs button{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.leaderboard-widget-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.leaderboard-widget-list{display:flex;flex-direction:column;gap:8px}.lb-widget-entry{align-items:center;background:var(--bg-elevated);border-radius:10px;display:flex;gap:12px;padding:12px 16px;transition:transform .15s}.lb-widget-entry:hover{transform:translateX(4px)}.lb-widget-user{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 30%,#0000)}.lb-widget-rank{color:var(--text-muted);font-size:1.1rem;font-weight:700;min-width:28px;text-align:center}.lb-widget-avatar{font-size:1.3rem}.lb-widget-name{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:500}.lb-you-tag{color:var(--accent);font-size:.75rem}.lb-widget-level{background:var(--bg-card);border-radius:8px;color:var(--text-muted);font-size:.75rem;padding:2px 8px}.lb-widget-points{color:var(--accent);font-size:.85rem;font-weight:600;min-width:80px;text-align:right}.profile-section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.profile-section-tabs button{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.profile-section-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.profile-upgrade-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.8rem;margin-left:8px;text-decoration:underline}.profile-joined{color:var(--text-muted);font-size:.8rem;margin-top:8px}.profile-actions{display:flex;gap:12px;margin-top:16px}.profile-export-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:10px 20px}.profile-export-btn:hover{background:var(--bg-elevated)}.profile-integrations-section{margin-top:16px}.profile-integrations-section h3{color:var(--text-primary);margin-bottom:4px}.integrations-desc{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px}.integrations-grid{display:flex;flex-direction:column;gap:16px}.integration-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px;transition:border-color .2s}.integration-card:hover{border-color:var(--border-hover)}.integration-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.integration-icon{flex-shrink:0;font-size:1.8rem}.integration-info h4{color:var(--text-primary);font-size:1rem;margin:0 0 2px}.integration-info p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.integration-config{padding-left:44px}.integration-label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;margin-bottom:4px;margin-top:10px}.integration-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:8px 12px;transition:border-color .2s;width:100%}.integration-input:focus{border-color:var(--accent)}.integration-file-input{color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.integration-hint{color:var(--text-muted);font-size:.72rem;font-style:italic;margin:4px 0 0}.integration-actions{align-items:center;display:flex;gap:12px;margin-top:12px}.integration-btn{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:8px 16px;transition:opacity .2s}.integration-btn:hover{opacity:.9}.integration-btn.secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.integration-btn.disabled,.integration-btn:disabled{cursor:not-allowed;opacity:.5}.integration-status{border-radius:10px;font-size:.72rem;font-weight:500;padding:3px 8px}.integration-status.connected{background:#10b9811a;color:#10b981}.integration-status.disconnected{background:#ef44441a;color:#ef4444}.integration-toggle-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;gap:8px;margin-top:6px}.integration-toggle-row input[type=checkbox]{height:16px;width:16px}.profile-achievements-section{margin-top:16px}.achievement-category{margin-bottom:24px}.achievement-category h4{color:var(--text-primary);font-size:1rem;margin:0 0 12px}.achievement-grid{display:flex;flex-direction:column;gap:8px}.achievement-item{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;gap:12px;padding:10px 14px;transition:opacity .2s}.achievement-item.locked{opacity:.5}.achievement-item.unlocked{border-left:3px solid #10b981;opacity:1}.achievement-icon{font-size:1.3rem}.achievement-info{display:flex;flex:1 1;flex-direction:column}.achievement-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.achievement-desc{color:var(--text-muted);font-size:.75rem}.achievement-check{color:#10b981;font-weight:700}.profile-history-section{margin-top:16px}.profile-empty{color:var(--text-muted);padding:24px;text-align:center}.points-history-list{display:flex;flex-direction:column;gap:6px}.points-history-item{align-items:center;background:var(--bg-elevated);border-radius:6px;display:flex;font-size:.8rem;gap:12px;padding:8px 12px}.points-history-action{color:var(--text-secondary);flex:1 1;text-transform:capitalize}.points-history-pts{color:#10b981;font-weight:600}.points-history-time{color:var(--text-muted);font-size:.7rem}.tooltip-term.entity-character{cursor:pointer}.tooltip-term.entity-item,.tooltip-term.entity-location,.tooltip-term.entity-organization{cursor:help}.book-rating-link{color:var(--text-secondary);font-size:.8rem;text-decoration:none}.book-rating-link:hover{color:var(--accent);text-decoration:underline}.book-series-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:4px;color:#8b5cf6;display:inline-block;font-size:.7rem;margin-left:8px;padding:2px 8px}.settings-color-input{background:#0000;border:1px solid var(--border);border-radius:6px;cursor:pointer;height:32px;padding:2px;width:48px}.settings-color-input::-webkit-color-swatch-wrapper{padding:2px}.settings-color-input::-webkit-color-swatch{border:none;border-radius:4px}.recommendation-rating{color:var(--text-secondary);display:inline-block;font-size:.8rem;margin-top:4px}.recommendation-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.recommendation-audible-btn,.recommendation-buy-btn{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 10px;text-decoration:none;transition:opacity .2s}.recommendation-buy-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.recommendation-audible-btn{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff}.recommendation-audible-btn:hover,.recommendation-buy-btn:hover{opacity:.85}.affiliate-disclaimer{color:var(--text-muted);font-size:.7rem;font-style:italic;margin-top:12px;text-align:center}.app-bar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--toolbar-bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 24px;position:-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-link,.app-bar-nav{display:flex;gap:4px}.app-bar-link{align-items:center;border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:10px 18px;transition:background .2s,color .2s}.app-bar-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.app-bar-link.active{background:color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent)}.app-bar-right{align-items:center;display:flex;gap:12px}.app-bar-points{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;color:var(--text-secondary);padding:4px 12px}.app-bar-ink,.app-bar-points{font-size:.8rem;font-weight:600}.app-bar-ink{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid #6366f140;border-radius:16px;color:var(--text-primary);display:flex;gap:5px;padding:5px 14px}.app-bar-ink-amount{color:#6366f1;font-weight:700}.app-bar-ink-label{color:var(--text-secondary);font-size:.7rem;font-weight:500}.app-bar-friends-online{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;gap:4px;padding:4px 10px;position:relative}.friends-online-icon{font-size:.9rem}.friends-online-badge{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:16px;justify-content:center;width:16px}.friends-online-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;margin-top:8px;padding:8px 0;position:absolute;right:0;top:100%;width:220px;z-index:200}.friends-online-header{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;padding:8px 14px;text-transform:uppercase}.friends-online-item{align-items:center;display:flex;gap:8px;padding:6px 14px}.friends-online-dot{background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.friends-online-name{color:var(--text-primary);font-size:.82rem;font-weight:500}.friends-online-reading{color:var(--text-muted);font-size:.7rem;margin-left:auto}.app-bar-subtabs{-webkit-overflow-scrolling:touch;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;display:flex;gap:4px;justify-content:center;margin:0 auto 16px;max-width:900px;overflow:visible;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}.app-bar-subtab-dropdown{flex-shrink:0;position:relative}.app-bar-subtab-dropdown>.app-bar-subtab{cursor:pointer}.app-bar-subtab-dropdown>.app-bar-subtab:after{content:" ▾";font-size:1.2em;opacity:.7}.subtab-dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;display:none;left:50%;min-width:160px;padding:10px 6px 6px;position:absolute;top:100%;transform:translateX(-50%);z-index:200}.subtab-dropdown-menu:before{content:"";height:8px;left:0;position:absolute;right:0;top:-8px}.app-bar-subtab-dropdown:hover .subtab-dropdown-menu{display:flex;flex-direction:column;gap:2px}.subtab-dropdown-menu button{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:8px 12px;text-align:left;transition:background .15s,color .15s;white-space:nowrap;width:100%}.subtab-dropdown-menu button:hover{background:var(--bg-elevated);color:var(--text-primary)}.subtab-pct{color:#10b981;font-size:.7rem;font-weight:700;margin-left:auto;opacity:.8}.user-avatar-img{border:2px solid var(--accent);border-radius:50%;height:36px;object-fit:cover;width:36px}.profile-upload-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.profile-pic-preview{border:2px solid var(--accent);border-radius:50%;height:64px;object-fit:cover;width:64px}.profile-upload-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:500;padding:8px 16px;transition:border-color .2s}.profile-upload-btn:hover{border-color:var(--accent)}.profile-remove-pic-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#ef4444;font-size:.8rem;padding:6px 12px}.profile-remove-pic-btn:hover{background:#ef444426}.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}.profile-bio{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:4px 0 8px}.profile-compatibility{background:color-mix(in srgb,var(--accent) 12%,#0000);color:var(--accent);margin-right:6px;padding:2px 8px}.profile-compatibility,.profile-relationship-badge{border-radius:8px;display:inline-block;font-size:.72rem;font-weight:600}.profile-relationship-badge{padding:3px 10px}.profile-rel-friend{background:color-mix(in srgb,#10b981 12%,#0000);color:#10b981}.profile-rel-club{background:color-mix(in srgb,#a855f7 12%,#0000);color:#a855f7}.profile-rel-unknown{background:var(--bg-elevated);color:var(--text-muted)}.profile-current-book{background:var(--bg-elevated);border-radius:12px;margin-bottom:20px;padding:14px 16px}.profile-current-book h4{color:var(--text-muted);font-size:.78rem;margin-bottom:4px}.profile-current-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.profile-privacy-note{color:var(--text-muted);font-size:.75rem;font-style:italic;margin-top:8px}.profile-private-section{background:var(--bg-elevated);border-radius:14px;margin-bottom:20px;padding:32px 20px;text-align:center}.profile-private-icon{display:block;font-size:2rem;margin-bottom:8px}.profile-private-section p{color:var(--text-secondary);font-size:.85rem;margin:4px 0}.profile-privacy-hint{color:var(--text-muted);font-size:.78rem}.badge-locked{background:var(--bg-elevated)!important;border:1px dashed var(--border);opacity:.5}.profile-stats-section{margin-top:20px}.profile-stats-section h3{color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:12px}.profile-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.profile-stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px 12px;text-align:center}.profile-stat-value{color:var(--accent);display:block;font-size:1.4rem;font-weight:700}.profile-stat-label{color:var(--text-muted);font-size:.72rem;letter-spacing:.03em;text-transform:uppercase}.profile-action-section{margin-top:24px;text-align:center}.profile-add-btn{font-size:.85rem!important;padding:10px 24px!important}.feed-item-author.clickable{color:var(--accent);cursor:pointer}.feed-item-author.clickable:hover{text-decoration:underline}.friend-wishlist-btn{background:#0000;border:1px solid #333;border:1px solid var(--border,#333);border-radius:8px;color:#aaa;color:var(--text-secondary,#aaa);cursor:pointer;font-size:.8rem;margin-top:.5rem;padding:.4rem;transition:all .2s;width:100%}.friend-wishlist-btn:hover:not(:disabled){border-color:#8b5cf6;border-color:var(--accent,#8b5cf6);color:#8b5cf6;color:var(--accent,#8b5cf6)}.friend-wishlist-btn.added{border-color:#10b981;color:#10b981;cursor:default}.bookclub-inline,.social-bookclub-inline .bookclub-page{min-height:auto;padding:0}.social-bookclub-inline .bookclub-layout{margin-top:0}.social-feed-page{margin:0 auto;max-width:680px}.feed-filter-tabs{background:var(--bg-elevated);border-radius:12px;display:flex;gap:6px;margin-bottom:20px;overflow-x:auto;padding:4px}.feed-filter-tab{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.feed-filter-tab:hover{background:var(--bg-card);color:var(--text-primary)}.feed-filter-tab.active{background:var(--accent);color:#fff}.feed-items-list{display:flex;flex-direction:column;gap:12px}.feed-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s}.feed-item:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.feed-item-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;width:40px}.feed-item-content{flex:1 1;min-width:0}.feed-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.feed-item-author{color:var(--text-primary);font-size:.85rem;font-weight:600}.feed-item-time{color:var(--text-muted);font-size:.72rem}.feed-item-text{color:var(--text-secondary);font-size:.85rem;line-height:1.4;margin:0}.feed-item-book{color:var(--accent);font-size:.75rem;font-weight:500;margin-top:6px}.feed-item-club-badge{background:color-mix(in srgb,var(--accent) 10%,#0000);border-radius:6px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;margin-top:6px;padding:2px 8px}.feed-empty{color:var(--text-muted);padding:48px 24px;text-align:center}.feed-empty-icon{display:block;font-size:2.5rem;margin-bottom:12px}.feed-empty p{font-size:.9rem}.feed-item-mine{border-left:3px solid var(--accent)}.feed-item-friends{border-left:3px solid #10b981}.feed-item-club{border-left:3px solid #a855f7}.context-menu{animation:contextMenuIn .15s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;max-width:280px;min-width:200px;overflow:hidden;padding:6px;position:fixed;z-index:1000}[data-theme=dark] .context-menu{background:#1e1e28e0;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0006}[data-theme=sepia] .context-menu{background:#f4ecd8e6;border:1px solid #8b691426}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 14px;text-align:left;transition:background .15s ease;width:100%}.context-menu-item:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}[data-theme=dark] .context-menu-item:hover{background:#ffffff14}.context-menu-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.context-menu-label{flex:1 1;font-weight:500}.context-menu-highlight-row{cursor:default;flex-wrap:wrap}.context-menu-highlight-row:hover{background:#0000}.context-menu-colors{display:flex;gap:6px;margin-left:auto;padding-left:8px}.context-menu-color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:18px;transition:transform .15s ease,border-color .15s ease;width:18px}.context-menu-color-dot:hover{border-color:var(--text-primary);transform:scale(1.25)}.upgrade-prompt{align-items:flex-start;animation:upgradePromptIn .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #0000;border-image:linear-gradient(135deg,var(--accent),#8b5cf6) 1;border-radius:16px;display:flex;gap:14px;margin:12px 0;overflow:hidden;padding:18px 20px;position:relative}.upgrade-prompt:before{background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:16px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}[data-theme=dark] .upgrade-prompt{background:#1e1e28b3}[data-theme=sepia] .upgrade-prompt{background:#f4ecd8cc}@keyframes upgradePromptIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upgrade-prompt-icon{flex-shrink:0;font-size:1.5rem}.upgrade-prompt-content{flex:1 1}.upgrade-prompt-title{color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:4px}.upgrade-prompt-desc{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin-bottom:12px}.upgrade-prompt-actions{align-items:center;display:flex;gap:12px}.upgrade-prompt-btn{background:linear-gradient(135deg,var(--accent),#8b5cf6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:8px 18px;transition:transform .2s ease,box-shadow .2s ease}.upgrade-prompt-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 30%,#0000);transform:translateY(-1px)}.upgrade-prompt-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:4px 8px}.upgrade-prompt-dismiss:hover{color:var(--text-secondary)}.highlight-upgrade-wrapper{position:absolute;transform:translateX(-50%);width:300px;z-index:101}.discussion-replies{border-left:2px solid var(--border);margin-left:20px;margin-top:10px;padding-left:16px}.discussion-reply{border-bottom:1px solid #0000000a;padding:10px 0}.discussion-reply:last-child{border-bottom:none}[data-theme=dark] .discussion-reply{border-bottom-color:#ffffff0a}.discussion-reply-count{color:var(--text-muted);font-size:.78rem;margin-left:8px}.discussion-reply-btn{background:none;border:none;border-radius:4px;color:var(--accent);cursor:pointer;font-size:.78rem;padding:2px 6px;transition:background .2s}.discussion-reply-btn:hover{background:color-mix(in srgb,var(--accent) 8%,#0000)}.discussion-upgrade-btn{background:none;border:none;color:#8b5cf6;cursor:pointer;font-size:.75rem;font-weight:500;padding:2px 6px}.discussion-upgrade-btn:hover{text-decoration:underline}.discussion-reply-input{animation:replyInputIn .2s ease;background:var(--bg-elevated);border-radius:10px;margin-top:10px;padding:10px}@keyframes replyInputIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.discussion-reply-textarea{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.82rem;outline:none;padding:8px 12px;resize:none;width:100%}.discussion-reply-textarea:focus{border-color:var(--accent)}.discussion-reply-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.discussion-reply-submit{background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 14px}.discussion-reply-submit:disabled{cursor:not-allowed;opacity:.5}.discussion-reply-cancel{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.78rem;padding:6px 14px}.friend-recs-section,.reading-buddies-section,.reading-together-section{margin-bottom:28px}.social-section-title{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-bottom:6px}.social-section-desc{color:var(--text-muted);font-size:.82rem;margin-bottom:16px}.buddy-match-grid{display:flex;flex-wrap:wrap;gap:16px}.buddy-match-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:16px;margin-top:-80px;overflow-x:auto;padding-bottom:8px;padding-top:80px;scroll-snap-type:x mandatory}.buddy-match-scroll::-webkit-scrollbar{height:4px}.buddy-match-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}.buddy-match-card{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:10px;max-width:180px;min-width:160px;padding:20px 16px;position:relative;scroll-snap-align:start;transition:transform .2s,box-shadow .2s}.buddy-match-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.buddy-match-reading{color:var(--text-muted);font-size:.72rem;line-height:1.3;text-align:center}.buddy-match-tooltip{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.78rem;left:50%;opacity:0;padding:12px 14px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s,visibility 0s .2s;visibility:hidden;white-space:nowrap;z-index:10}.buddy-match-tooltip strong{color:var(--text-secondary);display:block;font-size:.72rem;letter-spacing:.03em;margin-bottom:4px;text-transform:uppercase}.buddy-match-tooltip ul{list-style:none;margin:0;padding:0}.buddy-match-tooltip ul li{color:var(--text-primary);padding:2px 0}.buddy-match-tooltip ul li:before{content:"📖 "}.buddy-match-card:hover .buddy-match-tooltip{opacity:1;transition:opacity .2s,visibility 0s;visibility:visible}.buddy-match-ring{align-items:center;display:flex;height:72px;justify-content:center;position:relative;width:72px}.buddy-ring-svg{height:100%;inset:0;position:absolute;transform:rotate(-90deg);width:100%}.buddy-ring-bg{fill:none;stroke:var(--border);stroke-width:3}.buddy-ring-fill{fill:none;stroke:url(#buddyGradient);stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.buddy-ring-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;width:48px}.buddy-ring-percent{background:var(--accent);border-radius:8px;bottom:-2px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 5px;position:absolute;right:-2px}.buddy-match-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.buddy-request-btn{background:color-mix(in srgb,var(--accent) 10%,#0000);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;color:var(--accent);cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 14px;transition:background .2s,transform .2s}.buddy-request-btn:hover{background:color-mix(in srgb,var(--accent) 15%,#0000);transform:translateY(-1px)}.friend-recs-list{display:flex;flex-direction:column;gap:8px}.friend-rec-item{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 16px;transition:background .2s}.friend-rec-item:hover{background:var(--bg-elevated)}.friend-rec-text{color:var(--text-primary);font-size:.88rem}.friend-rec-text strong{color:var(--accent)}.reading-together-list{display:flex;flex-direction:column;gap:12px}.reading-together-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;position:relative}.reading-together-badge{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 20%,#0000);border-radius:8px;color:var(--accent);display:inline-block;font-size:.7rem;font-weight:600;margin-bottom:10px;padding:3px 10px}.reading-together-info{align-items:center;display:flex;gap:12px}.reading-together-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:40px;justify-content:center;width:40px}.reading-together-details{display:flex;flex-direction:column;gap:2px}.reading-together-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.reading-together-book{color:var(--text-secondary);font-size:.8rem}.reading-together-compare{color:var(--accent);font-size:.75rem;font-weight:500}.community-challenge-section{margin-bottom:28px}.community-challenge-card{background:var(--bg-card);background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#0000),#8b5cf608);border:1px solid var(--border);border-radius:16px;padding:20px}.community-challenge-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.community-challenge-icon{font-size:1.8rem}.community-challenge-info{display:flex;flex-direction:column;gap:2px}.community-challenge-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.community-challenge-deadline{color:var(--text-muted);font-size:.78rem}.community-challenge-progress{margin-bottom:14px}.community-challenge-bar{background:var(--bg-elevated);border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden}.community-challenge-fill{background:linear-gradient(90deg,var(--accent),#8b5cf6);border-radius:5px;height:100%;transition:width .6s ease}.community-challenge-stats{align-items:center;display:flex;justify-content:space-between}.community-challenge-total{color:var(--text-secondary);font-size:.82rem;font-weight:500}.community-challenge-percent{color:var(--accent);font-size:.82rem;font-weight:700}.community-challenge-contribution{align-items:center;background:color-mix(in srgb,var(--accent) 6%,#0000);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:14px;padding:10px 14px}.community-challenge-you{color:var(--text-secondary);font-size:.82rem}.community-challenge-you strong{color:var(--text-primary)}.community-challenge-rank{color:var(--accent);font-size:.82rem;font-weight:600}.community-challenge-participants{align-items:center;display:flex;gap:10px}.community-challenge-participant-label{color:var(--text-muted);font-size:.78rem}.community-challenge-avatars{display:flex;gap:-4px}.community-challenge-avatar{align-items:center;border:2px solid var(--bg-card);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin-left:-4px;width:28px}.community-challenge-avatar:first-child{margin-left:0}.community-challenge-avatar.you-avatar{background:linear-gradient(135deg,var(--accent),#8b5cf6);font-size:.6rem}.hot-discussions-section{margin-bottom:28px}.hot-discussions-list{display:flex;flex-direction:column;gap:12px}.hot-discussion-item{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.hot-discussion-item:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}.hot-discussion-book{color:var(--accent);font-size:.72rem;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.hot-discussion-text{color:var(--text-primary);font-size:.88rem;font-style:italic;line-height:1.5;margin-bottom:10px}.hot-discussion-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.78rem;gap:12px}.hot-discussion-author{color:var(--text-secondary);font-weight:600}.hot-discussion-likes{color:#ef4444}.hot-discussion-replies{color:var(--text-muted)}.subscription-card.patron{background-clip:padding-box;border:2px solid #0000;position:relative}.subscription-card.patron:before{animation:patronGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706,#fbbf24,#f59e0b);border-radius:18px;content:"";inset:-2px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute}@keyframes patronGlow{0%,to{opacity:.8}50%{opacity:1}}.patron-badge{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:0 0 8px 8px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;top:-1px}.subscription-card.patron .plan-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.subscription-card.patron .plan-btn-upgrade{background:linear-gradient(135deg,#f59e0b,#d97706)}.subscription-card.patron .plan-btn-upgrade:hover{box-shadow:0 4px 16px #f59e0b4d}[data-theme=dark] .subscription-card.patron{background:#1e1e28e6}[data-theme=dark] .subscription-card.patron:before{background:linear-gradient(135deg,#f59e0b,#d97706,#fbbf24,#f59e0b)}.terms-page{background:var(--bg-primary);min-height:100vh;padding:24px}.terms-container{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);margin:0 auto;max-width:800px;padding:48px}.terms-back-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);font-size:.85rem;font-weight:500;margin-bottom:24px;padding:8px 16px;transition:border-color .2s,color .2s}.terms-back-btn:hover{border-color:var(--accent);color:var(--accent)}.terms-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px;text-align:center}.terms-header h1{font-size:1.8rem;font-weight:700;margin-bottom:8px}.terms-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:4px}.terms-effective{color:var(--text-muted);font-size:.82rem}.terms-section{margin-bottom:32px}.terms-section h2{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:12px;padding-bottom:8px}.terms-section h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:8px;margin-top:16px}.terms-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:12px}.terms-section ul{list-style:disc;margin-bottom:12px;padding-left:24px}.terms-section ul li{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:4px}.terms-footer{border-top:1px solid var(--border);margin-top:40px;padding-top:24px;text-align:center}.terms-footer p{color:var(--text-muted);font-size:.82rem}@media (max-width:768px){.terms-container{border-radius:16px;padding:24px 20px}}.signup-additional-section{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:16px}.signup-additional-intro{color:var(--text-secondary);font-size:.82rem;line-height:1.5;margin-bottom:16px}.signup-field-label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;margin-bottom:8px}.signup-age-verification,.signup-birthdate{margin-bottom:16px}.signup-birthdate-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.9rem;padding:10px 12px;width:100%}.signup-birthdate-input:focus{border-color:var(--accent);outline:none}.signup-field-hint{color:var(--text-muted);display:block;font-size:.75rem;margin-top:6px}.signup-radio-group{display:flex;gap:16px}.signup-radio-option{align-items:center;cursor:pointer;display:flex;gap:6px}.signup-radio-option input[type=radio]{accent-color:var(--accent);height:16px;width:16px}.signup-radio-text{color:var(--text-primary);font-size:.85rem}.signup-terms-checkbox{margin-bottom:0}.signup-terms-label{align-items:flex-start;cursor:pointer;display:flex;gap:8px}.signup-terms-label input[type=checkbox]{accent-color:var(--accent);flex-shrink:0;height:16px;margin-top:2px;width:16px}.signup-terms-text{color:var(--text-secondary);font-size:.82rem;line-height:1.4}.signup-terms-link{color:var(--accent);font-weight:500;text-decoration:underline}.signup-terms-link:hover{color:var(--accent-hover)}.social-feed-layout{display:flex;gap:24px;margin:0 auto;max-width:1400px}.social-feed-left{flex-shrink:0;width:280px}.social-feed-center{flex:1 1;min-width:0}.social-feed-right{flex-shrink:0;width:260px}.social-profile-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;position:-webkit-sticky;position:sticky;text-align:center;top:80px}.social-profile-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:72px;justify-content:center;margin:0 auto 12px;width:72px}.social-profile-name{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:2px}.social-profile-username{color:var(--text-muted);display:block;font-size:.78rem;margin-bottom:8px}.social-profile-bio{color:var(--text-secondary);font-size:.82rem;line-height:1.4;margin-bottom:16px}.social-profile-stats{border-bottom:1px solid var(--border);border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center;margin-bottom:16px;padding:12px 0}.social-profile-stat{align-items:center;display:flex;flex-direction:column;gap:2px}.social-profile-stat-value{color:var(--text-primary);font-size:1.1rem;font-weight:700}.social-profile-stat-label{color:var(--text-muted);font-size:.68rem;letter-spacing:.3px;text-transform:uppercase}.social-profile-reading-time{align-items:center;background:var(--bg-elevated);border-radius:8px;display:flex;gap:6px;justify-content:center;margin-bottom:16px;padding:8px 12px}.social-profile-time-icon{font-size:.9rem}.social-profile-time-text{color:var(--text-primary);font-size:.82rem;font-weight:600}.social-profile-friends{align-items:center;display:flex;flex-direction:column;gap:8px}.social-profile-friends-count{color:var(--text-secondary);font-size:.82rem;font-weight:600}.social-profile-friends-avatars{display:flex;gap:-4px}.social-profile-friend-mini{align-items:center;border:2px solid var(--bg-card);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:28px;justify-content:center;margin-left:-4px;width:28px}.social-profile-friend-mini:first-child{margin-left:0}.social-feed-post-box{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:16px}.social-feed-post-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:12px;resize:none;transition:border-color .2s;width:100%}.social-feed-post-input:focus{border-color:var(--accent)}.social-feed-post-input::placeholder{color:var(--text-muted)}.social-feed-post-actions{display:flex;justify-content:flex-end;margin-top:10px}.social-feed-post-btn{background:var(--accent);border-radius:10px;color:#fff;font-size:.82rem;font-weight:600;padding:8px 20px;transition:background .2s,transform .2s}.social-feed-post-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.social-feed-post-btn:disabled{cursor:not-allowed;opacity:.5}.social-feed-items{display:flex;flex-direction:column;gap:16px}.social-feed-item{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:16px;transition:border-color .2s}.social-feed-item:hover{border-color:color-mix(in srgb,var(--accent) 20%,#0000)}.social-feed-item-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.social-feed-item-avatar{align-items:center;background:linear-gradient(135deg,var(--accent),#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.social-feed-item-meta{display:flex;flex-direction:column;gap:1px}.social-feed-item-author{color:var(--text-primary);font-size:.85rem;font-weight:600}.social-feed-item-time{color:var(--text-muted);font-size:.72rem}.social-feed-item-text{color:var(--text-secondary);font-size:.88rem;line-height:1.5;margin-bottom:12px}.social-feed-item-actions{border-top:1px solid var(--border);display:flex;gap:12px;padding-top:10px}.social-feed-action-btn{background:#0000;border-radius:8px;color:var(--text-muted);font-size:.78rem;padding:6px 12px;transition:background .2s,color .2s}.social-feed-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.social-feed-right-section{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:16px;padding:16px;position:-webkit-sticky;position:sticky;top:80px}.social-feed-right-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:12px}.social-feed-just-added{display:flex;flex-direction:column;gap:8px}.social-feed-book-thumb{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .2s}.social-feed-book-thumb:hover{background:var(--bg-elevated)}.social-feed-book-emoji{font-size:1.4rem}.social-feed-book-title{color:var(--text-primary);font-size:.82rem;font-weight:500}.social-feed-tags{display:flex;flex-wrap:wrap;gap:6px}.social-feed-tag-pill{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#0000),#8b5cf61a);border:1px solid color-mix(in srgb,var(--accent) 15%,#0000);border-radius:12px;color:var(--accent);font-size:.72rem;font-weight:600;padding:4px 12px}@media (max-width:1024px){.social-feed-layout{flex-direction:column}.social-feed-left,.social-feed-right{width:100%}.social-feed-left{order:-1}.social-feed-right-section,.social-profile-card{position:static}.social-feed-right{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.social-feed-right-section{margin-bottom:0}}@media (max-width:640px){.social-feed-right{grid-template-columns:1fr}}.social-content:has(.social-feed-layout){max-width:1400px}.collections-upgrade-wrapper{grid-column:1/-1;margin-bottom:8px}.verification-step{align-items:center;animation:fadeIn .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:300}.verification-card{animation:panelSlideIn .25s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-lg);max-width:90vw;padding:36px 32px;text-align:center;width:380px}.verification-card h3{font-size:1.3rem;font-weight:700;margin-bottom:8px}.verification-desc{color:var(--text-secondary);font-size:.9rem;margin-bottom:24px}.verification-input-row{margin-bottom:20px}.verification-code-input{background:var(--bg-elevated);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:1.8rem;font-weight:700;letter-spacing:12px;outline:none;padding:16px;text-align:center;transition:border-color .2s;width:200px}.verification-code-input:focus{border-color:var(--accent)}.verification-resend{color:var(--text-muted);display:block;font-size:.82rem;margin-top:16px;transition:color .2s}.verification-resend:hover{color:var(--accent)}.quiz-difficulty-select{display:flex;flex-direction:column;gap:12px;padding:24px}.quiz-difficulty-select p{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.quiz-diff-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px 18px;text-align:left;transition:all .2s}.quiz-diff-btn:hover:not(.locked){border-color:var(--accent);transform:translateX(4px)}.quiz-diff-btn.locked{cursor:not-allowed;opacity:.5}.quiz-diff-icon{font-size:1.2rem}.quiz-diff-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.quiz-diff-desc{color:var(--text-muted);font-size:.75rem;margin-left:auto}.friend-gift-btn{background:linear-gradient(135deg,#ec48991f,#8b5cf61a);border:1px solid #ec48994d;border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;margin-top:8px;padding:9px 12px;transition:all .2s;width:100%}.friend-gift-btn:hover{background:linear-gradient(135deg,#ec489938,#8b5cf62e);border-color:#ec489980}.gift-modal-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.gift-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 60px #0006;max-width:380px;padding:28px;position:relative;width:100%}.gift-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;position:absolute;right:16px;top:12px}.gift-modal-header{margin-bottom:18px;text-align:center}.gift-modal-icon{display:block;font-size:2.5rem;margin-bottom:8px}.gift-modal-header h3{font-size:1.15rem;font-weight:700;margin-bottom:4px}.gift-modal-header p{color:var(--text-secondary);font-size:.78rem}.gift-quick-amounts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:12px}.gift-quick-btn{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;padding:10px;transition:all .2s}.gift-quick-btn.active,.gift-quick-btn:hover{border-color:var(--accent)}.gift-quick-btn.active{background:var(--accent);color:#fff}.gift-amount-input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.95rem;margin-bottom:14px;padding:11px 14px;width:100%}.gift-amount-input:focus{border-color:var(--accent);outline:none}.gift-modal-message{border-radius:8px;font-size:.82rem;margin-bottom:12px;padding:8px 12px;text-align:center}.gift-modal-message.success{background:#10b98126;color:#10b981}.gift-modal-message.error{background:#ef444426;color:#ef4444}.gift-send-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px;width:100%}.gift-send-btn:disabled{cursor:not-allowed;opacity:.5}
/*# sourceMappingURL=main.d09a146f.css.map*/