: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: rgba(255, 255, 255, .1);--color-bg-hover: rgba(255, 255, 255, .05);--color-bg-active: rgba(59, 130, 246, .15);--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%;--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 rgb(0 0 0 / .05);--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:spin 1s linear infinite}[data-theme=light]{--color-bg-app: #f8fafc;--color-bg-surface: #f1f5f9;--color-bg-card: #e2e8f0;--color-bg-input: #ffffff;--color-bg-hover: rgba(0, 0, 0, .05);--color-bg-active: rgba(59, 130, 246, .1);--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: rgba(0, 0, 0, .1)}@media (max-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);margin:0;padding:0;height:100vh;overflow:hidden;line-height:1.5}h1,h2,h3,h4,p{margin:0}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}input,textarea{font-family:inherit}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.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{display:flex;flex-direction:column;height:100vh;width:100vw}#app-body{display:flex;flex:1;overflow:hidden;position:relative}#main-content{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-app);overflow:hidden;position:relative;width:100%}.app-header{height:64px;background-color:var(--color-bg-surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-md);flex-shrink:0;z-index:20}.app-icon-small{width:24px;height:24px;background-color:var(--color-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-right:var(--space-sm)}.app-sidebar{width:280px;background-color:var(--color-bg-surface);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition-fast),transform var(--transition-fast);z-index:10}.app-sidebar.collapsed{width:0;overflow:hidden;border-right:none}@media (max-width: 768px){app-sidebar{position:absolute;height:100%;transform:translate(0)}app-sidebar.collapsed{width:280px;transform:translate(-100%);border-right:1px solid var(--color-border)}}.sidebar-header{padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.app-icon{width:32px;height:32px;background-color:var(--color-primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-right:var(--space-sm)}.nav-list{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);margin-top:0;padding-top:var(--space-md)}.nav-item{width:100%;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-bg-active);color:var(--color-text-accent)}.book-section{margin-top:var(--space-xl);padding:0 var(--space-md)}.section-title{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.book-list{display:flex;flex-direction:column;gap:var(--space-sm)}.book-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.book-item:hover{background-color:#ffffff0d}.book-item.selected{background-color:var(--color-bg-selected);border-color:var(--color-border)}.book-item-title{font-size:.875rem;color:var(--color-text-secondary)}.book-item.selected .book-item-title{color:var(--color-text-primary)}.radio-indicator{width:16px;height:16px;border-radius:50%;border:1px solid var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.book-item.selected .radio-indicator{border-color:var(--color-primary)}.radio-dot{width:8px;height:8px;background-color:var(--color-primary);border-radius:50%}.chat-interface{display:flex;flex-direction:column;height:100%}.chat-header{padding:var(--space-xl);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background-color:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:1}.messages-container{flex:1;overflow-y:auto;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg)}.message{display:flex;gap:var(--space-md);max-width:80%}.message.user{flex-direction:row-reverse;align-self:flex-end}.avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-bg-card);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.message-content{display:flex;flex-direction:column;gap:var(--space-xs)}.message-sender{font-size:.75rem;color:var(--color-text-secondary)}.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{display:inline-flex;align-items:center;justify-content:center;margin-top:4px;font-size:.875rem;color:var(--color-text-secondary);background-color:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;transition:all .2s;opacity:.7;width:fit-content}.message-util-link:hover{color:var(--color-primary);background-color:#ffffff0d;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{display:flex;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)}.input-container:focus-within{border-color:var(--color-primary)}.chat-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);outline:none;padding:var(--space-xs) var(--space-sm)}.library-view{display:block;height:100%;overflow-y:auto}.library-container{padding:var(--container-padding)}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding:0}.search-bar{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);max-width:var(--unit-140)}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);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{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg)}.books-grid.view-list{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.book-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;transition:transform var(--transition-fast),border-color var(--transition-fast)}.book-card.book-card-small{flex-direction:row;gap:var(--space-lg);align-items:flex-start;width:100%;max-width:480px}@media (max-width: 768px){.book-card.book-card-small{flex-direction:column}.book-card.book-card-small .book-cover{display:none}}.book-card:hover{transform:translateY(-2px);border-color:var(--color-text-secondary)}.book-cover{aspect-ratio:2/3;width:100%;border-radius:var(--radius-md);margin-bottom:var(--space-md);background-color:var(--color-bg-card);position:relative;overflow:hidden;flex-shrink:0}.book-card.book-card-small .book-cover{width:140px;margin-bottom:0}.book-details{flex:1;display:flex;flex-direction:column;min-width:0}.library-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem}.library-subtitle{color:var(--color-text-secondary)}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.filter-btn{background-color:var(--color-bg-surface);border:1px solid var(--color-border)}select.dropdown-select{display:inline-block;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem!important;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-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;cursor:pointer;font-size:.875rem;color:var(--color-text-primary);background-color:var(--color-bg-surface)!important;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dropdown-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.book-cover-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center}.book-cover-title{font-family:var(--font-serif);color:#0f172a;font-weight:700;font-size:1.25rem;opacity:.8}.book-title{font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem}.book-description{font-size:.75rem;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;flex:1}.book-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.book-action-btn{flex:1;font-size:.75rem;background-color:var(--color-bg-card)}.chat-btn-full{width:100%}.book-cover-image{background-color:var(--color-bg-card)}.book-cover-img{width:100%;height:100%;object-fit:cover;display:block}.book-cover-img-large{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-lg)}.book-year{font-size:var(--font-size-xs);color:var(--color-text-secondary);background-color:var(--color-bg-card);padding:2px 8px;border-radius:var(--radius-full);display:inline-block;margin-bottom:var(--space-sm)}.book-topics{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-sm)}.topic-tag{font-size:var(--font-size-xxs);color:var(--color-text-accent);background-color:#3b82f61a;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.2)}.book-genres{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-sm)}.genre-tag{font-size:var(--font-size-xs);color:var(--color-text-primary);background-color:var(--color-bg-card);padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--color-border)}.meta-tag-feature{background-color:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.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{display:flex;flex-wrap:wrap;gap:6px}.complexity-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.complexity-bar{flex:1;max-width:200px;height:6px;background-color:var(--color-bg-card);border-radius:var(--radius-full);overflow:hidden}.complexity-fill{height:100%;background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);border-radius:var(--radius-full);transition:width .3s ease}.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-lg);padding:var(--space-lg) 0}.book-card.skeleton{pointer-events:none}.skeleton-cover{aspect-ratio:2/3;width:100%;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%;animation:skeleton-shimmer 1.5s infinite}.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:skeleton-shimmer 1.5s infinite}.skeleton-title{height:20px;width:80%;margin-bottom:var(--space-sm)}.skeleton-author{height:14px;width:50%;margin-bottom:var(--space-sm)}.skeleton-desc{height:32px;width:100%}@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{display:block;height:100%;overflow-y:auto}.book-detail-container{padding:var(--container-padding);max-width:1200px;margin:0 auto}.book-detail-header{margin-bottom:var(--space-xl);padding:0}.book-detail-content{display:grid;grid-template-columns:400px 1fr;gap:var(--space-xxxl);align-items:start}@media (max-width: 768px){.book-detail-content{grid-template-columns:1fr;gap:var(--space-xl)}.book-detail-cover-wrapper{max-width:250px;margin:0 auto;position:relative}}.book-detail-cover-wrapper{position:sticky;top:var(--space-xl)}.book-detail-cover{aspect-ratio:2/3;width:100%;border-radius:var(--radius-lg);background-color:var(--color-bg-card);position:relative;overflow:hidden;box-shadow:0 10px 40px #0000004d}.book-detail-info{display:flex;flex-direction:column;gap:var(--space-lg)}.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{display:flex;gap:var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.book-meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.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{display:flex;flex-direction:column;gap:var(--space-md)}.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{display:flex;gap:var(--space-md);padding-top:var(--space-lg)}@media (max-width: 768px){.book-detail-actions{flex-direction:column}.book-detail-actions .book-action-btn{width:100%}}notes-view{display:block;height:100%}.cues-column{width:300px;border-right:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);background-color:#0f172a80;overflow-y:auto;display:flex;flex-direction:column}.cues-column>summary{list-style:none}.cues-column>summary::-webkit-details-marker{display:none}@media (min-width: 769px){.cues-column>summary{pointer-events:none;cursor:default}.cues-column>summary button{pointer-events:auto;cursor:pointer}}.notes-column{flex:1;padding:var(--space-lg);overflow-y:auto}@media (max-width: 768px){.notes-layout{flex-direction:column;overflow:hidden}.cues-column{width:100%;border-right:none;border-bottom:1px solid var(--color-border);height:auto;flex-shrink:0;overflow:visible;padding:var(--space-sm) var(--space-md)}.cues-column[open]{padding-bottom:var(--space-md);max-height:50vh;overflow-y:auto}.notes-column{flex:1;width:100%;padding:var(--space-md);overflow-y:auto}.summary-section{padding:var(--space-md);height:auto;min-height:120px;border-top:1px solid var(--color-border);background-color:var(--color-bg-surface);flex-shrink:0}}.cues-column[open]{padding-bottom:var(--space-md)}@media (max-width: 768px){.summary-section{height:auto;min-height:120px}}.summary-section{position:sticky;bottom:0;height:180px;display:flex;flex-direction:column;border-top:1px solid var(--color-border);background-color:var(--color-bg-app);z-index:10}.summary-header{padding:var(--space-sm) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.summary-content{flex:1;padding:0 var(--space-lg) var(--space-lg);display:flex}.summary-textarea{width:100%;height:100%;background:transparent;border:none;resize:none;color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.6;outline:none;padding:0}.summary-textarea:disabled{opacity:.8}.summary-section.collapsed{height:auto}.cues-header{list-style:none;cursor:pointer}.dropdown-icon{margin-left:auto;display:none;font-size:.75rem;transition:transform .2s}@media (max-width: 768px){.dropdown-icon{display:inline-block!important}.cues-column[open] .dropdown-icon{transform:rotate(180deg)}}.cue-item{color:var(--color-text-secondary);font-weight:500;padding:4px;border-radius:4px;outline:none;border:1px solid transparent;transition:border-color .2s}.cue-item:focus{border-color:var(--color-primary)}.summary-text{width:100%;height:100%;background:transparent;border:none;resize:none;color:var(--color-text-primary);outline:none;font-family:inherit;line-height:1.6;opacity:.7}.summary-text:not(:disabled){opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;font-size:.875rem;transition:all var(--transition-fast);gap:var(--space-sm)}.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{background-color:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background-color:#ffffff0d;color:var(--color-text-primary)}.icon-btn{padding:var(--space-sm);border-radius:50%;color:var(--color-text-secondary);transition:all var(--transition-fast)}.icon-btn:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.btn-small{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.suggested-prompt-btn{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:99px;font-size:var(--font-size-xs);color:var(--color-text-secondary);transition:all .2s;cursor:pointer}.suggested-prompt-btn:hover{background-color:#ffffff1a;color:var(--color-text-primary);border-color:var(--color-primary)}.suggested-prompts-wrapper{margin-top:auto;padding-top:var(--space-lg)}.notes-list-container{display:flex;height:100%;background-color:var(--color-bg-app)}.notes-sidebar{width:280px;background-color:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--space-md);flex-shrink:0}.notes-sidebar-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);font-weight:700;font-size:1.125rem;color:var(--color-text-primary);height:61px;border-bottom:1px solid var(--color-border);margin:-1rem -1rem 1rem;padding-left:1.5rem}.notes-sidebar-section{margin-bottom:var(--space-lg)}.notes-sidebar-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm);padding-left:var(--space-sm)}.notes-nav-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;background:transparent;border:none}.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{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-app)}.notes-header{padding:var(--container-padding);display:flex;justify-content:space-between;align-items:center}.notes-content-area{flex:1;overflow-y:auto;padding:var(--container-padding)}.notes-list-wrapper{max-width:80rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md)}.notes-content-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.note-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:var(--space-sm);overflow:visible;position:relative}.note-card:hover{border-color:#3b82f680;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:none}.note-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.note-card-title{font-size:1.25rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;flex:1}.note-card-desc{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-card-meta{display:flex;gap:var(--space-md);font-size:.875rem;color:var(--color-text-secondary)}.meta-item{display:flex;align-items:center;gap:.5rem}.note-options-details{position:relative;z-index:10}.note-options-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast)}.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{position:absolute;top:100%;right:0;margin-top:var(--space-xs);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;min-width:180px;z-index:1000;overflow:hidden}.note-options-details[open] .note-options-summary{color:var(--color-text-primary);background-color:var(--color-bg-active)}.note-option-item{width:100%;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left}.note-option-item:hover{background-color:var(--color-bg-hover)}.note-option-item svg{flex-shrink:0;color:var(--color-text-secondary)}.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{margin-top:auto;width:100%;background-color:var(--color-primary);color:#fff;padding:.625rem 1rem;border-radius:var(--radius-md);font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:background-color var(--transition-fast);border:none;cursor:pointer}.tag-chip{padding:.125rem .5rem;border-radius:.25rem;background-color:var(--color-bg-surface);font-size:.75rem;color:var(--color-text-secondary);border:1px solid var(--color-border);display:inline-flex;align-items:center;gap:4px;cursor:default}.remove-tag-btn{color:inherit;font-size:1rem;line-height:1;opacity:.6;transition:opacity .2s}.remove-tag-btn:hover{opacity:1;color:#ef4444}.add-tag-btn{font-size:.75rem;color:var(--color-primary);opacity:.8;transition:opacity .2s}.add-tag-btn:hover{opacity:1}.add-text-btn{font-size:.8125rem;font-weight:500;color:var(--color-primary);padding:var(--space-xs) 0;cursor:pointer;transition:opacity .2s;opacity:.8}.add-text-btn:hover{opacity:1}.note-block-container{margin-bottom:var(--space-xxl);position:relative;border-radius:4px;transition:background-color .2s}.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{position:relative;outline:none;min-height:1.5em;padding:4px;border-radius:4px;color:var(--color-text-secondary)}.note-options-toggle{position:absolute;bottom:8px;right:8px;cursor:pointer;color:var(--color-text-secondary);opacity:.5;transition:opacity .2s;line-height:0}.note-utils{position:absolute;bottom:-40px;right:8px;height:var(--unit-5);background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px;display:flex;gap:8px;z-index:50;box-shadow:0 4px 12px #0000004d;align-items:center}.note-utils.hidden{display:none}.note-utils button svg{width:20px;height:20px}.note-utils button{padding:4px;color:var(--color-text-secondary);border-radius:2px;display:flex;align-items:center;justify-content:center;transition:color .2s,background-color .2s}.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);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.note-header-main{flex:1;min-width:0}.note-title-input{background:transparent;border:none;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);width:100%;outline:none}.note-header-actions{display:flex;gap:var(--space-sm);flex-shrink:0}@media (max-width: 768px){.note-editor-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.note-header-main{width:100%}.note-header-actions{width:100%;justify-content:flex-start;gap:var(--space-md)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.modal-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;overflow:hidden}.modal-close-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#ffffff1a;color:var(--color-text-primary)}.modal-body{padding:var(--space-lg)}.settings-section{margin-bottom:var(--space-xl)}.settings-section:last-child{margin-bottom:0}.settings-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.settings-item-info{flex:1}.settings-item-label{font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem}.settings-item-description{font-size:.875rem;color:var(--color-text-secondary)}.theme-toggle{display:flex;background-color:var(--color-bg-input);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-option{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s}.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 slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.view-header{padding:var(--container-padding);display:flex;justify-content:space-between;align-items:center;background:var(--color-bg-app)}.view-header-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.view-header-actions{display:flex;gap:var(--space-md)}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}@media (max-width: 768px){.view-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.view-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.tags-container{display:flex}}@media (max-width: 768px){.kg-layout{flex-direction:column}.kg-notes-column{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--color-border)}}.kg-notes-column{display:flex;flex-direction:column;transition:all .3s ease;min-height:0;width:33.333%;min-width:300px;max-width:400px;border-right:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.kg-note-item.selected{background-color:var(--color-bg-active)}.note-page-container{height:100%;display:flex;flex-direction:column}.note-title-input{background:transparent;border:none;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);width:100%;outline:none}.notes-actions{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.note-block-container{padding:var(--space-md);border-radius:var(--radius-md);transition:all .2s;position:relative;margin-bottom:var(--space-sm)}.note-block-container.highlighted{background-color:#ffffff0d}.note-block-container:hover .note-utils{opacity:1}.tag-chip{padding:2px 8px;background:var(--color-bg-card);border-radius:var(--radius-full);font-size:.75rem;display:inline-flex;align-items:center;gap:4px}.landing-page{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-app);z-index:10000;overflow-y:auto;color:#fff}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto}.hero-section{display:flex;align-items:center;padding:4rem 2rem;max-width:1200px;margin:0 auto;gap:4rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(to right,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:4rem auto;padding:0 2rem}.feature-card{padding:2rem;background:#ffffff08;border-radius:1rem;border:1px solid rgba(255,255,255,.1)}.kg-tab-btn{flex:1;padding:var(--space-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.kg-note-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.kg-note-subrow{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.kg-note-details{font-size:.75rem;color:var(--color-text-secondary);opacity:.8}.kg-note-date{font-size:.75rem;color:var(--color-text-secondary)}.kg-generate-btn{font-size:.7rem;padding:2px 8px;background-color:var(--color-bg-app);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:all .2s}.kg-generate-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.kg-notes-mobile-header{display:none;padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);justify-content:space-between;align-items:center}@media (max-width: 768px){.kg-notes-mobile-header{display:flex}.kg-sidebar-content{display:none}.kg-sidebar-content.expanded{display:flex;flex-direction:column}}.quiz-list-wrapper{max-width:80rem;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-md)}.quiz-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:transform .2s,box-shadow .2s;width:100%;max-width:480px;display:flex;flex-direction:column;gap:var(--space-md);flex-grow:1}.quiz-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--color-text-accent)}.quiz-meta-row{display:flex;align-items:center;gap:var(--space-md);font-size:.875rem;color:var(--color-text-secondary);flex-wrap:wrap}.quiz-date,.quiz-question-count{display:flex;align-items:center;gap:.25rem}.quiz-score{color:var(--color-primary);font-weight:600}.quiz-status-bar{display:flex;gap:4px;margin-bottom:var(--space-lg)}.quiz-progress-segment{height:4px;flex:1;background-color:var(--color-border);border-radius:2px;transition:background-color .3s ease}.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{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-md)}.quiz-options-list{display:flex;flex-direction:column;gap:var(--space-sm)}.quiz-option{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary)}.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{font-size:2rem;font-weight:800;margin-left:auto}.quiz-result-score.passing{color:#10b981}.quiz-result-score.failing{color:#ef4444}.quiz-question-block.correct{border-color:#10b981;background-color:#10b9810d}.quiz-question-block.incorrect{border-color:#ef4444;background-color:#ef44440d}.quiz-explanation{margin-top:var(--space-md);padding:var(--space-md);background-color:var(--color-bg-app);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-secondary);border-left:3px solid var(--color-text-accent)}.quiz-option.result-correct{border-color:#10b981;background-color:#d1fae5;color:#065f46}.quiz-option.result-wrong{border-color:#ef4444;background-color:#fee2e2;color:#991b1b}.bottom-action-bar{position:sticky;bottom:0;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);display:flex;justify-content:flex-end}#root{height:100%}.app-main{width:100%;overflow-y:auto;background-color:var(--color-bg-app);display:flex;flex-direction:column}.book-detail-container{padding:var(--container-padding);max-width:1200px;margin:0 auto;width:100%;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.book-detail-content{display:grid;grid-template-columns:300px 1fr;gap:var(--space-xxl);margin-top:var(--space-lg)}@media (max-width: 768px){.book-detail-content{grid-template-columns:1fr}.book-detail-cover-section{display:flex;justify-content:center}}.book-cover-large{width:100%;aspect-ratio:2/3;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;position:relative;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.book-cover-title-large{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:#0f172ae6;text-align:center}.book-detail-info{display:flex;flex-direction:column}.book-detail-title{font-size:3rem;font-weight:800;color:var(--color-text-primary);line-height:1.1;margin-bottom:var(--space-sm)}.book-detail-author{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.book-meta-tags{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl)}.meta-tag{background-color:var(--color-bg-card);color:var(--color-text-primary);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500}.book-detail-description{font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:65ch}.book-detail-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xxl)}.chat-btn-large{padding:.75rem 1.5rem;font-size:1rem;display:flex;gap:.5rem;align-items:center}.book-chapters-section h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-primary)}.chapter-list{display:flex;flex-direction:column;gap:1px;background-color:var(--color-border);border-radius:var(--radius-md);overflow:hidden}.chapter-item{background-color:var(--color-bg-surface);padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.chapter-item:hover{background-color:var(--color-bg-card)}.chapter-name{color:var(--color-text-secondary);font-weight:500}.note-card-footer{display:flex;gap:var(--space-md);margin-top:auto;padding-top:var(--space-sm)}.note-tag{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.note-tag:before{content:"";display:block;width:16px;height:16px;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-repeat:no-repeat;background-position:center}.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{display:flex;flex-direction:column;height:100%}.note-title-wrapper{flex:1;margin-right:var(--space-lg)}.note-title-input{width:100%;background:transparent;border:none;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);outline:none}.note-title-input::placeholder{color:var(--color-text-secondary);opacity:.5}.view-header-actions{display:flex;gap:var(--space-sm)}.notes-layout{display:flex;flex:1;overflow:hidden}.notes-column{flex:1;display:flex;flex-direction:column;padding:var(--container-padding);overflow-y:auto;gap:var(--space-lg)}.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{font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--color-text-secondary);letter-spacing:.05em;flex:1}.section-toggle-icon{transition:transform .2s;color:var(--color-text-secondary)}.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{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm)}.cue-item{padding:var(--space-sm);background-color:var(--color-bg-app);border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-text-primary);border:1px solid transparent}.cue-item:focus{outline:none;border-color:var(--color-primary);background-color:var(--color-bg-app)}.add-text-btn{font-size:.875rem;color:var(--color-primary);background:none;border:none;padding:var(--space-xs) 0;cursor:pointer;font-weight:500}.add-text-btn:hover{text-decoration:underline}.tags-container{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;background-color:var(--color-bg-app);padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;border:1px solid var(--color-border);color:var(--color-text-secondary)}.tag-remove-btn{display:flex;align-items:center;justify-content:center;opacity:.5;cursor:pointer}.tag-remove-btn:hover{opacity:1;color:#ef4444}.notes-text-content{display:flex;flex-direction:column;gap:var(--space-md)}.note-block-container{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);position:relative;transition:box-shadow .2s,border-color .2s}.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{outline:none;line-height:1.6;color:var(--color-text-primary)}.note-options-toggle{position:absolute;top:var(--space-sm);right:var(--space-sm);color:var(--color-text-secondary);cursor:pointer;opacity:0;transition:opacity .2s;padding:4px;border-radius:4px}.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{position:absolute;top:2rem;right:var(--space-sm);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;display:flex;gap:4px;z-index:10;box-shadow:var(--shadow-sm)}.icon-btn{padding:4px;border-radius:4px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.icon-btn:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.note-utils .delete-note:hover{color:#ef4444}.summary-section{width:300px;background-color:var(--color-bg-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.summary-section.collapsed{width:48px}.summary-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;height:64px}.summary-section.collapsed .summary-header{flex-direction:column;padding:var(--space-sm);gap:var(--space-md)}.summary-section.collapsed .note-section-title,.summary-section.collapsed .summary-edit-btn{display:none}.summary-content{flex:1;padding:var(--space-md);overflow-y:auto}.summary-section.collapsed .summary-content{display:none}.summary-textarea{width:100%;height:100%;background:transparent;border:none;resize:none;color:var(--color-text-primary);line-height:1.6;outline:none;font-family:inherit;font-size:.9375rem}.summary-textarea:disabled{opacity:.8;cursor:default}.notes-layout{flex-direction:column}.summary-section{width:100%;height:auto;border-left:none;border-top:1px solid var(--color-border);transition:all .3s ease}.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{flex-direction:row;padding:var(--space-sm) var(--space-md);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{height:150px;min-height:100px;resize:vertical;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{display:flex;flex-direction:column;gap:0;padding:var(--space-md)}.note-options-toggle{height:var(--unit-5);width:var(--unit-5);display:flex;align-items:center;justify-content:center;top:4px;right:4px}.notes-text-content{gap:var(--space-xs)}.cues-dropdown-content,.tags-container{margin-top:var(--space-md)}.notes-layout{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.notes-column{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--container-padding);padding-bottom:2rem}.summary-section{width:100%;flex-shrink:0;background-color:transparent!important;border-top:1px solid var(--color-border);padding:0 var(--container-padding);z-index:20}.summary-header,.summary-content{background-color:transparent;padding-left:0;padding-right:0}.library-view-wrapper{height:100%;overflow-y:auto;display:flex;flex-direction:column}.app-main{overflow:hidden}.library-container{height:100%;overflow-y:auto}.btn-ghost svg{margin-right:.5rem}.summary-section{position:sticky;bottom:0;height:180px;display:flex;flex-direction:column;border-top:1px solid var(--color-border);background-color:var(--color-bg-app)!important;z-index:10;width:100%;padding:0 var(--container-padding)}.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;overflow-y:auto;min-height:0}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background-color:var(--color-bg-app)}.app-sidebar{height:100%;overflow:hidden;display:flex;flex-direction:column}.app-sidebar>div{height:100%;width:100%}.book-section{flex:1;overflow-y:auto;min-height:0}.notes-column{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width: 1024px){.notes-column{flex-direction:row;align-items:flex-start;gap:var(--space-xl)}.notes-actions{width:300px;flex-shrink:0;position:sticky;top:0}.notes-text-content{flex:1;min-width:0;padding-bottom:4rem}}@media (min-width: 1024px){.notes-column{gap:var(--space-md)}}.knowledge-graph-view{height:100%;display:flex;flex-direction:column}.kg-layout{flex:1;display:flex;overflow:hidden;background-color:var(--color-bg-surface);margin:0 var(--space-xl);border-radius:var(--radius-md);min-height:0}@media (max-width: 1024px){.kg-layout{margin:0}}@media (max-width: 768px){.kg-layout{flex-direction:column}.kg-notes-column{width:100%;max-height:40vh;border-right:none;border-bottom:1px solid var(--color-border)}.kg-notes-mobile-header{display:flex;padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);justify-content:space-between;align-items:center;cursor:pointer}.kg-sidebar-content{display:none}.kg-sidebar-content.expanded{display:flex;flex-direction:column;height:300px}}.kg-notes-mobile-header{display:none}.kg-notes-column{display:flex;flex-direction:column;transition:all .3s ease;min-height:0;width:300px}.kg-sidebar-content{display:flex;flex-direction:column;height:100%}.kg-notes-list{padding:var(--space-sm);flex:1;overflow-y:auto;min-height:0}.kg-note-item{padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--space-sm);transition:all .2s;border:1px solid transparent;display:flex;flex-direction:column;gap:var(--space-xs)}.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{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.kg-tab-btn{flex:1;padding:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;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{font-size:.875rem;font-weight:600;color:var(--color-text-primary)}.kg-note-subrow{display:flex;justify-content:space-between;align-items:center}.kg-note-date,.kg-note-details{font-size:.75rem;color:var(--color-text-secondary)}.kg-generate-btn{font-size:.75rem;color:var(--color-primary);background:none;border:1px solid var(--color-primary);padding:2px 8px;border-radius:4px;cursor:pointer;transition:all .2s}.kg-generate-btn:hover{background-color:var(--color-primary);color:#fff}.kg-canvas-container{flex:1;position:relative;overflow:hidden;background-color:var(--color-bg-app);min-width:0}.kg-canvas-container>div{width:100%;height:100%}.notes-actions{background-color:transparent;border:none;padding:0}.note-block-container{background-color:transparent;border:none;padding:0;margin-bottom:var(--space-md)}.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:transparent}.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: #ffffff;--color-bg-card: #f1f5f9;--color-bg-input: #ffffff;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-border: #e2e8f0;--color-border-light: rgba(0, 0, 0, .05);--color-bg-hover: rgba(0, 0, 0, .05);--color-bg-active: rgba(59, 130, 246, .1)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.modal-content{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary)}.modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.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{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.settings-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.settings-label{color:var(--color-text-primary);font-weight:500}.theme-toggle-group{display:flex;background-color:var(--color-bg-app);padding:4px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.theme-toggle-btn{padding:6px 16px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;background:transparent;border:none;color:var(--color-text-secondary);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)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.toggle-switch-mock{width:44px;height:24px;background-color:var(--color-primary);border-radius:9999px;position:relative;cursor:pointer}.toggle-switch-mock:after{content:"";position:absolute;top:2px;right:2px;width:20px;height:20px;background-color:#fff;border-radius:50%}:root[data-theme=light]{--color-bg-selected: rgba(226, 232, 240, .8);--color-text-selected: #0f172a}:root[data-theme=dark]{--color-bg-selected: rgba(30, 41, 59, .5);--color-text-selected: #f8fafc}.book-item.selected{background-color:var(--color-bg-selected)!important;color:var(--color-text-selected);border-color:var(--color-border)}.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{display:none;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0 4px}.cue-item:hover .cue-remove-btn{display:flex}.cue-remove-btn:hover{color:#ef4444}:root{--color-border-highlight: rgba(59, 130, 246, .5)}.note-card:hover{border-color:var(--color-border-highlight)}.note-block-container.highlighted{border:1px solid var(--color-border-highlight)!important;background-color:transparent!important;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.note-block-container{border:1px solid transparent}.note-block-container{border:none!important}.note-block-container.highlighted{border:none!important;border-radius:0!important;padding:0!important;background-color:var(--color-bg-active)!important;box-shadow:none!important}.note-block-container{border:none!important;background-color:transparent;transition:background-color .2s}.note-block-container:hover{background-color:var(--color-bg-surface)}.note-block-container.highlighted{background-color:var(--color-bg-active)!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.note-content{padding:var(--space-md)!important}.cue-item-content{border:1px solid transparent;border-radius:var(--radius-sm);transition:all .2s;padding:2px 4px}.cue-item-content:focus{outline:none;color:var(--color-text-primary);border:1px solid var(--color-primary);background-color:var(--color-bg-app)}.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;border:none!important;box-shadow:none!important;border-radius:var(--radius-md)!important}.app-icon-small{background-color:transparent!important;border-radius:0}.landing-page-root{--lp-bg-app: #0f172a;--lp-bg-sidebar: #1e293b;--lp-bg-card: #334155;--lp-text-primary: #f8fafc;--lp-text-secondary: #94a3b8;--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);background:linear-gradient(to bottom,#0f172a,#1e293b);color:var(--lp-text-primary);line-height:1.6;min-height:100vh;width:100%;margin:0;padding:0;overflow-x:hidden}.landing-page-root *{box-sizing:border-box}.landing-page-root .nav{position:fixed;top:0;left:0;right:0;background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000}.landing-page-root .nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.landing-page-root .nav-logo{display:flex;align-items:center;gap:1rem}.landing-page-root .logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:var(--lp-radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.landing-page-root .logo-text{font-size:1.5rem;font-weight:700;color:var(--lp-text-primary)}.landing-page-root .nav-actions{display:flex;align-items:center;gap:1.5rem}.landing-page-root .nav-link{color:var(--lp-text-secondary);text-decoration:none;font-weight:500;transition:color var(--lp-transition-fast)}.landing-page-root .nav-link:hover{color:var(--lp-text-primary)}.landing-page-root .lp-btn-primary,.landing-page-root .lp-btn-secondary{padding:.5rem 1.5rem;border-radius:var(--lp-radius-full);font-weight:600;font-size:.875rem;border:none;cursor:pointer;transition:all var(--lp-transition-fast);display:inline-flex;align-items:center;gap:.5rem}.landing-page-root .lp-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;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{background:transparent;color:var(--lp-text-primary);border:1px solid var(--lp-border)}.landing-page-root .lp-btn-secondary:hover{background:#ffffff0d;border-color:var(--lp-primary)}.landing-page-root .lp-btn-large{padding:1rem 2rem;font-size:1rem}.landing-page-root .hero{padding:120px 1.5rem 80px;min-height:100vh;display:flex;align-items:center}.landing-page-root .hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-page-root .hero-content{display:flex;flex-direction:column;gap:1.5rem}.landing-page-root .hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:var(--lp-text-primary)}.landing-page-root .gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-page-root .hero-description{font-size:1.25rem;color:var(--lp-text-secondary);line-height:1.8}.landing-page-root .hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.landing-page-root .hero-visual{position:relative;height:500px}.landing-page-root .floating-card{position:absolute;background:#33415580;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:var(--lp-radius-xl);padding:1.5rem;display:flex;gap:1rem;align-items:center;animation:lpFloat 6s ease-in-out infinite;box-shadow:0 8px 32px #0000004d}.landing-page-root .card-1{top:50px;left:50px;animation-delay:0s}.landing-page-root .card-2{top:200px;right:50px;animation-delay:2s}.landing-page-root .card-3{bottom:50px;left:100px;animation-delay:4s}@keyframes lpFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.landing-page-root .card-icon{font-size:2rem}.landing-page-root .card-content{display:flex;flex-direction:column;gap:.25rem}.landing-page-root .card-title{font-weight:600;color:var(--lp-text-primary)}.landing-page-root .card-text{font-size:.875rem;color:var(--lp-text-secondary)}.landing-page-root .features{padding:80px 1.5rem;background:#1e293b4d}.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{font-size:2.5rem;font-weight:700;color:var(--lp-text-primary);margin-bottom:1rem}.landing-page-root .section-description{font-size:1.125rem;color:var(--lp-text-secondary)}.landing-page-root .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-page-root .feature-card{background:#3341554d;border:1px solid rgba(255,255,255,.1);border-radius:var(--lp-radius-xl);padding:2rem;transition:all var(--lp-transition-fast)}.landing-page-root .feature-card:hover{transform:translateY(-4px);border-color:var(--lp-primary);box-shadow:0 12px 32px #3b82f633}.landing-page-root .feature-icon{width:64px;height:64px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:var(--lp-radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--lp-primary)}.landing-page-root .feature-title{font-size:1.25rem;font-weight:600;color:var(--lp-text-primary);margin-bottom:1rem}.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{display:flex;align-items:center;justify-content:center;gap:1.5rem}.landing-page-root .step{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.landing-page-root .step-number{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#fff;box-shadow:0 8px 24px #3b82f64d}.landing-page-root .step-title{font-size:1.5rem;font-weight:600;color:var(--lp-text-primary)}.landing-page-root .step-description{color:var(--lp-text-secondary);max-width:300px}.landing-page-root .step-connector{width:100px;height:2px;background:linear-gradient(90deg,var(--lp-primary),transparent)}.landing-page-root .cta{padding:80px 1.5rem;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.landing-page-root .cta-container{max-width:800px;margin:0 auto;text-align:center}.landing-page-root .cta-title{font-size:3rem;font-weight:700;color:var(--lp-text-primary);margin-bottom:1rem}.landing-page-root .cta-description{font-size:1.25rem;color:var(--lp-text-secondary);margin-bottom:3rem}.landing-page-root .cta-actions{display:flex;justify-content:center}.landing-page-root .footer{padding:4rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.landing-page-root .footer-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.landing-page-root .footer-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.landing-page-root .footer-brand{display:flex;align-items:center;gap:1rem}.landing-page-root .footer-tagline{color:var(--lp-text-secondary)}.landing-page-root .footer-bottom{color:var(--lp-text-secondary);font-size:.875rem}@media (max-width: 1024px){.landing-page-root .hero-container{grid-template-columns:1fr;text-align:center}.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 (max-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{width:2px;height:50px;background:linear-gradient(180deg,var(--lp-primary),transparent)}.landing-page-root .cta-title{font-size:2rem}.landing-page-root .hero-actions{flex-direction:column}.landing-page-root .lp-btn-large{width:100%;justify-content:center}}