@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-color:#fafafa;--text-color:#18181b;--primary-color:#18181b;--primary-hover:#27272a;--accent-color:#71717a;--book-bg:#fff;--book-shadow:0 10px 30px #00000014;--spine-shadow:#0000001f;--page-border:#0000000f;--border-color:#e4e4e7}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);justify-content:center;align-items:center;min-height:100vh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}.app-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:100vh;padding:30px 20px;display:flex}header{text-align:center;margin-bottom:12px}.version-badge{letter-spacing:.5px;color:#71717a;border:1px solid var(--border-color);background:#f4f4f5;border-radius:20px;padding:4px 14px;font-family:inherit;font-size:.8rem;font-weight:500;display:inline-block}.main-layout{justify-content:center;align-items:stretch;gap:32px;width:100%;max-width:1200px;margin:auto 0;padding:10px 0;display:flex}.scrapbook-column{flex-direction:column;flex:1.2;justify-content:center;align-items:center;min-width:0;display:flex}.ai-column{flex-direction:column;flex:.8;min-width:300px;max-width:380px;display:flex}.book-wrapper{perspective:2000px;width:100%;max-width:1100px;filter:drop-shadow(var(--book-shadow));justify-content:center;align-items:center;margin:auto 0;display:flex}.demo-book{background:0 0}.demoPage{background-color:var(--book-bg);box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000d}.demoPage:after{display:none}.demoPage[data-density=hard]{color:#f4f4f5;background:#27272a}.demoPage[data-density=hard]:after{display:none}.cover-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.cover-content h2{color:#fff;margin-bottom:8px;font-size:2rem;font-weight:700}.cover-content p{color:#a1a1aa;font-size:.95rem}.page-content{background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pdf-canvas{object-fit:fill;width:100%;height:100%;display:block}.page-number{color:#71717a;z-index:12;background:#ffffffd9;border:1px solid #0000000d;border-radius:4px;padding:2px 8px;font-size:.8rem;font-weight:500;position:absolute;bottom:12px}.demoPage.left-page .page-number{left:16px}.demoPage.right-page .page-number{right:16px}.page-loading-wrapper{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.page-spinner{border:2px solid #e4e4e7;border-top-color:#18181b;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.error-text{color:#ef4444;font-size:.85rem;font-weight:500}.pdf-loading-screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:50vh;display:flex}.pdf-loading-screen p{color:#18181b;font-size:1rem;font-weight:500}.progress-bar-container{background-color:#e4e4e7;border-radius:2px;width:200px;height:4px;overflow:hidden}.progress-bar-fill{background-color:#18181b;width:0%;height:100%;transition:width .3s}.controls{align-items:center;gap:16px;margin-top:24px;display:flex}.controls button{border:1px solid var(--border-color);color:#18181b;cursor:pointer;background-color:#fff;border-radius:20px;padding:8px 20px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .15s;box-shadow:0 1px 2px #0000000a}.controls button:hover:not(:disabled){color:#fff;background-color:#18181b;border-color:#18181b}.controls button:disabled{color:#a1a1aa;cursor:not-allowed;box-shadow:none;background-color:#f4f4f5;border-color:#e4e4e7}.page-indicator{color:#18181b;border:1px solid var(--border-color);background-color:#fff;border-radius:20px;padding:6px 16px;font-size:.9rem;font-weight:500}.ai-panel{border:1px solid var(--border-color);background:#fff;border-radius:14px;flex-direction:column;height:650px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000008}.ai-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-title-wrapper h3{color:#18181b;font-size:1rem;font-weight:600}.indexing-status{color:#71717a;margin-top:2px;font-size:.75rem}.mobile-close-btn{color:#71717a;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;display:none}.ai-tabs{border-bottom:1px solid var(--border-color);background:#fafafa;padding:4px;display:flex}.tab-btn{color:#71717a;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s}.tab-btn:hover{color:#18181b}.tab-btn.active{color:#18181b;background:#fff;font-weight:600;box-shadow:0 1px 3px #0000000f}.ai-tab-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.tab-description{color:#71717a;margin-bottom:12px;font-size:.8rem;line-height:1.4}.chat-tab-pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.ai-quick-actions{border-bottom:1px solid var(--border-color);background:#fafafa;padding:10px 16px}.btn-narrate{border:1px solid var(--border-color);color:#18181b;cursor:pointer;background-color:#fff;border-radius:8px;width:100%;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .15s}.btn-narrate:hover:not(:disabled){color:#fff;background-color:#18181b;border-color:#18181b}.btn-narrate:disabled{color:#a1a1aa;cursor:not-allowed;background-color:#f4f4f5}.chat-messages{background:#fff;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message-bubble{word-break:break-word;overflow-wrap:anywhere;border-radius:12px;max-width:85%;padding:10px 14px;font-size:.85rem;line-height:1.45}.message-sender{opacity:.7;margin-bottom:4px;font-size:.7rem;font-weight:600}.user-msg{color:#fff;background-color:#18181b;border-bottom-right-radius:2px;align-self:flex-end}.user-msg .message-sender{text-align:right;color:#a1a1aa}.model-msg{color:#18181b;border:1px solid var(--border-color);background-color:#f4f4f5;border-bottom-left-radius:2px;align-self:flex-start}.model-msg .message-sender{color:#71717a}.ai-chat-paragraph{margin-bottom:4px}.ai-chat-paragraph:last-child{margin-bottom:0}.ai-chat-list{margin-bottom:4px;padding-left:14px}.chat-input-form{border-top:1px solid var(--border-color);background:#fff;gap:8px;padding:12px 16px;display:flex}.chat-input-form input{border:1px solid var(--border-color);background:#fafafa;border-radius:8px;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.chat-input-form input:focus{background:#fff;border-color:#18181b}.send-btn{color:#fff;cursor:pointer;background-color:#18181b;border:none;border-radius:8px;flex-shrink:0;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background-color .15s}.send-btn:hover:not(:disabled){background-color:#27272a}.send-btn:disabled{color:#a1a1aa;cursor:not-allowed;background-color:#e4e4e7}.search-tab-pane{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-header-actions{border-bottom:1px solid var(--border-color);background:#fafafa;padding:10px 16px}.search-form{gap:8px;display:flex}.search-form input{border:1px solid var(--border-color);background:#fff;border-radius:8px;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:.85rem;transition:border-color .15s}.search-form input:focus{border-color:#18181b}.search-submit-btn{color:#fff;cursor:pointer;background-color:#18181b;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;font-weight:500;transition:background-color .15s}.search-submit-btn:hover{background-color:#27272a}.search-results-container{background:#fff;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.search-result-card{border:1px solid var(--border-color);background-color:#f4f4f5;border-radius:12px 12px 12px 2px;padding:10px 14px}.search-result-card .card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.card-page-label{color:#71717a;text-transform:uppercase;font-size:.7rem;font-weight:600}.jump-btn{border:1px solid var(--border-color);color:#18181b;cursor:pointer;background:#fff;border-radius:6px;padding:3px 8px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .15s}.jump-btn:hover{color:#fff;background-color:#18181b;border-color:#18181b}.card-snippet{color:#18181b;font-size:.85rem;line-height:1.45}.no-results,.search-placeholder-info{text-align:center;color:#71717a;padding:24px 16px;font-size:.85rem;line-height:1.4}.typing-indicator{gap:4px;padding:6px 2px;display:flex}.typing-indicator span{opacity:.4;background-color:#71717a;border-radius:50%;width:6px;height:6px;animation:1.2s infinite bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:180;background:#0006;width:100vw;height:100vh;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}.mobile-ai-toggle{color:#fff;cursor:pointer;z-index:100;background-color:#18181b;border:none;border-radius:20px;padding:10px 18px;font-family:inherit;font-size:.85rem;font-weight:600;transition:transform .15s,background-color .15s;display:none;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000026}.mobile-ai-toggle:active{transform:scale(.95)}@media (width<=1024px){body{overflow-y:auto}.app-container{justify-content:flex-start;height:auto;min-height:100vh;padding:16px 12px}.main-layout{flex-direction:column;align-items:center;gap:20px;width:100%}.scrapbook-column{width:100%}.ai-column{z-index:200;background:#fff;width:100%;max-width:380px;height:100vh;transition:right .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-100%;box-shadow:-4px 0 20px #0000001f}.ai-column.mobile-open{right:0}.ai-panel{border:none;border-radius:0;height:100vh;min-height:100vh}.mobile-close-btn{display:block}.mobile-ai-toggle{display:flex}}@media (width<=640px){.app-container{padding:12px 8px}header{margin-bottom:8px}.version-badge{padding:3px 12px;font-size:.75rem}.controls{justify-content:center;gap:8px;width:100%;margin-top:14px}.controls button{padding:6px 14px;font-size:.8rem}.page-indicator{padding:4px 12px;font-size:.8rem}.ai-column{max-width:100%}}