.notes-list{display:grid;gap:1.5rem}.notes-empty{text-align:center;padding:3rem 1.5rem;color:var(--color-gray-600, #666)}.notes-empty p{margin:0 0 .5rem}.note-card{border:1px solid var(--color-gray-200, #e5e5e5);border-radius:var(--radius-md, 8px);padding:1.75rem 2rem;background:var(--color-white);transition:box-shadow .2s ease}.note-card.is-pinned{border-color:var(--color-black);box-shadow:0 2px 12px #0000000f}.note-card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.75rem}.note-card-title{margin:0;font-size:1.35rem;font-weight:600;letter-spacing:-.02em;line-height:1.3}.note-card-meta{margin:0;font-size:.85rem;color:var(--color-gray-600, #666);white-space:nowrap}.note-pin-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:999px;background:var(--color-black);color:var(--color-white);margin-bottom:.5rem}.note-summary{margin:0 0 1rem;font-size:1.05rem;color:var(--color-gray-700, #444);font-weight:500}.note-body{margin:0;white-space:pre-wrap;line-height:1.75;font-size:1rem}.note-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1.25rem;font-weight:600;color:var(--color-black);text-decoration:none;border-bottom:2px solid var(--color-black);padding-bottom:2px}.note-link:hover{opacity:.75}.notes-loading{text-align:center;padding:2rem;color:var(--color-gray-600, #666)}@media(max-width:768px){.note-card{padding:1.25rem}.note-card-title{font-size:1.15rem}}