.pageframe.notes-frame{max-width:46rem;margin-inline:auto}.notes-empty-state{margin:var(--spacing-lg) auto 0;max-width:30rem;text-align:center;font-size:var(--font-size-base);color:var(--text-muted);line-height:var(--line-height-relaxed)}.notes-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.note-card{position:relative;background:var(--surface-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:.8rem .95rem}.note-target{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm);margin-bottom:.5rem;padding-inline-end:var(--spacing-lg)}.note-badge{display:inline-block;background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-pill);padding:.1rem .6rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.note-badge.target-word,.note-badge.target-phrase{color:var(--accent-jade)}.note-badge.target-chat,.note-badge.target-translate{color:var(--accent-lagoon)}.note-badge.target-check{color:var(--accent-sun)}.note-badge.target-text{color:var(--accent-coral)}.note-badge.target-exam{color:var(--accent-azure)}.note-badge.target-note{color:var(--text-muted)}.note-target-label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none}a.note-target-label:hover{color:var(--accent-lagoon);text-decoration:underline}.note-target-gone{font-style:italic;font-size:var(--font-size-xs);color:var(--text-muted);opacity:.85}.note-secondary{margin:0 0 .35rem;font-size:var(--font-size-sm);color:var(--text-muted)}.note-content{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.note-content-empty{color:var(--text-muted);font-style:italic}.note-remove{position:absolute;top:.45rem;inset-inline-end:.5rem;width:1.5rem;height:1.5rem;color:var(--text-muted);font-size:.9rem;border-radius:var(--radius-sm);opacity:.5;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.note-remove:hover{opacity:1;color:var(--accent-coral);background:var(--accent-coral-soft)}.note-actions{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.4rem}.note-chat-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.note-chat-btn:hover{color:var(--accent-jade);border-color:var(--accent-jade)}.note-chat-btn svg{flex:none}.note-explain-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;background:var(--surface-elevated);border:1px solid var(--border-card);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.note-explain-btn:hover:not(:disabled){color:var(--accent-lagoon);border-color:var(--accent-lagoon)}.note-explain-btn:disabled{cursor:default;opacity:.7}.note-details-toggle{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast)}.note-details-toggle:hover{color:var(--accent-lagoon)}.note-details-chevron{display:inline-block;transition:transform var(--transition-fast)}.note-details-chevron.is-open{transform:rotate(180deg)}.note-details{margin-top:.6rem;display:flex;flex-direction:column;gap:.6rem}.note-source{margin:0;padding:.65rem .8rem;background:var(--surface-muted);border:1px solid var(--border-card);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.note-explanation{padding:.65rem .8rem;background:var(--surface-muted);border:1px solid var(--border-card);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-muted)}.note-explanation p{margin:0 0 .5rem}.note-explanation p:last-child{margin-bottom:0}