.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.note-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:.2s;display:flex;flex-direction:column}.note-card:hover{transform:translateY(-4px);border-color:var(--accent-tertiary);box-shadow:var(--shadow-card)}.note-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;background:var(--badge-bg-tertiary);color:var(--accent-tertiary);padding:4px 8px;border-radius:4px;margin-bottom:12px;align-self:flex-start}.note-title{font-size:20px;font-weight:700;margin-bottom:12px;line-height:1.3}.note-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;flex-grow:1;line-height:1.5}.diff-level{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary);margin-top:auto}.dot{width:8px;height:8px;margin-right:3px;border-radius:50%;background:var(--text-tertiary)}.dot.easy{background:var(--accent-tertiary)}.dot.medium{background:var(--accent-primary)}.dot.hard{background:var(--accent-rose)}