.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;overflow-y:auto}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--color-bg-primary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.logo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.logo svg{width:20px;height:20px}.sidebar-nav{flex:1;padding:1rem 0}.nav-section{margin-bottom:2rem}.nav-section-title{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:.95rem;color:var(--color-text-secondary);text-align:left}.nav-item:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.nav-item.active{background-color:var(--color-bg-tertiary);color:var(--color-accent);font-weight:500}.nav-tag{justify-content:space-between;padding-left:3rem}.tag-name{flex:1}.tag-count{font-size:.85rem;color:var(--color-text-tertiary)}.tag-actions{display:none;gap:2px;margin-left:auto;margin-right:.25rem}.nav-tag:hover .tag-actions{display:flex}.nav-tag:hover .tag-count{display:none}.tag-action-btn{padding:2px;border-radius:3px;color:var(--color-text-tertiary);opacity:.7;transition:all .15s}.tag-action-btn:hover{opacity:1;background:var(--color-bg-secondary);color:var(--color-text-primary)}.tag-action-delete:hover{color:#ef4444}.tag-rename-input{flex:1;padding:.15rem .35rem;font-size:.9rem;border:1px solid var(--color-accent);border-radius:4px;background:var(--color-bg-primary);color:var(--color-text-primary);outline:none}.tag-editing{cursor:default}.header{position:sticky;top:0;z-index:10;height:var(--header-height);background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:0 2rem}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:1rem}.search-bar{display:flex;align-items:center;gap:.75rem;flex:1;max-width:500px;padding:.5rem 1rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);color:var(--color-text-secondary)}.search-bar input{flex:1;border:none;background:none;outline:none;font-size:.95rem;color:var(--color-text-primary)}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius);font-weight:500;font-size:.95rem}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--border-radius);font-weight:500;font-size:.95rem}.btn-secondary:hover{background-color:var(--color-border)}.article-list{padding:2rem;max-width:1200px;margin:0 auto;width:100%}.article-list-footer{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem 0 2rem}.article-list-status{font-size:.875rem;color:var(--color-text-secondary)}.article-list-error{font-size:.875rem;color:var(--color-danger, #dc2626);text-align:center}.article-list-load-more{justify-content:center;min-width:220px}.article-list-trigger{width:100%;height:1px}.article-card{background-color:var(--color-bg-primary);border-radius:var(--border-radius);padding:0;margin-bottom:1rem;box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s ease;overflow:hidden;display:flex;gap:0}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card.archived{opacity:.6}.article-thumbnail{width:180px;height:180px;flex-shrink:0;overflow:hidden;background-color:var(--color-bg-secondary)}.article-thumbnail img{width:100%;height:100%;object-fit:cover;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.article-content-wrapper{flex:1;padding:1.5rem;min-width:0}.article-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.article-author{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.5rem;font-style:italic}.article-title{font-size:1.25rem;font-weight:600;line-height:1.4;flex:1}.article-actions{display:flex;gap:.5rem}.action-btn{padding:.5rem;color:var(--color-text-secondary);border-radius:4px}.action-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.action-btn.active{color:var(--color-warning)}.action-btn.danger:hover{color:var(--color-danger)}.article-excerpt-wrapper{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.article-excerpt-wrapper .article-excerpt{flex:1;margin-bottom:0}.edit-excerpt-btn{opacity:0;transition:opacity .2s;flex-shrink:0;margin-top:.2rem}.article-card:hover .edit-excerpt-btn{opacity:.5}.edit-excerpt-btn:hover{opacity:1!important}.article-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.article-excerpt-edit{margin-bottom:1rem}.excerpt-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text);font-family:inherit;font-size:.9375rem;line-height:1.6;resize:vertical}.excerpt-textarea:focus{outline:none;border-color:var(--color-primary)}.excerpt-edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.excerpt-edit-actions .action-btn{padding:.375rem .75rem}.excerpt-edit-actions .action-btn.save{color:var(--color-success, #22c55e)}.article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--color-text-tertiary)}.meta-left{display:flex;align-items:center;gap:1rem}.site-name{font-weight:500}.saved-date,.reading-time,.word-count{display:flex;align-items:center;gap:.25rem}.article-tags{display:flex;align-items:center;gap:.5rem}.tag{display:inline-block;padding:.25rem .625rem;background-color:var(--color-bg-secondary);border-radius:4px;font-size:.8rem;color:var(--color-text-secondary)}.article-reader{flex:1;position:relative;width:100%;--reader-max-width: 1120px;--reader-side-panel-width: 420px}.reader-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);position:fixed;top:5rem;left:var(--sidebar-width);right:0;z-index:40}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--color-text-secondary);border-radius:var(--border-radius)}.btn-back:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.reader-actions{display:flex;gap:.5rem}.export-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-md);min-width:180px;overflow:hidden;z-index:100}.dropdown-menu button{width:100%;padding:.75rem 1rem;text-align:left;font-size:.9rem;color:var(--color-text-primary);background:none;border:none;cursor:pointer}.dropdown-menu button:hover{background-color:var(--color-bg-secondary)}.reader-content{width:min(100%,var(--reader-max-width));max-width:var(--reader-max-width);margin:0 auto;padding:3rem 2rem;margin-top:4.5rem}.title-container{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.reader-title{font-size:2.5rem;font-weight:700;line-height:1.2;flex:1;margin:0}.title-edit-btn{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;flex-shrink:0}.title-edit-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.title-editor{margin-bottom:1.5rem}.title-input{width:100%;font-size:2.5rem;font-weight:700;line-height:1.2;padding:.5rem;border:2px solid var(--color-accent);border-radius:8px;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;margin-bottom:.75rem}.title-input:focus{outline:none;box-shadow:0 0 0 3px #0066cc1a}.title-editor-actions{display:flex;gap:.5rem}.title-action-btn{padding:.5rem 1rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;transition:background-color .2s,transform .1s}.title-action-btn:active{transform:scale(.98)}.title-action-btn.save{background-color:var(--color-accent);color:#fff}.title-action-btn.save:hover{background-color:var(--color-accent-hover)}.content-editor{margin-top:2rem}.content-textarea{width:100%;min-height:500px;font-size:1rem;line-height:1.7;padding:1rem;border:2px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:inherit;margin-bottom:1rem;resize:vertical}.content-textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0066cc1a}.content-editor-actions{display:flex;gap:.75rem;margin-bottom:2rem}.btn-save,.btn-cancel{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;transition:background-color .2s,transform .1s}.btn-save{background-color:var(--color-accent);color:#fff}.btn-save:hover{background-color:var(--color-accent-hover)}.btn-cancel{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-cancel:hover{background-color:var(--color-bg-tertiary)}.btn-save:active,.btn-cancel:active{transform:scale(.98)}.title-action-btn.cancel{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.title-action-btn.cancel:hover{background-color:var(--color-border)}.reader-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.95rem}.reader-meta .author,.reader-meta .site-name,.reader-meta .publish-date,.reader-meta .reading-time,.reader-meta .word-count{display:inline-flex;align-items:center;gap:.25rem}.reader-focus-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.25rem;align-items:start;margin-bottom:1.5rem;padding:1rem 1.25rem;border:1px solid rgba(15,23,42,.12);border-radius:14px;background:linear-gradient(135deg,#0f766e14,#fff0),var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.reader-focus-banner.active{position:sticky;top:9rem;z-index:15}.reader-focus-banner.setup{border-style:dashed}.reader-focus-kicker{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);margin-bottom:.35rem}.reader-focus-copy h2{margin:0 0 .45rem;font-size:1.1rem;line-height:1.35}.reader-focus-copy p{margin:0;color:var(--color-text-secondary);line-height:1.6}.reader-focus-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 .6rem;color:var(--color-text-tertiary);font-size:.84rem}.reader-focus-chip{display:inline-flex;align-items:center;min-height:1.7rem;padding:0 .65rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.reader-focus-chip.support{background:#22c55e24;color:#166534}.reader-focus-chip.qualified{background:#f59e0b29;color:#92400e}.reader-focus-chip.counter{background:#ef444424;color:#991b1b}.reader-focus-chip.open{background:#94a3b82e;color:#334155}.reader-focus-helper{margin-top:.7rem;font-size:.88rem;color:var(--color-text-tertiary)}.reader-focus-actions{display:flex;justify-content:flex-end}.reader-focus-picker{display:flex;flex-direction:column;gap:.6rem;min-width:260px}.reader-focus-picker label{font-size:.82rem;font-weight:600;color:var(--color-text-secondary)}.reader-focus-select{min-width:260px;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:10px;background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:.95rem}.reader-focus-button-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.75rem}.reader-description{font-size:1.1rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:2rem;padding:1.5rem;background-color:var(--color-bg-secondary);border-left:4px solid var(--color-accent);border-radius:4px}.reader-featured-image{position:relative;margin-bottom:2rem;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md)}.reader-featured-image img{width:100%;height:auto;display:block;image-rendering:auto}.author{font-weight:500}.reader-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.reader-body{font-size:1.125rem;line-height:1.8;color:var(--color-text-primary);overflow-wrap:break-word;word-break:break-word}.reader-table-wrap{margin:1.5rem 0;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.reader-body p{margin-bottom:1.5rem}.reader-body p:last-child{margin-bottom:0}.reader-body p+p{margin-top:1rem}.reader-body h1,.reader-body h2,.reader-body h3,.reader-body h4{margin:2rem 0 1rem;line-height:1.3}.reader-body a{color:var(--color-accent);text-decoration:underline}.reader-body ul,.reader-body ol{margin:1rem 0 1.5rem 2rem}.reader-body li{margin-bottom:.5rem}.reader-body blockquote{margin:1.5rem 0;padding-left:1.5rem;border-left:4px solid var(--color-border);color:var(--color-text-secondary);font-style:italic}.reader-body code{padding:.2rem .4rem;background-color:var(--color-bg-secondary);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.9em}.reader-body pre{padding:1rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);overflow-x:auto;margin:1.5rem 0}.reader-body table{width:auto;min-width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:1rem;box-shadow:0 2px 8px #0000000d;border-radius:var(--border-radius);overflow:hidden}.reader-table-wrap table{margin:0}.reader-body thead{background-color:var(--color-bg-secondary);border-bottom:2px solid var(--color-border)}.reader-body th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:2px solid var(--color-border);min-width:7.5rem;vertical-align:top;word-break:normal;overflow-wrap:anywhere}.reader-body td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);min-width:7.5rem;vertical-align:top;word-break:normal;overflow-wrap:anywhere}.reader-body th:first-child,.reader-body td:first-child{min-width:6rem}.reader-body th:last-child,.reader-body td:last-child{min-width:14rem}.reader-body tbody tr{transition:background-color .2s}.reader-body tbody tr:hover{background-color:var(--color-bg-secondary)}.reader-body tbody tr:last-child td{border-bottom:none}.reader-body th[align=center],.reader-body td[align=center]{text-align:center}.reader-body th[align=right],.reader-body td[align=right]{text-align:right}.reader-body del,.reader-body s{text-decoration:line-through;opacity:.7}.reader-body ins{text-decoration:underline;background-color:#d1fae5}.reader-body mark{background-color:#fef3c7;padding:.1rem .2rem;border-radius:2px}.reader-body kbd{padding:.2rem .4rem;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:.85em;box-shadow:0 2px #0000001a}.reader-body hr{border:none;border-top:2px solid var(--color-border);margin:2rem 0}.reader-body img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:1.5rem 0}.reader-body figure{margin:2rem 0;text-align:center}.reader-body figcaption{margin-top:.5rem;font-size:.9rem;color:var(--color-text-secondary);font-style:italic}.reader-body dl{margin:1.5rem 0}.reader-body dt{font-weight:600;margin-top:1rem;color:var(--color-text-primary)}.reader-body dd{margin-left:2rem;margin-bottom:.5rem;color:var(--color-text-secondary)}.reader-body abbr{text-decoration:underline dotted;cursor:help}.reader-body cite{font-style:italic}.reader-body q{quotes:'"' '"' "'" "'"}.reader-body q:before{content:open-quote}.reader-body q:after{content:close-quote}.tag-editor{background-color:var(--color-bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin:1rem 2rem}.tag-editor-header h3{font-size:1.1rem;margin-bottom:1rem}.tag-editor-body{display:flex;flex-direction:column;gap:1.5rem}.tag-editor-body label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--color-text-secondary)}.tag-list{display:flex;gap:.5rem;flex-wrap:wrap}.tag.selected{display:flex;align-items:center;gap:.5rem;background-color:var(--color-accent);color:#fff}.tag.clickable{cursor:pointer;border:1px solid var(--color-border)}.tag.clickable:hover{background-color:var(--color-bg-tertiary)}.tag-remove{padding:0;display:flex;align-items:center;color:#fff}.empty-message{color:var(--color-text-tertiary);font-style:italic}.input-group{display:flex;gap:.5rem}.input-group input{flex:1;padding:.625rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:.95rem}.input-group input:focus{outline:none;border-color:var(--color-accent)}.btn-icon{padding:.625rem;background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius);display:flex;align-items:center}.btn-icon:hover:not(:disabled){background-color:var(--color-accent-hover)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.tag-editor-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--color-bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:1.5rem;font-weight:600}.btn-close{padding:.5rem;color:var(--color-text-secondary);border-radius:4px}.btn-close:hover{background-color:var(--color-bg-secondary)}.modal-body{padding:1.5rem}.mode-toggle{display:flex;gap:.5rem;margin-bottom:1.5rem;background-color:var(--color-bg-secondary);padding:.25rem;border-radius:var(--border-radius)}.mode-btn{flex:1;padding:.625rem;background-color:transparent;color:var(--color-text-secondary);border-radius:calc(var(--border-radius) - 2px);font-weight:500;font-size:.9rem;transition:all .2s ease}.mode-btn:hover{color:var(--color-text-primary)}.mode-btn.active{background-color:var(--color-bg-primary);color:var(--color-accent);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:150px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent)}.error-message{padding:.75rem;background-color:#fee;color:var(--color-danger);border-radius:var(--border-radius);margin-bottom:1rem;font-size:.9rem}.info-message{padding:.75rem;background-color:#e7f3ff;color:#004085;border-radius:var(--border-radius);font-size:.875rem;line-height:1.5}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.import-export-section{margin-bottom:1.5rem}.import-export-section h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.import-export-section p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.import-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-danger{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background-color:#dc3545;color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .15s ease}.btn-danger:hover{background-color:#c82333}.btn-danger:disabled{background-color:#6c757d;cursor:not-allowed}.divider{height:1px;background-color:var(--color-border);margin:1.5rem 0}.status-message{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--border-radius);margin-top:1rem;font-size:.9rem;line-height:1.5}.status-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.status-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--color-text-secondary)}.empty-state h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--color-text-primary)}.empty-state p{font-size:1rem}.nav-section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1.5rem}.nav-section-action{padding:.25rem;color:var(--color-text-tertiary);border-radius:4px;opacity:.6;transition:opacity .2s ease}.nav-section-action:hover{opacity:1;background-color:var(--color-bg-secondary)}.nav-section-empty{padding:0 1.5rem}.nav-item-empty{width:100%;padding:.75rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);font-size:.875rem;color:var(--color-text-secondary);text-align:center}.nav-item-empty:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-collection{display:flex;align-items:center;gap:.75rem}.collection-icon-small{width:8px;height:8px;border-radius:50%;flex-shrink:0}.collection-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count{font-size:.85rem;color:var(--color-text-tertiary)}.collection-form{background-color:var(--color-bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.flex-1{flex:1}.color-picker{display:flex;gap:.5rem;flex-wrap:wrap}.color-option{width:32px;height:32px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-text-primary);box-shadow:0 0 0 2px var(--color-bg-primary)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.collections-list h3{font-size:1.1rem;margin-bottom:1rem;color:var(--color-text-primary)}.collection-items{display:flex;flex-direction:column;gap:.75rem}.collection-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);transition:all .2s ease}.collection-item:hover{background-color:var(--color-bg-tertiary)}.collection-info{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.collection-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.collection-details{flex:1;min-width:0}.collection-item .collection-name{font-weight:500;font-size:1rem;margin-bottom:.25rem}.collection-description{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.collection-item .collection-count{font-size:.8rem;color:var(--color-text-tertiary)}.collection-actions{display:flex;gap:.5rem}.loading-state{padding:2rem;text-align:center;color:var(--color-text-secondary)}.reader-overlay{position:absolute;top:4rem;right:2rem;z-index:100}.collection-picker{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);min-width:280px;max-width:320px}.collection-picker-header{padding:1rem;border-bottom:1px solid var(--color-border)}.collection-picker-header h4{font-size:1rem;font-weight:600;margin:0}.collection-picker-list{max-height:400px;overflow-y:auto}.picker-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;text-align:left;background:none;border:none;cursor:pointer;transition:background-color .2s ease}.picker-item:hover{background-color:var(--color-bg-secondary)}.picker-item.selected{background-color:var(--color-bg-tertiary)}.picker-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.picker-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check-icon{color:var(--color-accent);flex-shrink:0}.collection-picker-footer{padding:.75rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.picker-loading{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.settings-section{margin-bottom:2rem}.settings-section h3{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.settings-section p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.settings-actions{display:flex;gap:.75rem;flex-wrap:wrap}.auto-backup-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);margin-bottom:1rem;font-size:.9rem;color:var(--color-text-secondary)}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.reader-title{font-size:2rem}.reader-content{padding:2rem 1rem}.reader-focus-banner{grid-template-columns:1fr}.reader-focus-banner.active{top:7.5rem}.reader-focus-actions,.reader-focus-button-row{justify-content:flex-start}.reader-focus-picker,.reader-focus-select{min-width:0;width:100%}.article-list{padding:1rem}.reader-overlay{right:1rem;left:1rem}.collection-picker{min-width:auto;max-width:none}.highlight-panel,.post-it-panel{position:static;width:100%;max-height:none;border-left:none;border-top:1px solid var(--color-border)}}.highlight-color-picker{display:flex;gap:.5rem;padding:.5rem;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000}.selection-capture-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.selection-capture-composer{width:min(42rem,calc(100vw - 2rem));max-height:calc(100vh - 3rem);overflow:auto;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:var(--color-bg-primary);box-shadow:0 28px 60px #0f172a47}.selection-capture-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.selection-capture-header h3{margin:.2rem 0 0}.selection-capture-quote{margin-bottom:1rem}.selection-capture-field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.9rem}.selection-capture-field span{color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.selection-capture-subgrid{display:grid;gap:.75rem;margin:.75rem 0 1rem}.highlight-color-option{width:32px;height:32px;border:2px solid var(--color-border);border-radius:6px;cursor:pointer;transition:transform .2s,box-shadow .2s}.highlight-color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.highlight-panel{position:fixed;right:0;top:0;width:320px;height:100vh;background:var(--color-bg-primary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;z-index:100}.highlight-panel-header{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:space-between}.highlight-panel-header h3{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;color:var(--color-text-primary)}.highlight-panel-close{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.highlight-panel-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.highlight-list{flex:1;overflow-y:auto;padding:1rem}.highlight-item{display:flex;gap:.75rem;padding:1rem;margin-bottom:.75rem;background:var(--color-bg-secondary);border-radius:8px;cursor:pointer;transition:background-color .2s,box-shadow .2s}.highlight-item:hover{background:var(--color-bg-tertiary);box-shadow:0 2px 4px #0000000d}.highlight-color-bar{width:4px;border-radius:2px;flex-shrink:0}.highlight-content{flex:1;min-width:0}.highlight-text{font-size:.9rem;line-height:1.5;color:var(--color-text-primary);margin-bottom:.5rem;word-wrap:break-word}.highlight-note{padding:.75rem;margin:.5rem 0;background:var(--color-bg-primary);border-radius:6px;font-size:.85rem;line-height:1.4}.highlight-note strong{color:var(--color-text-secondary);font-weight:600}.highlight-note-editor{margin-top:.5rem}.highlight-note-editor textarea{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;font-family:inherit;resize:vertical;min-height:60px}.highlight-note-editor textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.highlight-note-actions{display:flex;gap:.5rem;margin-top:.5rem;justify-content:flex-end}.highlight-actions{display:flex;gap:.5rem;margin-top:.5rem}.highlight-action-btn{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s}.highlight-action-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-accent)}.highlight-action-btn.danger{color:#dc2626}.highlight-action-btn.danger:hover{background:#fef2f2;border-color:#dc2626}.highlight-date{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.5rem}.highlight-empty{padding:2rem 1rem;text-align:center}.highlight-empty p{color:var(--color-text-secondary);margin-bottom:.5rem}.highlight-hint{font-size:.85rem;color:var(--color-text-tertiary)}.post-it-panel{box-shadow:-2px 0 8px #00000014}.post-it-panel-header{gap:.75rem}.post-it-panel-actions{display:flex;align-items:center;gap:.5rem}.post-it-add-btn,.post-it-empty-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.8rem;font-weight:600;transition:all .2s ease}.post-it-add-btn:hover,.post-it-empty-btn:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.post-it-list{display:flex;flex-direction:column;gap:1rem}.post-it-card{padding:1rem;border-radius:12px;box-shadow:0 10px 24px #0f172a1f;border:1px solid rgba(15,23,42,.08);transform:rotate(-.6deg)}.post-it-card:nth-child(2n){transform:rotate(.6deg)}.post-it-editor-card{transform:none}.post-it-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.post-it-note-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#0f172a8c;margin-bottom:.35rem}.post-it-title{margin:0;font-size:1rem;font-weight:700;line-height:1.3;color:#1f2937}.post-it-body{white-space:pre-wrap;font-size:.92rem;line-height:1.6;color:#1f2937}.post-it-actions{margin-top:0}.post-it-editor{display:flex;flex-direction:column;gap:.75rem}.post-it-input,.post-it-textarea{width:100%;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#ffffffb8;color:#111827;font-family:inherit}.post-it-input{padding:.7rem .85rem;font-size:.92rem;font-weight:600}.post-it-textarea{padding:.85rem;font-size:.92rem;line-height:1.5;resize:vertical;min-height:120px}.post-it-input:focus,.post-it-textarea:focus{outline:none;border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f61f}.post-it-color-row{display:flex;gap:.5rem}.post-it-color-swatch{width:28px;height:28px;padding:0;border-radius:999px;border:2px solid rgba(15,23,42,.14);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.post-it-color-swatch:hover{transform:scale(1.06)}.post-it-color-swatch.active{border-color:#111827;box-shadow:0 0 0 3px #ffffff8c}.post-it-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem}.article-reader{margin-right:320px}@media (max-width: 1400px){.article-reader{margin-right:0}.highlight-panel,.post-it-panel{display:none}}.advanced-search-modal{max-width:1200px;width:95vw;max-height:90vh;display:flex;flex-direction:column}.advanced-search-modal .modal-body{flex:1;min-height:0;overflow:hidden}.advanced-search-body{display:grid;grid-template-columns:400px 1fr;gap:2rem;height:100%;overflow:hidden}.search-filters{display:flex;flex-direction:column;gap:1.5rem;padding-right:2rem;border-right:1px solid var(--color-border);overflow-y:auto;max-height:100%;min-height:0}.filter-section{display:flex;flex-direction:column;gap:.5rem}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.search-input,.filter-input{padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.search-input:focus,.filter-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.filter-select{padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tag-filter-grid{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background-color:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.tag-filter-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent)}.tag-filter-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--color-text-secondary);cursor:pointer;margin-bottom:.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.filter-actions{display:flex;gap:1rem;padding-top:1rem;margin-top:1rem;border-top:1px solid var(--color-border)}.filter-actions button{flex:1}.search-results{display:flex;flex-direction:column;overflow-y:auto;max-height:100%;min-height:0}.results-header{padding-bottom:1rem;border-bottom:1px solid var(--color-border);margin-bottom:1rem}.results-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary)}.no-results{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-tertiary)}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{padding:1.25rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-primary);cursor:pointer;transition:all .2s}.result-item:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.result-title{font-size:1.05rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.result-excerpt{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.meta-item{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--color-text-tertiary)}.result-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.result-tag{padding:.25rem .75rem;font-size:.75rem;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:12px}.search-advanced-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);padding:.5rem;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s}.search-advanced-btn:hover{background-color:var(--color-bg-secondary);color:var(--color-accent)}.search-bar{position:relative}.search-bar input{padding-right:3rem}@media (max-width: 1024px){.advanced-search-body{grid-template-columns:1fr}.search-filters{border-right:none;border-bottom:1px solid var(--color-border);padding-right:0;padding-bottom:1.5rem}}.citation-modal{max-width:700px;width:90vw}.citation-article-info{padding:1.5rem;background-color:var(--color-bg-secondary);border-radius:8px;margin-bottom:1.5rem}.citation-article-info h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.citation-author,.citation-site{font-size:.9rem;color:var(--color-text-secondary);margin:.25rem 0}.citation-format-selector{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.citation-format-selector label{font-size:.95rem;font-weight:500;color:var(--color-text-secondary)}.citation-select{padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}.citation-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.citation-preview{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;margin-bottom:1.5rem}.citation-preview-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.citation-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.875rem;background-color:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.btn-icon:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent)}.citation-text{padding:1.5rem;font-family:Georgia,Times New Roman,serif;font-size:.95rem;line-height:1.8;color:var(--color-text-primary);background-color:var(--color-bg-primary);white-space:pre-wrap;word-wrap:break-word}.citation-info{padding:1rem;background-color:var(--color-bg-tertiary);border-left:4px solid var(--color-accent);border-radius:4px}.citation-info h4{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem}.citation-info ul{list-style:none;padding:0;margin:0}.citation-info li{font-size:.85rem;color:var(--color-text-secondary);padding:.25rem 0 .25rem 1.25rem;position:relative}.citation-info li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.citation-edit-form{display:flex;flex-direction:column;gap:1rem}.citation-edit-form .form-group{display:flex;flex-direction:column;gap:.5rem}.citation-edit-form label{font-size:.9rem;font-weight:500;color:var(--color-text-secondary)}.citation-edit-input{padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.95rem;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.citation-edit-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.citation-edit-actions{display:flex;gap:.75rem;margin-top:.5rem}.citation-url{font-size:.85rem;color:var(--color-text-tertiary);word-break:break-all;margin-top:.25rem}.summary-modal{max-width:800px;width:90vw}.summary-article-info{padding:1.5rem;background-color:var(--color-bg-secondary);border-radius:8px;margin-bottom:1.5rem}.summary-article-info h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.5rem}.summary-author,.summary-site{font-size:.9rem;color:var(--color-text-secondary);margin:.25rem 0}.summary-generating{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1.5rem}.summary-generating p{font-size:1rem;color:var(--color-text-secondary)}.summary-content{display:flex;flex-direction:column;gap:1.5rem}.summary-section{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;background-color:var(--color-bg-primary)}.tldr-section{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-color:var(--color-accent)}.summary-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.summary-section-header h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0}.tldr-text{font-size:1.05rem;line-height:1.7;color:var(--color-text-primary);margin:0}.key-points-list{list-style-position:outside;padding-left:1.5rem;margin:0}.key-points-list li{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:1rem}.key-points-list li:last-child{margin-bottom:0}.topics-list{display:flex;flex-wrap:wrap;gap:.75rem}.topic-tag{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background-color:var(--color-bg-tertiary);color:var(--color-accent);border-radius:20px;border:1px solid var(--color-accent)}.sentiment-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:500;background-color:var(--color-bg-secondary)}.sentiment-icon{flex-shrink:0}.sentiment-icon.positive{color:#10b981}.sentiment-icon.negative{color:#ef4444}.sentiment-icon.neutral{color:#6b7280}.summary-info{padding:1rem;background-color:var(--color-bg-tertiary);border-left:4px solid var(--color-accent);border-radius:4px;margin-top:.5rem}.summary-info p{font-size:.85rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.summary-error{padding:3rem 2rem;text-align:center;color:var(--color-text-tertiary)}.modal-footer button{display:flex;align-items:center;gap:.5rem}.cross-references-panel{position:fixed;right:0;top:0;width:400px;height:100vh;background:var(--color-bg-primary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;box-shadow:-2px 0 8px #0000001a}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.panel-title{display:flex;align-items:center;gap:.75rem}.panel-title h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.btn-close-panel{padding:.5rem;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:4px;transition:all .2s}.btn-close-panel:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.panel-tabs{display:flex;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-primary)}.panel-tab{flex:1;padding:.75rem 1rem;background:transparent;border:none;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.panel-tab:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}.panel-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.backfill-banner{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background-color:#fffbeb}.backfill-prompt{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#92400e}.backfill-prompt svg{flex-shrink:0;color:#d97706}.backfill-btn{margin-left:auto;padding:.3rem .75rem;font-size:.75rem;font-weight:600;color:#fff;background-color:#d97706;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.backfill-btn:hover{background-color:#b45309}.backfill-progress{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#92400e;flex-wrap:wrap}.backfill-current{display:block;width:100%;font-size:.75rem;color:#a16207;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spinning{animation:spin 1s linear infinite}.panel-content{flex:1;overflow-y:auto;padding:1rem}.panel-loading,.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--color-text-tertiary)}.panel-empty-hint{font-size:.875rem;margin-top:.5rem}.related-articles-list,.reading-path-list{display:flex;flex-direction:column;gap:1rem}.related-article-item{padding:1.25rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-primary);cursor:pointer;transition:all .2s}.related-article-item:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.related-article-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.related-article-title{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0;line-height:1.4}.relevance-badge{flex-shrink:0;padding:.25rem .75rem;font-size:.7rem;font-weight:600;color:#fff;border-radius:12px;text-transform:uppercase;letter-spacing:.025em}.related-article-excerpt{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-article-meta{display:flex;gap:.75rem;margin-bottom:.5rem;font-size:.8rem;color:var(--color-text-tertiary)}.relevance-reasons{display:flex;flex-wrap:wrap;gap:.5rem}.reason-tag{padding:.25rem .75rem;font-size:.75rem;background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);border-radius:12px}.path-intro{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1rem;background-color:var(--color-bg-secondary);border-radius:8px;font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.path-intro p{margin:0}.path-current,.path-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-bg-primary)}.path-current{background:linear-gradient(135deg,#3b82f60d,#9333ea0d);border-color:var(--color-accent)}.path-item{cursor:pointer;transition:all .2s}.path-item:hover{background-color:var(--color-bg-secondary);border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.path-number{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-accent);color:#fff;border-radius:50%;font-size:.875rem;font-weight:600}.path-item-content{flex:1;min-width:0}.path-item-content h4{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin:0 0 .5rem;line-height:1.4}.path-item-label{font-size:.75rem;color:var(--color-accent);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.path-item-meta{font-size:.8rem;color:var(--color-text-tertiary);margin-right:.75rem}.path-arrow{display:flex;justify-content:center;padding:.5rem 0;color:var(--color-text-tertiary)}.article-reader{transition:margin-right .3s ease}@media (max-width: 1400px){.cross-references-panel{width:100%;max-width:400px}}@media (max-width: 768px){.cross-references-panel{width:100%;max-width:none}.reading-progress-bar{left:0;right:0}.article-reader.reader-side-panel-open .reading-progress-bar{right:0}.article-reader.reader-side-panel-open .reader-content{max-width:none}}.reading-progress-bar{position:fixed;top:0;left:var(--sidebar-width);right:0;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:.75rem 1.5rem;z-index:50;box-shadow:var(--shadow-sm);transition:right .3s ease}.article-reader.reader-side-panel-open .reading-progress-bar{right:var(--reader-side-panel-width)}.article-reader.reader-side-panel-open .reader-content{max-width:min(var(--reader-max-width),calc(100vw - var(--sidebar-width) - var(--reader-side-panel-width) - 3rem))}.article-reader .reader-content{padding-top:5rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.progress-stats{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary)}.progress-status{font-weight:500;color:var(--color-text-primary)}.progress-percentage{font-weight:600;color:var(--color-accent)}.progress-time-remaining{color:var(--color-text-tertiary);font-size:.875rem}.progress-bar-track{width:100%;height:6px;background-color:var(--color-bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:3px}@media (max-width: 768px){.reading-progress-bar{padding:.5rem 1rem}.progress-info{font-size:.8rem}.progress-stats{gap:.5rem}.progress-time-remaining{font-size:.8rem}}.pdf-viewer{display:flex;flex-direction:column;height:100%;width:100%}.pdf-controls{display:flex;align-items:center;justify-content:space-between;padding:1rem;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.pdf-navigation{display:flex;align-items:center;gap:.75rem}.pdf-nav-btn,.pdf-zoom-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s;color:var(--color-text-primary)}.pdf-nav-btn:hover:not(:disabled),.pdf-zoom-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-accent)}.pdf-nav-btn:disabled{opacity:.5;cursor:not-allowed}.pdf-page-info{font-size:.9rem;color:var(--color-text-secondary);min-width:120px;text-align:center}.pdf-zoom{display:flex;align-items:center;gap:.75rem}.pdf-zoom-level{font-size:.9rem;color:var(--color-text-secondary);min-width:60px;text-align:center}.pdf-download-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:var(--color-accent);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s;text-decoration:none}.pdf-download-btn:hover{background-color:var(--color-accent-hover);transform:translateY(-1px)}.pdf-canvas-container{flex:1;overflow:auto;background-color:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;padding:2rem}.pdf-canvas{box-shadow:0 4px 6px #0000001a;background-color:#fff}.pdf-viewer-loading,.pdf-viewer-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem;text-align:center}.pdf-viewer-loading .spinner{animation:spin 1s linear infinite}.pdf-viewer-error p{color:var(--color-text-secondary);margin-bottom:1rem}@media (max-width: 768px){.pdf-controls{padding:.75rem;gap:.5rem}.pdf-navigation,.pdf-zoom{gap:.5rem}.pdf-page-info,.pdf-zoom-level{font-size:.8rem}.pdf-canvas-container{padding:1rem}}.form-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--color-text-tertiary);font-size:.875rem}.form-divider:before,.form-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.form-divider span{padding:0 1rem}.file-input{display:block;width:100%;padding:.75rem;border:2px dashed var(--color-border);border-radius:8px;background-color:var(--color-bg-secondary);cursor:pointer;transition:all .2s}.file-input:hover:not(:disabled){border-color:var(--color-accent);background-color:var(--color-bg-tertiary)}.file-input:disabled{opacity:.6;cursor:not-allowed}.file-selected{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem;background-color:var(--color-bg-tertiary);border-radius:4px;border:1px solid var(--color-border)}.file-selected span{flex:1;color:var(--color-text-primary);font-size:.9rem}.btn-remove-file{display:flex;align-items:center;justify-content:center;padding:.25rem;background-color:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--color-text-tertiary);transition:all .2s}.btn-remove-file:hover:not(:disabled){background-color:var(--color-bg-primary);color:var(--color-text-primary)}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem}.settings-button{width:100%}.theme-toggle{display:flex;gap:.25rem;padding:.25rem;background-color:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border)}.theme-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;color:var(--color-text-secondary);background-color:transparent;transition:all .2s}.theme-toggle-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.theme-toggle-btn.active{background-color:var(--color-accent);color:#fff}.theme-toggle-btn.active:hover{background-color:var(--color-accent-hover)}.export-import-container{padding:1.5rem}.export-import-container h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-text-primary)}.export-import-section{margin-bottom:2rem;padding:1.5rem;background-color:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border)}.export-import-section h3{font-size:1.125rem;margin-bottom:.5rem;color:var(--color-text-primary)}.export-import-section p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem}.export-btn,.import-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;border-radius:8px;transition:all .2s}.export-btn:disabled,.import-btn:disabled{opacity:.6;cursor:not-allowed}.import-options{margin-bottom:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:var(--color-text-primary)}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.checkbox-label span{font-size:.875rem}.warning-message{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#dc2626;font-size:.875rem}.file-input-wrapper{margin-top:1rem}.import-message{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;border-radius:6px;font-size:.875rem}.import-message.success{background-color:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.import-message.error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.export-import-info{padding:1.5rem;background-color:var(--color-bg-tertiary);border-radius:8px;border:1px solid var(--color-border)}.export-import-info h4{font-size:1rem;margin-bottom:.75rem;color:var(--color-text-primary)}.export-import-info ul{list-style:disc;padding-left:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.export-import-info li{margin-bottom:.5rem}.modal-large{max-width:700px;max-height:90vh;overflow-y:auto}.modal-shortcuts{max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.modal-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;color:var(--color-text-primary);margin:0}.shortcuts-content{display:flex;flex-direction:column;gap:2rem}.shortcuts-category h3{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem}.shortcuts-list{display:flex;flex-direction:column;gap:.5rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:var(--color-bg-secondary);border-radius:6px;border:1px solid var(--color-border)}.shortcut-keys{display:flex;gap:.5rem}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.25rem .5rem;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:.875rem;font-weight:600;color:var(--color-text-primary);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 1px 2px #0000001a}.shortcut-description{color:var(--color-text-secondary);font-size:.875rem}.shortcuts-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);text-align:center}.shortcuts-footer p{color:var(--color-text-secondary);font-size:.875rem;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem}.reader-featured-image:hover .image-edit-btn{opacity:1}.image-edit-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#000000b3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;opacity:0;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-edit-btn:hover{background:#000000d9;transform:scale(1.05)}.image-editor-modal{width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.image-editor-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--color-border)}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s;margin-bottom:-2px}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.url-input-section{margin-bottom:1.5rem}.url-input-section label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--color-text-primary)}.url-input-section .input{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9rem;background:var(--color-bg-primary);color:var(--color-text-primary)}.url-input-section .input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.upload-section{margin-bottom:1.5rem}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 2rem;border:2px dashed var(--color-border);border-radius:8px;background:var(--color-bg-secondary);cursor:pointer;transition:all .2s}.upload-label:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.upload-label span{color:var(--color-text-secondary);font-size:.9rem}.file-name{margin-top:.5rem;padding:.5rem;background:var(--color-bg-tertiary);border-radius:4px;font-size:.85rem;color:var(--color-text-secondary);text-align:center}.image-preview{margin-top:1.5rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px}.image-preview h3{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.image-preview img{width:100%;max-height:300px;object-fit:contain;border-radius:6px;background:var(--color-bg-primary)}.add-image-section{margin:1.5rem 0}.add-image-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px dashed var(--color-border);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s;width:100%;justify-content:center}.add-image-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);color:var(--color-accent)}.reader-body .footnotes{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border);font-size:.9rem;color:var(--color-text-secondary)}.reader-body .footnotes:before{content:"Footnotes";display:block;font-size:1.1rem;font-weight:600;color:var(--color-text-primary);margin-bottom:1rem}.reader-body .footnotes ol{list-style:none;counter-reset:footnote-counter;padding-left:0;margin:0}.reader-body .footnotes li{counter-increment:footnote-counter;position:relative;padding-left:2.5rem;margin-bottom:1rem;line-height:1.6}.reader-body .footnotes li:before{content:counter(footnote-counter);position:absolute;left:0;top:0;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:50%;font-size:.75rem;font-weight:600;color:var(--color-accent)}.reader-body .footnotes li p{margin:0;display:inline}.reader-body a[href^="#fn-"],.reader-body sup a{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .25rem;margin:0 .15rem;background:var(--color-accent);color:#fff;text-decoration:none;border-radius:4px;font-size:.7rem;font-weight:600;vertical-align:super;line-height:1;transition:all .2s}.reader-body a[href^="#fn-"]:hover,.reader-body sup a:hover{background:var(--color-accent-hover, #2563eb);transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.reader-body .footnotes a[href^="#fnref-"]{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-left:.5rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);text-decoration:none;border-radius:4px;font-size:.75rem;transition:all .2s}.reader-body .footnotes a[href^="#fnref-"]:after{content:"↩"}.reader-body .footnotes a[href^="#fnref-"]:hover{background:var(--color-accent);color:#fff;transform:translate(-2px)}.reader-body sup{line-height:0;position:relative;vertical-align:baseline;top:-.4em}.footnote-highlight{animation:footnote-pulse 1s ease-in-out}@keyframes footnote-pulse{0%,to{background-color:transparent}50%{background-color:#3b82f626}}.reader-body input[type=checkbox]{margin-right:.5rem;cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--color-accent)}.reader-body li:has(input[type=checkbox]){list-style:none;margin-left:-2rem;display:flex;align-items:flex-start;gap:.5rem}.reader-body li:has(input[type=checkbox]:checked){color:var(--color-text-secondary);text-decoration:line-through}.reader-body pre code{display:block;padding:0;background:transparent;border-radius:0;color:var(--color-code-block-fg, #f8fafc);font-size:.95rem;line-height:1.6;overflow-x:auto}.reader-body pre{position:relative;background-color:var(--color-code-block-bg, #1e1e1e)!important;border:1px solid var(--color-border);color:var(--color-code-block-fg, #f8fafc)}.reader-body .mermaid{display:flex;justify-content:center;margin:2rem 0;padding:1.5rem;background-color:var(--color-bg-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.reader-body .mermaid.mermaid-render-pending{visibility:hidden}.reader-body .katex-display{margin:1.5rem 0;overflow-x:auto;overflow-y:hidden;display:block}.reader-body .katex{font-size:1.1em}.reader-body .katex-inline{padding:0 .2rem}.reader-body .katex-mathml{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.reader-body .katex-html{display:inline}.reader-body a[href^=http]:after{content:"↗";margin-left:.2rem;font-size:.8em;opacity:.6}.reader-body a[href^=http]:hover:after{opacity:1}@media (max-width: 768px){.reader-body pre{margin-left:-1rem;margin-right:-1rem;border-radius:0}}.reader-body .mermaid svg{max-width:100%;height:auto;overflow:visible;background-color:transparent!important}.reader-body .mermaid .node rect,.reader-body .mermaid .node circle,.reader-body .mermaid .node ellipse,.reader-body .mermaid .node polygon{fill:var(--color-bg-primary)!important;stroke:var(--color-border)!important}.reader-body .mermaid .edgeLabel{background-color:var(--color-bg-primary)!important}.reader-body .katex{font: 1.21em KaTeX_Main,Times New Roman,serif!important}.reader-body .katex *{border-color:currentColor!important}.reader-body .katex-html{display:inline-block}.reader-body .katex-display{display:block;text-align:center}.reader-body .katex-display>.katex{display:inline-block;text-align:initial}.reader-body .katex-html{overflow:visible!important;white-space:normal!important}.reader-body .katex .base{display:inline-block;white-space:nowrap}.reader-body .katex-display>.katex>.katex-html{display:inline-block;white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer}.icon-btn:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.icon-btn.danger:hover{color:#dc2626;border-color:#dc262666}.highlight-menu-action{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#111827e0;color:#f9fafb;cursor:pointer}.highlight-menu-action:hover{background:#111827}.knowledge-hub{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.knowledge-hub-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.knowledge-hub-copy{display:flex;flex-direction:column;gap:.3rem}.knowledge-kicker{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);font-weight:700}.knowledge-hub-header h2{margin:0;color:var(--color-text-primary)}.knowledge-hub-header p{margin:.35rem 0 0;color:var(--color-text-secondary)}.knowledge-hub-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}.knowledge-hub-status{font-size:.82rem;color:var(--color-text-tertiary);text-align:right}.knowledge-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem}.knowledge-guide-card{display:flex;flex-direction:column;gap:.9rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(59,130,246,.22);background:linear-gradient(135deg,#3b82f61f,#ffffffe0),var(--color-bg-primary);box-shadow:0 14px 30px #0f172a0f}.knowledge-guide-card.collapsed{gap:0}.knowledge-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.knowledge-guide-copy h3{margin:0;color:var(--color-text-primary)}.knowledge-guide-copy p{margin:.35rem 0 0;color:var(--color-text-secondary);line-height:1.55}.knowledge-guide-toggle{flex-shrink:0;align-self:center}.knowledge-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.knowledge-guide-step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;width:100%;padding:.9rem;border-radius:14px;border:1px solid var(--color-border);background:#ffffffe0;color:var(--color-text-primary);text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.knowledge-guide-step:hover{transform:translateY(-1px);border-color:#3b82f652;box-shadow:0 10px 22px #0f172a12}.knowledge-guide-step strong,.knowledge-guide-step span{display:block}.knowledge-guide-step strong{font-size:.92rem}.knowledge-guide-step span{margin-top:.2rem;color:var(--color-text-secondary);font-size:.84rem;line-height:1.5}.knowledge-guide-footnote{margin:0;color:var(--color-text-secondary);font-size:.84rem;line-height:1.5}@media (max-width: 760px){.knowledge-guide-header{flex-direction:column}.knowledge-guide-toggle{align-self:flex-start}}.knowledge-example-card{display:flex;flex-direction:column;gap:1rem;padding:1.1rem;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:radial-gradient(circle at top right,rgba(16,185,129,.08),transparent 34%),var(--color-bg-primary);box-shadow:0 14px 30px #0f172a0d}.knowledge-example-card.collapsed{gap:0}.knowledge-example-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.knowledge-example-header-actions{display:flex;align-items:center;gap:.75rem}.knowledge-example-header h3{margin:0;color:var(--color-text-primary)}.knowledge-example-header p{margin:.35rem 0 0;color:var(--color-text-secondary);line-height:1.6;max-width:56rem}.knowledge-example-toggle{flex-shrink:0}.knowledge-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.knowledge-example-step{display:flex;flex-direction:column;gap:.65rem;padding:.95rem;border-radius:14px;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.knowledge-example-step-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.knowledge-example-step h4{margin:0;color:var(--color-text-primary);font-size:.96rem}.knowledge-example-step p{margin:0;color:var(--color-text-secondary);line-height:1.6;font-size:.9rem}.knowledge-example-feature{display:inline-flex;align-items:center;gap:.45rem;min-height:1.9rem;padding:0 .7rem;border-radius:999px;background:#0f172a0f;color:var(--color-text-primary);font-size:.8rem;font-weight:600}.knowledge-outcome-card{display:flex;flex-direction:column;gap:.7rem;padding:1rem;border-radius:16px;border:1px solid rgba(16,185,129,.2);background:linear-gradient(180deg,#10b98114,#ffffffeb)}.knowledge-outcome-card p{margin:0;color:var(--color-text-secondary);line-height:1.6}.knowledge-overview-card{display:flex;flex-direction:column;gap:.35rem;text-align:left;padding:1rem;border-radius:16px;border:1px solid var(--color-border);background:radial-gradient(circle at top right,rgba(59,130,246,.1),transparent 40%),var(--color-bg-primary);box-shadow:0 10px 24px #0f172a0d;color:var(--color-text-primary);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.knowledge-overview-card:hover{transform:translateY(-1px);border-color:#3b82f659;box-shadow:0 14px 30px #0f172a14}.knowledge-overview-card.active{border-color:#3b82f673;box-shadow:0 16px 32px #3b82f61f}.knowledge-overview-value{font-size:1.7rem;font-weight:700;line-height:1}.knowledge-overview-label{font-size:.92rem;font-weight:600}.knowledge-overview-detail{font-size:.82rem;color:var(--color-text-secondary);line-height:1.45}.knowledge-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.knowledge-tab{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer}.knowledge-tab-count{min-width:1.5rem;height:1.5rem;padding:0 .4rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#0f172a14;font-size:.78rem;font-weight:600}.knowledge-tab.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.knowledge-tab.active .knowledge-tab-count{background:#fff3}.knowledge-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.35fr);gap:1rem}.knowledge-grid-wide{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.5fr)}.knowledge-panel-card,.knowledge-subpanel{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;padding:1rem;box-shadow:0 10px 24px #0f172a0f}.knowledge-panel-card h3,.knowledge-subpanel h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .9rem;color:var(--color-text-primary)}.knowledge-section-intro{margin:-.2rem 0 1rem;color:var(--color-text-secondary);font-size:.9rem;line-height:1.55}.knowledge-helper-callout{display:flex;flex-direction:column;gap:.45rem;margin:0 0 1rem;padding:.9rem 1rem;border-radius:14px;border:1px solid rgba(59,130,246,.2);background:#3b82f614}.knowledge-helper-callout strong{color:var(--color-text-primary)}.knowledge-helper-callout span{color:var(--color-text-secondary);line-height:1.55}.knowledge-panel-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.knowledge-list{display:flex;flex-direction:column;gap:.85rem}.knowledge-list.compact{max-height:21rem;overflow:auto}.knowledge-item-card{border:1px solid var(--color-border);border-radius:12px;padding:.9rem;background:var(--color-bg-secondary)}.knowledge-item-card.compact{padding:.75rem}.knowledge-item-card.draggable{cursor:grab}.knowledge-item-card.dragging{opacity:.6}.knowledge-item-card.drag-target{border-color:#3b82f673;box-shadow:inset 0 0 0 1px #3b82f647}.knowledge-item-card.selectable{cursor:pointer}.knowledge-item-card.selectable.selected{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.knowledge-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.knowledge-item-header h4{margin:0;color:var(--color-text-primary);font-size:.98rem}.knowledge-item-actions{display:flex;align-items:center;gap:.35rem}.knowledge-meta{color:var(--color-text-tertiary);font-size:.82rem}.knowledge-item-card p,.knowledge-empty-state,.knowledge-side-item p{margin:0;color:var(--color-text-secondary);white-space:pre-wrap}.knowledge-empty-state{padding:1rem;border-radius:12px;border:1px dashed rgba(148,163,184,.45);background:#94a3b814;line-height:1.55}.knowledge-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.knowledge-inline-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}.knowledge-inline-meta span{display:inline-flex;align-items:center;min-height:1.8rem;padding:0 .65rem;border-radius:999px;background:#3b82f61f;color:var(--color-accent);font-size:.78rem;font-weight:600}.knowledge-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:999px;color:var(--color-text-tertiary);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.knowledge-link-row{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;color:var(--color-text-tertiary);font-size:.85rem}.knowledge-textarea{width:100%;padding:.85rem .95rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);resize:vertical}.knowledge-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.knowledge-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.knowledge-chip{padding:.35rem .75rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer}.knowledge-chip.active{background:#3b82f61f;color:var(--color-accent);border-color:#3b82f652}.knowledge-chip.passive{cursor:default;background:#0f172a0a}.knowledge-save-state{margin-top:.7rem;color:var(--color-text-tertiary);font-size:.82rem}.knowledge-save-state.saving{color:var(--color-accent)}.knowledge-save-state.saved{color:#15803d}.knowledge-save-state.error{color:#b91c1c}.knowledge-assessment-chip,.knowledge-review-reason{display:flex;flex-direction:column;gap:.25rem;padding:.7rem .8rem;border-radius:10px;margin-bottom:.75rem;border:1px solid var(--color-border);background:#0f172a08}.knowledge-assessment-chip strong,.knowledge-review-reason strong{color:var(--color-text-primary);font-size:.85rem}.knowledge-assessment-chip span,.knowledge-review-reason span{color:var(--color-text-secondary);font-size:.84rem;line-height:1.45}.knowledge-assessment-chip.good{border-color:#22c55e38;background:#22c55e14}.knowledge-assessment-chip.mixed{border-color:#f59e0b33;background:#f59e0b14}.knowledge-assessment-chip.warn{border-color:#ef44442e;background:#ef44440f}.knowledge-item-card.health-risk{border-color:#ef444440}.knowledge-item-card.health-warning{border-color:#f59e0b38}.knowledge-item-card.health-info{border-color:#3b82f633}.knowledge-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.knowledge-markdown-preview{margin:0;white-space:pre-wrap;font-family:inherit;color:var(--color-text-secondary)}.knowledge-markdown-preview.compact-list{padding-left:1.1rem}.knowledge-synthesis-sections{display:flex;flex-direction:column;gap:.85rem}.knowledge-synthesis-section{border-top:1px solid var(--color-border);padding-top:.85rem}.knowledge-synthesis-section:first-child{border-top:none;padding-top:0}.knowledge-synthesis-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.6rem}.knowledge-synthesis-section-header h5{margin:0;font-size:.9rem;color:var(--color-text-primary)}.knowledge-synthesis-editor{min-height:10rem}.knowledge-thesis-map,.knowledge-timeline,.knowledge-source-highlights{display:flex;flex-direction:column;gap:.85rem;margin-bottom:.85rem}.knowledge-thesis-focus,.knowledge-timeline-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.9rem;border-radius:12px;background:linear-gradient(135deg,#3b82f61f,#0f172a05);border:1px solid rgba(59,130,246,.18)}.knowledge-thesis-focus h5,.knowledge-timeline-summary h5,.knowledge-thesis-column-header h5,.knowledge-thesis-claim-card h5,.knowledge-timeline-card h5{margin:0;color:var(--color-text-primary);font-size:.95rem}.knowledge-thesis-focus p,.knowledge-thesis-column-header p{margin:.35rem 0 0;color:var(--color-text-secondary);line-height:1.5}.knowledge-thesis-help{max-width:52rem;font-size:.86rem}.knowledge-thesis-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.knowledge-thesis-column{border-radius:14px;border:1px solid var(--color-border);padding:.8rem}.knowledge-thesis-column.support{background:#22c55e14;border-color:#22c55e33}.knowledge-thesis-column.qualified{background:#f59e0b14;border-color:#f59e0b33}.knowledge-thesis-column.counter{background:#ef444414;border-color:#ef44442e}.knowledge-thesis-column.open{background:#94a3b817;border-color:#94a3b83d}.knowledge-thesis-column-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.knowledge-thesis-claim-card{border-radius:12px;border:1px solid rgba(15,23,42,.08);background:var(--color-bg-primary);padding:.75rem}.knowledge-thesis-evidence-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.7rem}.knowledge-thesis-evidence-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:flex-start;padding:.6rem;border-radius:10px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.knowledge-thesis-evidence-chip{display:inline-flex;align-items:center;gap:.35rem;min-height:1.8rem;padding:0 .6rem;border-radius:999px;background:#0f172a0f;color:var(--color-text-secondary);font-size:.75rem;white-space:nowrap}.knowledge-thesis-evidence-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.knowledge-thesis-evidence-copy strong{font-size:.84rem;color:var(--color-text-primary)}.knowledge-thesis-evidence-copy span{display:-webkit-box;overflow:hidden;color:var(--color-text-secondary);font-size:.82rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.knowledge-source-highlight-card{border-radius:12px;border:1px solid var(--color-border);background:linear-gradient(180deg,#3b82f60f,#0f172a05);padding:.8rem}.knowledge-evidence-signals .knowledge-source-highlight-card{background:linear-gradient(180deg,#0f172a08,#0f172a03)}.knowledge-evidence-card .knowledge-source-highlight-block strong{line-height:1.4}.toast-region{position:fixed;right:1rem;bottom:1rem;z-index:2000;display:flex;flex-direction:column;gap:.65rem;width:min(24rem,calc(100vw - 2rem))}.toast-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:start;padding:.85rem .95rem;border-radius:14px;border:1px solid var(--color-border);background:#fffffff5;box-shadow:0 18px 40px #0f172a1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.toast-card.success{border-color:#22c55e47}.toast-card.error{border-color:#ef444447}.toast-card.info{border-color:#3b82f63d}.toast-card-icon{color:var(--color-text-secondary);margin-top:.1rem}.toast-card-message{color:var(--color-text-primary);font-size:.92rem;line-height:1.45}.toast-card-dismiss{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;padding:0}@media (max-width: 720px){.toast-region{right:.75rem;bottom:.75rem;width:calc(100vw - 1.5rem)}}.knowledge-source-highlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:.65rem}.knowledge-source-highlight-block{display:flex;flex-direction:column;gap:.25rem;padding:.65rem;border-radius:10px;background:var(--color-bg-primary);border:1px solid rgba(15,23,42,.08)}.knowledge-source-highlight-block span{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.knowledge-source-highlight-block strong{color:var(--color-text-primary);line-height:1.45}.knowledge-timeline-list{display:flex;flex-direction:column;gap:.85rem}.knowledge-timeline-entry{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.85rem;align-items:flex-start}.knowledge-timeline-date span{display:inline-flex;align-items:center;min-height:1.8rem;padding:0 .7rem;border-radius:999px;background:#3b82f61f;color:var(--color-accent);font-size:.78rem;font-weight:600}.knowledge-timeline-card{padding:0 0 0 .9rem;border-left:2px solid rgba(59,130,246,.24)}.knowledge-search-results{margin-top:1rem}.knowledge-search-insight{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.knowledge-search-insight strong{color:var(--color-text-primary);font-size:.84rem}.article-knowledge-panel{width:420px}.article-knowledge-intro{margin:0;color:var(--color-text-secondary);line-height:1.55}.knowledge-quick-actions{display:flex;flex-wrap:wrap;gap:.45rem}.knowledge-quick-action{min-height:2rem}.knowledge-side-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.knowledge-side-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.7rem .4rem;border-radius:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:center}.knowledge-side-stat strong{font-size:1rem;color:var(--color-text-primary)}.knowledge-side-stat span{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.knowledge-side-section{display:flex;flex-direction:column;gap:.6rem;padding-bottom:.9rem;border-bottom:1px solid var(--color-border)}.knowledge-side-section h4{display:flex;align-items:center;gap:.45rem;margin:0;color:var(--color-text-primary)}.knowledge-side-item{padding:.75rem;border-radius:10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:.35rem}.knowledge-quote-block{margin:0;padding-left:.8rem;border-left:3px solid var(--color-accent);color:var(--color-text-primary)}@media (max-width: 1100px){.knowledge-grid,.knowledge-grid-wide,.knowledge-example-grid,.knowledge-guide-grid,.knowledge-subgrid{grid-template-columns:1fr}.knowledge-hub-header,.knowledge-example-header{flex-direction:column}.knowledge-example-header-actions{flex-direction:column;align-items:flex-start}.knowledge-hub-actions{align-items:flex-start}.knowledge-hub-status{text-align:left}.article-knowledge-panel{width:min(100vw - 1rem,420px)}.knowledge-side-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-panel-header-row{flex-direction:column}.knowledge-thesis-columns,.knowledge-timeline-entry,.knowledge-source-highlight-grid{grid-template-columns:1fr}}:root{--color-bg-primary: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-text-primary: #212529;--color-text-secondary: #6c757d;--color-text-tertiary: #adb5bd;--color-border: #dee2e6;--color-accent: #0066cc;--color-accent-hover: #0052a3;--color-success: #28a745;--color-danger: #dc3545;--color-warning: #ffc107;--color-code-block-bg: #1e1e1e;--color-code-block-fg: #e8e8e8;--sidebar-width: 280px;--header-height: 64px;--border-radius: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1)}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2d2d2d;--color-text-primary: #e8e8e8;--color-text-secondary: #a0a0a0;--color-text-tertiary: #6b6b6b;--color-border: #3a3a3a;--color-accent: #4a9eff;--color-accent-hover: #6ab0ff;--color-success: #4ade80;--color-danger: #f87171;--color-warning: #fbbf24;--color-code-block-bg: #1e1e1e;--color-code-block-fg: #e8e8e8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s ease,color .2s ease,border-color .2s ease}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.6}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;background:none;transition:all .2s ease}input{font-family:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-text-secondary);font-size:1.1rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}