#right-panel{position:relative;width:320px;min-width:200px;max-width:50vw;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .2s ease,transform .2s ease,opacity .2s ease;z-index:50}#right-panel.collapsed{width:0;min-width:0;opacity:0;pointer-events:none;border-left:none;overflow:hidden}#right-panel-resize-handle{position:absolute;left:-4px;top:0;width:8px;height:100%;cursor:col-resize;z-index:10;background:0 0}#right-panel-resize-handle:hover,#right-panel-resize-handle.dragging{background:var(--accent-indigo);opacity:.3}#right-panel-resize-handle.dragging{opacity:.5}#right-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border);background:var(--bg-app);flex-shrink:0}#right-panel-tabs{display:flex;gap:var(--space-xs)}.right-panel-tab{padding:var(--space-xs)var(--space-sm);background:0 0;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition)}.right-panel-tab:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.right-panel-tab.active{color:var(--accent-indigo);background:var(--bg-surface)}#right-panel-close{background:0 0;border:none;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center}#right-panel-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}#right-panel-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.right-panel-tab-content{display:none;flex:1;flex-direction:column;overflow:hidden}.right-panel-tab-content.active{display:flex}#graph-tab{position:relative}#graph-container{flex:1;min-height:200px;background:var(--bg-app)}#graph-preview{position:absolute;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--space-md);box-shadow:var(--shadow-lg);transition:transform .2s ease,opacity .2s ease;z-index:5}#graph-preview.hidden{transform:translateY(100%);opacity:0;pointer-events:none}#graph-preview-title{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#graph-preview-excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.5em}#graph-preview-open{width:100%}.btn-sm{padding:var(--space-xs)var(--space-sm);font-size:var(--text-sm)}#links-tab{padding:var(--space-md);overflow-y:auto}.links-section{margin-bottom:var(--space-lg)}.links-section:last-child{margin-bottom:0}.links-section-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border)}.links-section-icon{font-size:var(--text-sm);color:var(--text-tertiary)}.links-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.links-section-count{margin-left:auto;font-size:var(--text-xs);color:var(--text-tertiary);background:var(--bg-surface-hover);padding:2px 6px;border-radius:var(--radius-full)}.links-list{display:flex;flex-direction:column;gap:var(--space-xs)}.links-list-empty{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic;padding:var(--space-sm)0}.link-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-app);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.link-item:hover{background:var(--bg-surface-hover)}.link-item-title{flex:1;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-item-icon{color:var(--accent-indigo);font-size:var(--text-sm);flex-shrink:0}#meta-tab{padding:var(--space-md);overflow-y:auto}.meta-section{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.meta-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.meta-section-header{margin-bottom:var(--space-sm)}.meta-section-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.meta-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs)0}.meta-label{font-size:var(--text-sm);color:var(--text-secondary)}.meta-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.meta-row-note-id{flex-wrap:nowrap}.meta-row-note-id .meta-label{flex-shrink:0;white-space:nowrap}.meta-note-id-wrapper{display:flex;align-items:center;gap:var(--space-xs);min-width:0;flex:1;justify-content:flex-end}.meta-note-id{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--text-xs);cursor:default}.meta-copy-btn{display:flex;align-items:center;justify-content:center;background:0 0;border:none;padding:4px;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:all var(--transition)}.meta-copy-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.meta-copy-btn.copied{color:var(--status-success)}.meta-copy-btn.copied svg{display:none}.meta-copy-btn.copied::after{content:'✓';font-size:var(--text-xs)}.meta-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.meta-tag{display:inline-flex;align-items:center;padding:var(--space-xs)var(--space-sm);background:var(--bg-app);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-primary);cursor:pointer;transition:background var(--transition)}.meta-tag:hover{background:var(--bg-surface-hover)}.meta-tag::before{content:'#';color:var(--accent-indigo);margin-right:2px}.meta-empty{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.meta-sync-connected{color:var(--status-success)}.meta-sync-disconnected{color:var(--status-error)}.meta-pending{color:var(--status-warning)}#graph-toggle-btn{background:0 0;border:none;padding:var(--space-xs);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}#graph-toggle-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}#graph-toggle-btn.active{color:var(--accent-indigo);background:var(--bg-surface)}#graph-container canvas{outline:none}#graph-container.empty::after{content:attr(data-empty-message);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-md)}@media(max-width:768px){#right-panel{position:fixed;top:0;right:0;width:100%;max-width:100vw;transform:translateX(100%);z-index:150}#right-panel:not(.collapsed){transform:translateX(0)}#right-panel.collapsed{transform:translateX(100%);opacity:1}#right-panel-resize-handle{display:none}}@media(min-width:769px) and (max-width:1024px){#right-panel{width:280px;min-width:180px}}@media(min-width:1400px){#right-panel{width:380px}}@media print{#right-panel,#graph-toggle-btn{display:none!important}}