:root{--color-bg-app:#0f172a;--color-bg-surface:#1e293b;--color-bg-card:#334155;--color-bg-input:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-accent:#3b82f6;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-border:#334155;--color-border-light:#ffffff1a;--color-bg-hover:#ffffff0d;--color-bg-active:#3b82f626;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-xxl:3rem;--space-xxxl:4rem;--container-padding:var(--space-xl);--height-screen:100vh;--unit-5:2rem;--unit-10:4rem;--unit-20:6rem;--unit-40:10rem;--unit-64:16rem;--unit-72:18rem;--unit-100:24rem;--unit-120:30rem;--unit-140:36rem;--width-3-4:75%;--width-full:100%;--width-200:200px;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-serif:"Merriweather", serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:9999px;--transition-fast:.2s ease;--space-xxs:.125rem;--shadow-sm:0 1px 2px 0 #0000000d;--btn-padding-y:var(--space-sm);--btn-padding-x:var(--space-md);--btn-sm-padding-y:var(--space-xs);--btn-sm-padding-x:var(--space-sm);--btn-xs-padding-y:var(--space-xxs);--btn-xs-padding-x:var(--space-xs);--btn-radius:var(--radius-lg);--btn-shadow:var(--shadow-sm);--font-size-xxs:.625rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--font-size-xxxl:2.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--z-base:1;--z-dropdown:1000;--z-modal:2000;--z-toast:3000;--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(12px)}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.book-cover-image-small{aspect-ratio:2/3;border-radius:var(--radius-sm);background-color:var(--color-bg-card);flex-shrink:0;width:48px;overflow:hidden}@media (width<=768px){.book-cover-image-small{width:36px}}.book-cover-image-small .book-cover-img{object-fit:cover;width:100%;height:100%}.book-cover-small{aspect-ratio:2/3;width:48px}[data-theme=light]{--color-bg-app:#f8fafc;--color-bg-surface:#f1f5f9;--color-bg-card:#e2e8f0;--color-bg-input:#fff;--color-bg-hover:#0000000d;--color-bg-active:#3b82f61a;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-accent:#3b82f6;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-border:#cbd5e1;--color-border-light:#0000001a}@media (width<=768px){:root{--container-padding:var(--space-md)}}*{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg-app);color:var(--color-text-primary);height:100vh;margin:0;padding:0;line-height:1.5;overflow:hidden}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{font-family:inherit}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-sm)}.gap-4{gap:var(--space-md)}.w-full{width:100%}.h-full{height:100%}.hidden{display:none!important}#app{flex-direction:column;width:100vw;height:100vh;display:flex}#app-body{flex:1;display:flex;position:relative;overflow:hidden}#main-content{background-color:var(--color-bg-app);flex-direction:column;flex:1;width:100%;display:flex;position:relative;overflow:hidden}.app-header{background-color:var(--color-bg-surface);height:64px;padding:0 var(--space-md);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.app-icon-small{background-color:var(--color-primary);border-radius:var(--radius-sm);width:24px;height:24px;margin-right:var(--space-sm);justify-content:center;align-items:center;display:flex}.app-sidebar{background-color:var(--color-bg-surface);width:280px;transition:width var(--transition-fast), transform var(--transition-fast);z-index:10;flex-direction:column;flex-shrink:0;display:flex}.app-sidebar.collapsed{border-right:none;width:0;overflow:hidden}@media (width<=768px){.app-header{z-index:100;position:sticky;top:0}.app-sidebar{height:100%;position:absolute;transform:translate(0)}.app-sidebar.collapsed{border-right:1px solid var(--color-border);width:280px;transform:translate(-100%)}}.sidebar-header{padding:var(--space-md);align-items:center;gap:var(--space-md);display:flex}.app-icon{background-color:var(--color-primary);border-radius:var(--radius-md);width:32px;height:32px;margin-right:var(--space-sm);justify-content:center;align-items:center;display:flex}.nav-list{padding:var(--space-sm);gap:var(--space-xs);padding-top:var(--space-md);flex-direction:column;margin-top:0;display:flex}.nav-item{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.book-section{margin-top:var(--space-xl);padding:0 var(--space-md)}.section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.view-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-md);background-color:var(--color-bg-surface);display:flex}.title-container{align-items:center;gap:var(--space-md);flex:1;min-width:0;display:flex}.utility-container{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}@media (width<=768px){.view-header{padding:var(--space-md);gap:var(--space-sm);flex-direction:row}}.view-header-title{color:var(--color-text-primary);text-transform:none;letter-spacing:normal;margin:0;font-size:1rem;font-weight:600}.view-header-subtitle{color:var(--color-text-secondary);font-size:.75rem;display:block}.book-list{gap:var(--space-sm);flex-direction:column;display:flex}.book-list-scrollable{gap:var(--space-sm);flex-direction:column;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.book-list-scrollable::-webkit-scrollbar{width:4px}.book-list-scrollable::-webkit-scrollbar-track{background:0 0}.book-list-scrollable::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.book-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.sidebar-header{cursor:pointer;margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.sidebar-header:hover .section-title{color:var(--color-text-primary)}.sidebar-search-container{margin-bottom:var(--space-sm)}.search-input-wrapper-small{width:100%;position:relative}.search-input-small{background-color:var(--color-bg-app);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none;padding:6px 8px 6px 28px;font-size:.8rem}.search-input-small:focus{border-color:var(--color-primary)}.search-icon-small{color:var(--color-text-secondary);pointer-events:none;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.book-item{padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.book-item:hover{background-color:#ffffff0d}.book-item.selected{background-color:var(--color-bg-selected);border-color:var(--color-border)}.book-item-title{color:var(--color-text-secondary);max-width:var(--width-200);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.book-item.selected .book-item-title{color:var(--color-text-primary)}.radio-indicator{border:1px solid var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.book-item.selected .radio-indicator{border-color:var(--color-primary)}.radio-dot{background-color:var(--color-primary);border-radius:50%;width:8px;height:8px}.chat-interface{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.messages-container{min-height:0;padding:var(--space-md);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message{gap:var(--space-md);max-width:80%;display:flex}.message.user{flex-direction:row-reverse;align-self:flex-end}.avatar{background-color:var(--color-bg-card);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.message-content{gap:var(--space-xs);flex-direction:column;display:flex}.message-sender{color:var(--color-text-secondary);font-size:.75rem}.message.user .message-sender{text-align:right}.message-bubble{padding:var(--space-md);border-radius:var(--radius-lg);font-size:.9375rem;line-height:1.6}.message-util-link{color:var(--color-text-secondary);cursor:pointer;opacity:.7;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;width:fit-content;margin-top:4px;padding:4px;font-size:.875rem;transition:all .2s;display:inline-flex}.message-util-link:hover{color:var(--color-primary);opacity:1;background-color:#ffffff0d}.message-util-link:disabled{cursor:default}.message-util-link.saved,.message-util-link.saved:hover{color:#22c55e;opacity:1}.message.assistant .message-bubble{background-color:var(--color-bg-surface);color:var(--color-text-primary);border-top-left-radius:0}.message.user .message-bubble{background-color:var(--color-primary);color:#fff;border-top-right-radius:0}.input-area{padding:var(--space-md);border-top:1px solid var(--color-border);background-color:var(--color-bg-app)}.input-container{align-items:center;gap:var(--space-sm);background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);transition:border-color var(--transition-fast);display:flex}.input-container:focus-within{border-color:var(--color-primary)}.chat-input{color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);background:0 0;border:none;outline:none;flex:1}.library-view{height:100%;display:block;overflow-y:auto}.library-container{padding:var(--container-padding)}.library-header{margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;padding:0;display:flex}.search-bar{gap:var(--space-md);margin-bottom:var(--space-xl);width:100%;display:flex}@media (width<=768px){.search-bar{gap:var(--space-sm);flex-direction:column}.dropdown-select{min-width:100px!important}}.search-input-wrapper{flex:1;position:relative}.search-input{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 2.5rem;color:var(--color-text-primary);outline:none;height:100%}.search-input:focus{border-color:var(--color-primary)}.books-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.books-grid.view-list{gap:var(--space-lg);flex-wrap:wrap;display:flex}.book-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex}.book-card.book-card-small{gap:var(--space-lg);flex-direction:row;align-items:flex-start;width:100%;max-width:480px}@media (width<=768px){.book-card.book-card-small{flex-direction:column}.book-card.book-card-small .book-cover{display:none}.book-card.book-card-small .book-details{width:100%}}.book-card:hover{border-color:var(--color-text-secondary);transform:translateY(-2px)}.book-cover{aspect-ratio:2/3;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-md);background-color:var(--color-bg-card);flex-shrink:0;position:relative;overflow:hidden}.book-card.book-card-small .book-cover{width:140px;margin-bottom:0}.book-details{flex-direction:column;flex:1;min-width:0;display:flex}.library-title{font-size:var(--font-size-xl);color:var(--color-text-primary);margin-bottom:.5rem;font-weight:700}.library-subtitle{color:var(--color-text-secondary)}.search-icon{color:var(--color-text-secondary);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-btn{background-color:var(--color-bg-surface);border:1px solid var(--color-border)}select.dropdown-select{appearance:none;padding:var(--space-sm);cursor:pointer;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;font-size:.875rem;display:inline-block;background-color:var(--color-bg-surface)!important;padding-right:2rem!important}.dropdown-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.book-cover-content{text-align:center;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.book-cover-title{font-family:var(--font-serif);color:#0f172a;opacity:.8;font-size:1.25rem;font-weight:700}.book-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-weight:700;overflow:hidden}.book-author{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem}.book-description{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1rem;font-size:.75rem;display:-webkit-box;overflow:hidden}.book-actions{gap:var(--space-sm);margin-top:var(--space-sm);display:flex}.book-action-btn{background-color:var(--color-bg-card);flex:1;font-size:.75rem}.chat-btn-full{width:100%}.book-cover-image{background-color:var(--color-bg-card)}.book-cover-img{object-fit:cover;width:100%;height:100%;display:block}.book-cover-img-large{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:100%;display:block}.book-year{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-sm);display:inline-block}.book-topics{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.topic-tag{font-size:var(--font-size-xxs);color:var(--color-text-accent);border-radius:var(--radius-sm);background-color:#3b82f61a;border:1px solid #3b82f633;padding:2px 6px}.book-genres{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:6px;display:flex}.genre-tag{font-size:var(--font-size-xs);color:var(--color-text-primary);background-color:var(--color-bg-card);border-radius:var(--radius-full);border:1px solid var(--color-border);padding:4px 10px}.meta-tag-feature{color:#22c55e;background-color:#22c55e26;border:1px solid #22c55e4d}.book-topics-section{margin-top:var(--space-md)}.book-topics-section h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.book-topics-list{flex-wrap:wrap;gap:6px;display:flex}.complexity-indicator{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.complexity-bar{background-color:var(--color-bg-card);border-radius:var(--radius-full);flex:1;max-width:200px;height:6px;overflow:hidden}.complexity-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);height:100%;transition:width .3s}.loading-grid{gap:var(--space-lg);padding:var(--space-lg) 0;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.book-card.skeleton{pointer-events:none}.skeleton-cover{aspect-ratio:2/3;border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-bg-surface) 50%, var(--color-bg-card) 75%);background-size:200% 100%;width:100%;animation:1.5s infinite skeleton-shimmer}.skeleton-text{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-card) 25%, var(--color-bg-surface) 50%, var(--color-bg-card) 75%);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.skeleton-title{width:80%;height:20px;margin-bottom:var(--space-sm)}.skeleton-author{width:50%;height:14px;margin-bottom:var(--space-sm)}.skeleton-desc{width:100%;height:32px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-xxxl);color:var(--color-text-secondary)}book-detail{height:100%;display:block;overflow-y:auto}.book-detail-header{margin-bottom:var(--space-xl);padding:0}.book-detail-content{gap:var(--space-xxxl);grid-template-columns:400px 1fr;align-items:start;display:grid}@media (width<=768px){.book-detail-content{gap:var(--space-xl);grid-template-columns:1fr}.book-detail-cover-wrapper{max-width:250px;margin:0 auto;position:relative}}.book-detail-cover-wrapper{top:var(--space-xl);position:sticky}.book-detail-cover{aspect-ratio:2/3;border-radius:var(--radius-lg);background-color:var(--color-bg-card);width:100%;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.book-detail-info{gap:var(--space-lg);flex-direction:column;display:flex}.book-detail-title{font-size:var(--font-size-xxxl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.book-detail-author{font-size:var(--font-size-xl);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);margin:0}.book-detail-meta{gap:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);display:flex}.book-meta-item{gap:var(--space-xs);flex-direction:column;display:flex}.book-meta-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.book-meta-value{font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.book-detail-description-section{gap:var(--space-md);flex-direction:column;display:flex}.book-detail-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.book-detail-description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0}.book-detail-actions{gap:var(--space-md);padding-top:var(--space-lg);display:flex}@media (width<=768px){.book-detail-actions{flex-direction:column}.book-detail-actions .book-action-btn{width:100%}}notes-view{height:100%;display:block}.cues-column{border-right:1px solid var(--color-border);width:300px;padding:var(--space-sm) var(--space-md);background-color:#0f172a80;flex-direction:column;display:flex;overflow-y:auto}.cues-column>summary{list-style:none}.cues-column>summary::-webkit-details-marker{display:none}@media (width>=769px){.cues-column>summary{pointer-events:none;cursor:default}.cues-column>summary button{pointer-events:auto;cursor:pointer}}.notes-column{padding:var(--space-lg);flex:1;overflow-y:auto}@media (width<=768px){.notes-layout{flex-direction:column;overflow:hidden}.cues-column{border-right:none;border-bottom:1px solid var(--color-border);width:100%;height:auto;padding:var(--space-sm) var(--space-md);flex-shrink:0;overflow:visible}.cues-column[open]{padding-bottom:var(--space-md);max-height:50vh;overflow-y:auto}.notes-column{width:100%;padding:var(--space-md);flex:1;overflow-y:auto}.summary-section{padding:var(--space-md);border-top:1px solid var(--color-border);background-color:var(--color-bg-surface);flex-shrink:0;height:auto;min-height:120px}}.cues-column[open]{padding-bottom:var(--space-md)}@media (width<=768px){.summary-section{height:auto;min-height:120px}}.summary-section{border-top:1px solid var(--color-border);background-color:var(--color-bg-app);z-index:10;flex-direction:column;height:180px;display:flex;position:sticky;bottom:0}.summary-header{padding:var(--space-sm) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.summary-content{padding:0 var(--space-lg) var(--space-lg);flex:1;display:flex}.summary-textarea{resize:none;width:100%;height:100%;color:var(--color-text-primary);font-size:var(--font-size-md);background:0 0;border:none;outline:none;padding:0;line-height:1.6}.summary-textarea:disabled{opacity:.8}.cues-header{cursor:pointer;list-style:none}.dropdown-icon{margin-left:auto;font-size:.75rem;transition:transform .2s;display:none}@media (width<=768px){.dropdown-icon{display:inline-block!important}.cues-column[open] .dropdown-icon{transform:rotate(180deg)}}.cue-item{color:var(--color-text-secondary);border:1px solid #0000;border-radius:4px;outline:none;padding:4px;font-weight:500;transition:border-color .2s}.cue-item:focus{border-color:var(--color-primary)}.summary-text{resize:none;width:100%;height:100%;color:var(--color-text-primary);opacity:.7;background:0 0;border:none;outline:none;font-family:inherit;line-height:1.6}.summary-text:not(:disabled){opacity:1}.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:#ffffff1a}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover{color:var(--color-text-primary);background-color:#ffffff0d}.icon-btn{padding:var(--space-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);border-radius:50%}.icon-btn:hover{color:var(--color-text-primary);background-color:#ffffff1a}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}.suggested-prompt-btn{background-color:var(--color-bg-card);border:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;border-radius:99px;transition:all .2s}.suggested-prompt-btn:hover{color:var(--color-text-primary);border-color:var(--color-primary);background-color:#ffffff1a}.suggested-prompts-wrapper{padding-top:var(--space-lg);margin-top:auto}.notes-list-container{background-color:var(--color-bg-app);height:100%;display:flex}.notes-sidebar{background-color:var(--color-bg-surface);border-right:1px solid var(--color-border);width:280px;padding:var(--space-md);flex-direction:column;flex-shrink:0;display:flex}.notes-sidebar-header{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);height:61px;margin:-1rem -1rem 1rem;padding-left:1.5rem;font-size:1.125rem;font-weight:700;display:flex}.notes-sidebar-section{margin-bottom:var(--space-lg)}.notes-sidebar-title{color:var(--color-text-secondary);margin-bottom:var(--space-sm);padding-left:var(--space-sm);font-size:.875rem;font-weight:600}.notes-nav-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;width:100%;font-size:.875rem;font-weight:500;display:flex}.notes-nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.notes-nav-item.active{background-color:var(--color-bg-active);color:var(--color-primary)}.notes-main{background-color:var(--color-bg-app);flex-direction:column;flex:1;display:flex;overflow:hidden}.notes-header{padding:var(--container-padding);justify-content:space-between;align-items:center;display:flex}.notes-content-area{padding:var(--container-padding);flex:1;overflow-y:auto}.notes-list-wrapper{gap:var(--space-md);flex-direction:column;max-width:80rem;margin:0 auto;display:flex}.notes-content-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.note-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;gap:var(--space-sm);flex-direction:column;padding:1.5rem;transition:all .3s;display:flex;position:relative;overflow:visible}.note-card:hover{border-color:#3b82f680;transform:none;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.note-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.note-card-title{color:var(--color-text-primary);flex:1;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.note-card-desc{color:var(--color-text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.note-card-meta{gap:var(--space-md);color:var(--color-text-secondary);font-size:.875rem;display:flex}.meta-item{align-items:center;gap:.5rem;display:flex}.note-options-details{z-index:10;position:relative}.note-options-summary{cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;list-style:none;display:flex}.note-options-summary::-webkit-details-marker{display:none}.note-options-summary:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.note-options-menu{margin-top:var(--space-xs);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;min-width:180px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.note-options-details[open] .note-options-summary{color:var(--color-text-primary);background-color:var(--color-bg-active)}.note-option-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.note-option-item:hover{background-color:var(--color-bg-hover)}.note-option-item svg{color:var(--color-text-secondary);flex-shrink:0}.note-option-item:hover svg{color:var(--color-text-primary)}.note-option-delete{color:#ef4444}.note-option-delete:hover{background-color:#ef44441a}.note-option-delete svg{color:#ef4444}.new-note-btn{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-sm);width:100%;transition:background-color var(--transition-fast);cursor:pointer;border:none;margin-top:auto;padding:.625rem 1rem;font-weight:700;display:flex}.tag-chip{background-color:var(--color-bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:default;border-radius:.25rem;align-items:center;gap:4px;padding:.125rem .5rem;font-size:.75rem;display:inline-flex}.remove-tag-btn{color:inherit;opacity:.6;font-size:1rem;line-height:1;transition:opacity .2s}.remove-tag-btn:hover{opacity:1;color:#ef4444}.add-tag-btn{color:var(--color-primary);opacity:.8;font-size:.75rem;transition:opacity .2s}.add-tag-btn:hover{opacity:1}.add-text-btn{color:var(--color-primary);padding:var(--space-xs) 0;cursor:pointer;opacity:.8;font-size:.8125rem;font-weight:500;transition:opacity .2s}.add-text-btn:hover{opacity:1}.note-block-container{margin-bottom:var(--space-xxl);border-radius:4px;transition:background-color .2s;position:relative}.note-block-container.highlight .note-content{background-color:var(--color-bg-surface);padding:var(--space-md);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.note-content{min-height:1.5em;color:var(--color-text-secondary);border-radius:4px;outline:none;padding:4px;position:relative}.note-options-toggle{cursor:pointer;color:var(--color-text-secondary);opacity:.5;line-height:0;transition:opacity .2s;position:absolute;bottom:8px;right:8px}.note-utils{height:var(--unit-5);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:50;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:-40px;right:8px;box-shadow:0 4px 12px #0000004d}.note-utils.hidden{display:none}.note-utils button svg{width:20px;height:20px}.note-utils button{color:var(--color-text-secondary);border-radius:2px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.note-utils button:hover{background-color:#ffffff1a}.edit-note-btn:hover{color:var(--color-primary)}.add-cue-from-note-btn:hover{color:#22c55e}.delete-note-btn:hover{color:#ef4444}.note-editor-header{padding:var(--container-padding);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.note-header-main{flex:1;min-width:0}.note-title-input{font-size:var(--font-size-xl);color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-weight:700}.note-header-actions{gap:var(--space-sm);flex-shrink:0;display:flex}@media (width<=768px){.note-editor-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.note-header-main{width:100%}.note-header-actions{justify-content:flex-start;gap:var(--space-md);width:100%}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:500px;animation:.3s ease-out slideUp;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-close-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--color-text-primary);background-color:#ffffff1a}.modal-body{padding:var(--space-lg)}.settings-section{margin-bottom:var(--space-xl)}.settings-section:last-child{margin-bottom:0}.settings-item{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.settings-item-info{flex:1}.settings-item-label{color:var(--color-text-primary);margin-bottom:.25rem;font-weight:500}.settings-item-description{color:var(--color-text-secondary);font-size:.875rem}.theme-toggle{background-color:var(--color-bg-input);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:4px;display:flex}.theme-option{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.theme-option svg{width:16px;height:16px}.theme-option:hover{color:var(--color-text-primary)}.theme-option.active{background-color:var(--color-bg-card);color:var(--color-text-primary);box-shadow:0 1px 2px #0000001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-header{padding:var(--container-padding);background:var(--color-bg-app);justify-content:space-between;align-items:center;display:flex}.view-header-title{font-size:var(--font-size-xl);color:var(--color-text-primary);font-weight:700}.tags-container{gap:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}@media (width<=768px){.view-header{align-items:center;gap:var(--space-md);flex-direction:row}.view-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.tags-container{display:flex}}@media (width<=1024px){.kg-layout{margin:0}}@media (width<=768px){.kg-layout{flex-direction:column}.kg-notes-column{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-height:40vh}}.kg-notes-column{border-right:1px solid var(--color-border);background-color:var(--color-bg-secondary);flex-direction:column;width:33.333%;min-width:300px;max-width:400px;min-height:0;transition:all .3s;display:flex}.kg-note-item.selected{background-color:var(--color-bg-active)}.note-title-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;width:100%;font-size:1.5rem;font-weight:700}.notes-actions{padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex}.note-block-container{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all .2s;position:relative}.note-block-container.highlighted{background-color:#ffffff0d}.note-block-container:hover .note-utils{opacity:1}.tag-chip{background:var(--color-bg-card);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:.75rem;display:inline-flex}.landing-page{background-color:var(--color-bg-app);z-index:10000;color:#fff;position:fixed;inset:0;overflow-y:auto}.landing-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex}.hero-section{align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:flex}.hero-title{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:4rem auto;padding:0 2rem;display:grid}.feature-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:1rem;padding:2rem}.kg-tab-btn{padding:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600}.kg-note-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600}.kg-note-subrow{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.kg-note-details{color:var(--color-text-secondary);opacity:.8;font-size:.75rem}.kg-note-date{color:var(--color-text-secondary);font-size:.75rem}.kg-generate-btn{background-color:var(--color-bg-app);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;padding:2px 8px;font-size:.7rem;transition:all .2s}.kg-generate-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kg-notes-mobile-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);justify-content:space-between;align-items:center;display:none}@media (width<=768px){.kg-notes-mobile-header{display:flex}.kg-sidebar-content{display:none}.kg-sidebar-content.expanded{flex-direction:column;display:flex}}.quiz-list-wrapper{gap:var(--space-md);flex-wrap:wrap;max-width:80rem;margin:0 auto;display:flex}.quiz-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);gap:var(--space-md);flex-direction:column;flex-grow:1;width:100%;max-width:480px;transition:transform .2s,box-shadow .2s;display:flex}.quiz-card:hover{border-color:var(--color-text-accent);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.quiz-meta-row{align-items:center;gap:var(--space-md);color:var(--color-text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.quiz-date,.quiz-question-count{align-items:center;gap:.25rem;display:flex}.quiz-score{color:var(--color-primary);font-weight:600}.quiz-status-bar{margin-bottom:var(--space-lg);gap:4px;display:flex}.quiz-progress-segment{background-color:var(--color-border);border-radius:2px;flex:1;height:4px;transition:background-color .3s}.quiz-progress-segment.filled{background-color:var(--color-primary)}.quiz-question-block{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.quiz-question-text{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:1.125rem;font-weight:600}.quiz-options-list{gap:var(--space-sm);flex-direction:column;display:flex}.quiz-option{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);transition:all .2s;display:flex}.quiz-option:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.quiz-option.selected{border-color:var(--color-primary);background-color:var(--color-bg-active);color:var(--color-primary);font-weight:500}.quiz-result-score{margin-left:auto;font-size:2rem;font-weight:800}.quiz-result-score.passing{color:#10b981}.quiz-result-score.failing{color:#ef4444}.quiz-question-block.correct{background-color:#10b9810d;border-color:#10b981}.quiz-question-block.incorrect{background-color:#ef44440d;border-color:#ef4444}.quiz-explanation{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-app);border-radius:var(--radius-sm);color:var(--color-text-secondary);border-left:3px solid var(--color-text-accent);font-size:.875rem}.quiz-option.result-correct{color:#065f46;background-color:#d1fae5;border-color:#10b981}.quiz-option.result-wrong{color:#991b1b;background-color:#fee2e2;border-color:#ef4444}.bottom-action-bar{background:var(--color-bg-app);padding:var(--space-md) var(--container-padding);border-top:1px solid var(--color-border);margin:0 calc(var(--container-padding) * -1);justify-content:flex-end;display:flex;position:sticky;bottom:0}#root{height:100%}.app-main{background-color:var(--color-bg-app);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.book-detail-container{padding:var(--container-padding);width:100%;max-width:1200px;margin:0 auto;animation:.3s ease-out fadeIn;overflow-y:scroll}.book-detail-content{gap:var(--space-xxl);margin-top:var(--space-lg);grid-template-columns:300px 1fr;display:grid}@media (width<=768px){.book-detail-content{grid-template-columns:1fr}.book-detail-cover-section{justify-content:center;display:flex}}.book-cover-large{aspect-ratio:2/3;border-radius:var(--radius-lg);width:100%;padding:var(--space-lg);justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.book-cover-title-large{font-family:var(--font-serif);color:#0f172ae6;text-align:center;font-size:2rem;font-weight:700}.book-detail-info{flex-direction:column;display:flex}.book-detail-title{color:var(--color-text-primary);margin-bottom:var(--space-sm);font-size:3rem;font-weight:800;line-height:1.1}.book-detail-author{color:var(--color-text-secondary);margin-bottom:var(--space-lg);font-size:1.25rem}.book-meta-tags{gap:var(--space-sm);margin-bottom:var(--space-xl);display:flex}.meta-tag{background-color:var(--color-bg-card);color:var(--color-text-primary);border-radius:var(--radius-full);padding:.25rem .75rem;font-size:.875rem;font-weight:500}.book-detail-description{color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:65ch;font-size:1.1rem;line-height:1.8}.book-detail-actions{gap:var(--space-md);margin-bottom:var(--space-xxl);display:flex}.chat-btn-large{align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;display:flex}.book-chapters-section h3{margin-bottom:var(--space-md);color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.chapter-list{background-color:var(--color-border);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex;overflow:hidden}.chapter-item{background-color:var(--color-bg-surface);padding:var(--space-md);justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.chapter-item:hover{background-color:var(--color-bg-card)}.chapter-name{color:var(--color-text-secondary);font-weight:500}.note-card-footer{gap:var(--space-md);padding-top:var(--space-sm);margin-top:auto;display:flex}.note-tag{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.note-tag:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'%3E%3C/path%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'%3E%3C/path%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;width:16px;height:16px;display:block}.note-tag:last-child:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'%3E%3C/path%3E%3C/svg%3E")}.note-page-container{flex-direction:column;height:100%;display:flex}.note-title-wrapper{min-width:0;margin-right:var(--space-lg);flex:1}.note-title-input{width:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-size:1.5rem;font-weight:700}.note-title-input::placeholder{color:var(--color-text-secondary);opacity:.5}.view-header-actions{gap:var(--space-sm);display:flex}.notes-layout{flex:1;display:flex;overflow:hidden}.notes-column{padding:var(--container-padding);gap:var(--space-lg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.notes-actions{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.note-section-title{text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;flex:1;font-size:.875rem;font-weight:600}.section-toggle-icon{color:var(--color-text-secondary);transition:transform .2s}.section-toggle-icon.rotated-180{transform:rotate(180deg)}.cues-dropdown-content{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.cue-list{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-direction:column;display:flex}.cue-item{padding:var(--space-sm);background-color:var(--color-bg-app);border-radius:var(--radius-sm);color:var(--color-text-primary);border:1px solid #0000;font-size:.875rem}.cue-item:focus{border-color:var(--color-primary);background-color:var(--color-bg-app);outline:none}.add-text-btn{color:var(--color-primary);padding:var(--space-xs) 0;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:500}.add-text-btn:hover{text-decoration:underline}.tags-container{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.tag-chip{background-color:var(--color-bg-app);border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-flex}.tag-remove-btn{opacity:.5;cursor:pointer;justify-content:center;align-items:center;display:flex}.tag-remove-btn:hover{opacity:1;color:#ef4444}.notes-text-content{gap:var(--space-md);flex-direction:column;display:flex}.note-block-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:box-shadow .2s,border-color .2s;position:relative}.note-block-container:hover,.note-block-container.highlighted{border-color:var(--color-text-secondary);box-shadow:0 4px 6px -1px #0000001a}.note-block-container.highlighted{border-color:var(--color-primary)}.note-content{color:var(--color-text-primary);outline:none;line-height:1.6}.note-options-toggle{top:var(--space-sm);right:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:4px;padding:4px;transition:opacity .2s;position:absolute}.note-block-container:hover .note-options-toggle{opacity:1}.note-options-toggle:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.note-utils{top:2rem;right:var(--space-sm);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:10;box-shadow:var(--shadow-sm);gap:4px;padding:4px;display:flex;position:absolute}.icon-btn{color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.note-utils .delete-note:hover{color:#ef4444}.summary-section{background-color:var(--color-bg-surface);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:300px;transition:width .3s;display:flex}.summary-section.collapsed{width:48px}.summary-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:64px;display:flex}.summary-section.collapsed .summary-header{padding:var(--space-sm);gap:var(--space-md);flex-direction:column}.summary-content{padding:var(--space-md);flex:1;overflow-y:auto}.summary-section.collapsed .summary-content{display:none}.summary-textarea{resize:none;width:100%;height:100%;color:var(--color-text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:.9375rem;line-height:1.6}.summary-textarea:disabled{opacity:.8;cursor:default}.notes-layout{flex-direction:column}.summary-section{border-left:none;border-top:1px solid var(--color-border);width:100%;height:auto;transition:all .3s}.summary-section.collapsed{width:100%;height:auto}.summary-header{height:auto;padding:var(--space-sm) var(--space-md);background-color:var(--color-bg-surface)}.summary-section.collapsed .summary-header{padding:var(--space-sm) var(--space-md);flex-direction:row;gap:0}.summary-section.collapsed .note-section-title,.summary-section.collapsed .summary-edit-btn{display:flex}.summary-section.collapsed .note-section-title{display:block}.summary-section.collapsed .summary-edit-btn{display:flex}.summary-content{resize:vertical;height:150px;min-height:100px;overflow:hidden}.summary-section.collapsed .summary-content{height:0;min-height:0;padding:0;display:block;overflow:hidden}.tag-remove-btn{color:var(--color-text-secondary);opacity:1}.notes-actions{padding:var(--space-md);flex-direction:column;gap:0;display:flex}.note-options-toggle{height:var(--unit-5);width:var(--unit-5);justify-content:center;align-items:center;display:flex;top:4px;right:4px}.notes-text-content{gap:var(--space-xs)}.cues-dropdown-content,.tags-container{margin-top:var(--space-md)}.notes-layout{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.notes-column{padding:var(--container-padding);flex-direction:column;flex:1;padding-bottom:2rem;display:flex;overflow-y:auto}.summary-section{border-top:1px solid var(--color-border);width:100%;padding:0 var(--container-padding);z-index:20;flex-shrink:0;background-color:#0000!important}.summary-header,.summary-content{background-color:#0000;padding-left:0;padding-right:0}.library-view-wrapper{flex-direction:column;height:100%;display:flex;overflow-y:auto}.app-main{overflow:hidden}.library-container{height:100%;overflow-y:auto}.btn-ghost svg{margin-right:.5rem}.summary-section{border-top:1px solid var(--color-border);z-index:10;width:100%;height:180px;padding:0 var(--container-padding);flex-direction:column;display:flex;position:sticky;bottom:0;background-color:var(--color-bg-app)!important}.summary-section.collapsed{height:auto!important}.note-page-container{height:100vh;max-height:100%;overflow:hidden}.notes-layout{flex:1;min-height:0}.notes-column{flex:1;min-height:0;overflow-y:auto}.app-container{background-color:var(--color-bg-app);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.app-sidebar{flex-direction:column;height:100%;display:flex;overflow:hidden}.app-sidebar>div{width:100%;height:100%}.book-section{flex:1;min-height:0;overflow-y:auto}.notes-column{gap:var(--space-md);flex-direction:column;display:flex}@media (width>=1024px){.notes-column{align-items:flex-start;gap:var(--space-xl);flex-direction:row}.notes-actions{flex-shrink:0;width:300px;position:sticky;top:0}.notes-text-content{flex:1;min-width:0;padding-bottom:4rem}.notes-column{gap:var(--space-md)}}.knowledge-graph-view{flex-direction:column;height:100%;display:flex}.kg-layout{background-color:var(--color-bg-surface);margin:0 var(--space-xl);border-radius:var(--radius-md);flex:1;min-height:0;display:flex;overflow:hidden}@media (width<=1024px){.kg-layout{margin:0}}@media (width<=768px){.kg-layout{flex-direction:column}.kg-notes-column{border-right:none;border-bottom:1px solid var(--color-border);width:100%;max-height:40vh}.kg-notes-mobile-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);cursor:pointer;justify-content:space-between;align-items:center;display:flex}.kg-sidebar-content{display:none}.kg-sidebar-content.expanded{flex-direction:column;height:300px;display:flex}}.kg-notes-mobile-header{display:none}.kg-notes-column{flex-direction:column;width:300px;min-height:0;transition:all .3s;display:flex}.kg-sidebar-content{flex-direction:column;height:100%;display:flex}.kg-notes-list{padding:var(--space-sm);flex:1;min-height:0;overflow-y:auto}.kg-note-item{padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-sm);gap:var(--space-xs);border:1px solid #0000;flex-direction:column;transition:all .2s;display:flex}.kg-note-item:hover{background-color:#ffffff0d}.kg-note-item.selected{background-color:var(--color-bg-active);border-color:var(--color-primary)}.kg-note-item.selected .kg-note-title{color:var(--color-primary)}.kg-tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm);display:flex}.kg-tab-btn{padding:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.875rem;font-weight:600;transition:all .2s}.kg-tab-btn:hover{color:var(--color-text-primary)}.kg-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.kg-note-title{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.kg-note-subrow{justify-content:space-between;align-items:center;display:flex}.kg-note-date,.kg-note-details{color:var(--color-text-secondary);font-size:.75rem}.kg-generate-btn{color:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:.75rem;transition:all .2s}.kg-generate-btn:hover{background-color:var(--color-primary);color:#fff}.kg-canvas-container{background-color:var(--color-bg-app);flex:1;min-width:0;position:relative;overflow:hidden}.kg-canvas-container>div{width:100%;height:100%}.notes-actions{background-color:#0000;border:none;padding:0}.note-block-container{margin-bottom:var(--space-md);background-color:#0000;border:none;padding:0}.note-block-container.highlighted{border-radius:var(--radius-sm);padding:var(--space-sm)}.note-options-toggle{opacity:1;color:var(--color-text-secondary);background-color:#0000}.note-options-toggle:hover{color:var(--color-text-primary);background-color:var(--color-bg-hover)}:root[data-theme=light]{--color-bg-app:#f8fafc;--color-bg-surface:#fff;--color-bg-card:#f1f5f9;--color-bg-input:#fff;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-border:#e2e8f0;--color-border-light:#0000000d;--color-bg-hover:#0000000d;--color-bg-active:#3b82f61a}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:500px;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.modal-body{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.modal-footer{padding:var(--space-md);background-color:var(--color-bg-app);border-top:1px solid var(--color-border);text-align:center}.settings-section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);font-size:.875rem;font-weight:600}.settings-row{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.settings-label{color:var(--color-text-primary);font-weight:500}.theme-toggle-group{background-color:var(--color-bg-app);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:4px;display:flex}.theme-toggle-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:6px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.theme-toggle-btn:hover{color:var(--color-text-primary)}.theme-toggle-btn.active{background-color:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.toggle-switch-mock{background-color:var(--color-primary);cursor:pointer;border-radius:9999px;width:44px;height:24px;position:relative}.toggle-switch-mock:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:2px;right:2px}:root[data-theme=light]{--color-bg-selected:#e2e8f0cc;--color-text-selected:#0f172a}:root[data-theme=dark]{--color-bg-selected:#1e293b80;--color-text-selected:#f8fafc}.book-item.selected{color:var(--color-text-selected);border-color:var(--color-border);background-color:var(--color-bg-selected)!important}.nav-item.active{background-color:var(--color-bg-active);color:var(--color-primary)}.note-content{padding-right:var(--unit-5)}.cue-item-content{flex:1}.cue-remove-btn{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;display:none}.cue-item:hover .cue-remove-btn{display:flex}.cue-remove-btn:hover{color:#ef4444}:root{--color-border-highlight:#3b82f680}.note-card:hover{border-color:var(--color-border-highlight)}.note-block-container.highlighted{border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--color-border-highlight)!important;background-color:#0000!important}.note-block-container{border:none!important}.note-block-container{background-color:#0000;transition:background-color .2s;border:none!important}.note-block-container:hover{background-color:var(--color-bg-surface)}.note-block-container.highlighted{background-color:var(--color-bg-active)!important;box-shadow:none!important;border:none!important;border-radius:0!important;padding:0!important}.note-content{padding:var(--space-md)!important}.cue-item-content{border-radius:var(--radius-sm);border:1px solid #0000;padding:2px 4px;transition:all .2s}.cue-item-content:focus{color:var(--color-text-primary);border:1px solid var(--color-primary);background-color:var(--color-bg-app);outline:none}.cue-item.selected .cue-item-content{color:var(--color-text-primary);font-weight:500}.note-block-container.highlighted{background-color:var(--color-bg-active)!important;box-shadow:none!important;border-radius:var(--radius-md)!important;border:none!important}.app-icon-small{border-radius:0;background-color:#0000!important}.voice-btn{background-color:var(--color-bg-card);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);border:1px solid var(--color-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.voice-btn:hover{background-color:var(--color-bg-hover);background-color:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-primary)}.voice-btn.v-active{background-color:var(--color-primary);color:var(--color-text-primary);border-color:var(--color-primary);animation:2s infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.landing-page-root{--lp-bg-app:#0f172a;--lp-bg-sidebar:#1e293b;--lp-bg-card:#334155;--lp-text-primary:#f8fafc;--lp-text-secondary:#bac8db;--lp-primary:#3b82f6;--lp-primary-hover:#2563eb;--lp-border:#334155;--lp-font-sans:"Inter", system-ui, -apple-system, sans-serif;--lp-radius-md:.5rem;--lp-radius-lg:.75rem;--lp-radius-xl:1rem;--lp-radius-full:9999px;--lp-transition-fast:.2s ease;font-family:var(--lp-font-sans);color:var(--lp-text-primary);background:linear-gradient(#0f172a,#1e293b);width:100%;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow-x:hidden}.landing-page-root *{box-sizing:border-box}.landing-page-root .nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0f172acc;border-bottom:1px solid #ffffff1a;position:fixed;top:0;left:0;right:0}.landing-page-root .nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex}.landing-page-root .nav-logo{align-items:center;gap:1rem;display:flex}.landing-page-root .logo-text{color:var(--lp-text-primary);font-size:1.5rem;font-weight:700}.landing-page-root .nav-actions{align-items:center;gap:1.5rem;display:flex}.landing-page-root .nav-link{color:var(--lp-text-secondary);transition:color var(--lp-transition-fast);font-weight:500;text-decoration:none}.landing-page-root .nav-link:hover{color:var(--lp-text-primary)}.landing-page-root .lp-btn-primary,.landing-page-root .lp-btn-secondary{border-radius:var(--lp-radius-full);cursor:pointer;transition:all var(--lp-transition-fast);border:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.landing-page-root .lp-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.landing-page-root .lp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.landing-page-root .lp-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.landing-page-root .lp-btn-secondary{color:var(--lp-text-primary);border:1px solid var(--lp-border);background:0 0}.landing-page-root .lp-btn-secondary:hover{border-color:var(--lp-primary);background:#ffffff0d}.landing-page-root .lp-btn-large{padding:1rem 2rem;font-size:1rem}.landing-page-root .hero{align-items:center;min-height:100vh;padding:120px 1.5rem 80px;display:flex}.landing-page-root .hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.landing-page-root .hero-content{flex-direction:column;gap:1.5rem;display:flex}.landing-page-root .hero-title{color:var(--lp-text-primary);font-size:3.5rem;font-weight:800;line-height:1.1}.landing-page-root .gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page-root .hero-description{color:var(--lp-text-secondary);font-size:1.25rem;line-height:1.8}.landing-page-root .hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.landing-page-root .auth-error-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;position:fixed;inset:0}.landing-page-root .auth-error-banner{text-align:center;z-index:1001;background:#1e293bf2;border:1px solid #8b5cf6;border-radius:12px;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:500px;padding:2rem 2.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080}.landing-page-root .auth-error-banner p{color:#3b82f6;margin:0;font-size:1rem;line-height:1.6}.landing-page-root .auth-error-banner button{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #8b5cf6;border-radius:6px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.landing-page-root .auth-error-banner button:hover{background:#8b5cf633}.landing-page-root .hero-visual{height:500px;position:relative}.landing-page-root .floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--lp-radius-xl);background:#33415580;border:1px solid #ffffff1a;align-items:center;gap:1rem;padding:1.5rem;animation:6s ease-in-out infinite lpFloat;display:flex;position:absolute;box-shadow:0 8px 32px #0000004d}.landing-page-root .card-1{animation-delay:0s;top:50px;left:50px}.landing-page-root .card-2{animation-delay:2s;top:200px;right:50px}.landing-page-root .card-3{animation-delay:4s;bottom:50px;left:100px}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.landing-page-root .card-icon{font-size:2rem}.landing-page-root .card-content{flex-direction:column;gap:.25rem;display:flex}.landing-page-root .card-title{color:var(--lp-text-primary);font-weight:600}.landing-page-root .card-text{color:var(--lp-text-secondary);font-size:.875rem}.landing-page-root .features{background:#1e293b4d;padding:80px 1.5rem}.landing-page-root .features-container{max-width:1200px;margin:0 auto}.landing-page-root .section-header{text-align:center;margin-bottom:3rem}.landing-page-root .section-title{color:var(--lp-text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.landing-page-root .section-description{color:var(--lp-text-secondary);font-size:1.125rem}.landing-page-root .features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing-page-root .feature-card{border-radius:var(--lp-radius-xl);transition:all var(--lp-transition-fast);background:#3341554d;border:1px solid #ffffff1a;padding:2rem}.landing-page-root .feature-card:hover{border-color:var(--lp-primary);transform:translateY(-4px);box-shadow:0 12px 32px #3b82f633}.landing-page-root .feature-icon{border-radius:var(--lp-radius-lg);width:64px;height:64px;color:var(--lp-primary);background:linear-gradient(135deg,#3b82f633,#8b5cf633);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.landing-page-root .feature-title{color:var(--lp-text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.landing-page-root .feature-description{color:var(--lp-text-secondary);line-height:1.7}.landing-page-root .how-it-works{padding:80px 1.5rem}.landing-page-root .how-it-works-container{max-width:1200px;margin:0 auto}.landing-page-root .steps{justify-content:center;align-items:center;gap:1.5rem;display:flex}.landing-page-root .step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:1rem;display:flex}.landing-page-root .step-number{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex;box-shadow:0 8px 24px #3b82f64d}.landing-page-root .step-title{color:var(--lp-text-primary);font-size:1.5rem;font-weight:600}.landing-page-root .step-description{color:var(--lp-text-secondary);max-width:300px}.landing-page-root .step-connector{background:linear-gradient(90deg, var(--lp-primary), transparent);width:100px;height:2px}.landing-page-root .cta{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);padding:80px 1.5rem}.landing-page-root .cta-container{text-align:center;max-width:800px;margin:0 auto}.landing-page-root .cta-title{color:var(--lp-text-primary);margin-bottom:1rem;font-size:3rem;font-weight:700}.landing-page-root .cta-description{color:var(--lp-text-secondary);margin-bottom:3rem;font-size:1.25rem}.landing-page-root .cta-actions{justify-content:center;display:flex}.landing-page-root .footer{border-top:1px solid #ffffff1a;padding:4rem 1.5rem}.landing-page-root .footer-container{flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;display:flex}.landing-page-root .footer-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.landing-page-root .footer-brand{align-items:center;gap:1rem;display:flex}.landing-page-root .footer-tagline{color:var(--lp-text-secondary)}.landing-page-root .footer-bottom{color:var(--lp-text-secondary);font-size:.875rem}@media (width<=1024px){.landing-page-root .hero-container{text-align:center;grid-template-columns:1fr}.landing-page-root .hero-visual{display:none}.landing-page-root .hero-actions{justify-content:center}.landing-page-root .features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-page-root .nav-actions .nav-link{display:none}.landing-page-root .hero-title{font-size:2.5rem}.landing-page-root .hero-description{font-size:1rem}.landing-page-root .features-grid{grid-template-columns:1fr}.landing-page-root .steps{flex-direction:column}.landing-page-root .step-connector{background:linear-gradient(180deg, var(--lp-primary), transparent);width:2px;height:50px}.landing-page-root .cta-title{font-size:2rem}.landing-page-root .hero-actions{flex-direction:column}.landing-page-root .lp-btn-large{justify-content:center;width:100%}}