.notes-page.svelte-1iledwa{max-width:640px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.page-header.svelte-1iledwa{margin-bottom:var(--space-3xl)}.header-meta.svelte-1iledwa{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.header-count.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle);letter-spacing:var(--letter-spacing-wide)}.tag-clear.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent);background:transparent;border:none;cursor:pointer;padding:0}.view-toggle.svelte-1iledwa{margin-left:auto;display:flex;gap:var(--space-xs)}.toggle-btn.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-subtle);background:transparent;border:none;padding:var(--space-2xs) var(--space-xs);cursor:pointer;line-height:1;opacity:.5;transition:opacity var(--duration-fast) var(--easing)}.toggle-btn.active.svelte-1iledwa{background:transparent;color:var(--color-text);opacity:1;border:none;text-decoration:underline;text-underline-offset:4px}.toggle-btn.svelte-1iledwa:hover:not(.active){color:var(--color-text);opacity:.8;border:none}.page-title.svelte-1iledwa{font-size:var(--font-size-3xl);font-weight:600;letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--space-md) 0;line-height:1}.page-description.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);max-width:48ch;margin:var(--space-2xl) 0 0 0}.notes-list.svelte-1iledwa{display:flex;flex-direction:column;gap:var(--space-lg)}.wide-container.svelte-1iledwa{max-width:1200px}.notes-grid.svelte-1iledwa{display:grid;grid-template-columns:repeat(3,1fr);auto-rows:1fr;gap:var(--space-md)}@media(max-width:900px){.notes-grid.svelte-1iledwa{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.notes-grid.svelte-1iledwa{grid-template-columns:1fr}}.note-card.svelte-1iledwa{display:block;padding:var(--space-lg) 0;border-bottom:1px solid var(--border-color-subtle);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--easing)}.note-card.svelte-1iledwa:first-child{border-top:1px solid var(--border-color-subtle)}.note-card.svelte-1iledwa:hover{padding-left:var(--space-md);border-left:2px solid var(--color-accent);margin-left:calc(-1 * var(--space-md) - 2px)}.notes-grid.svelte-1iledwa .note-card:where(.svelte-1iledwa){border:1px solid var(--border-color-subtle);border-radius:var(--radius-md);padding:var(--space-xl);height:auto;aspect-ratio:1 / 1;margin:0;display:flex;flex-direction:column;justify-content:space-between}.notes-grid.svelte-1iledwa .note-card:where(.svelte-1iledwa):hover{padding-left:var(--space-xl);border-left:1px solid var(--border-color-subtle);border-color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-md)}.notes-grid.svelte-1iledwa .note-card:where(.svelte-1iledwa):hover{padding-left:var(--space-md);border-left:1px solid var(--border-color-subtle);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.notes-grid.svelte-1iledwa .note-card:where(.svelte-1iledwa) .note-excerpt:where(.svelte-1iledwa){flex-grow:1}.note-date.svelte-1iledwa{display:block;font-family:var(--font-mono);font-size:var(--font-size-2xs);color:var(--color-text-subtle);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;margin-bottom:var(--space-xs)}.note-title.svelte-1iledwa{font-size:var(--font-size-lg);font-weight:500;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug);margin:0 0 var(--space-sm) 0;color:var(--color-text)}.note-card.svelte-1iledwa:hover .note-title:where(.svelte-1iledwa){color:var(--color-accent)}.note-excerpt.svelte-1iledwa{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin:0 0 var(--space-sm) 0;max-width:54ch}.note-cta.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-accent)}.page-footer.svelte-1iledwa{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--border-color-subtle);display:flex;flex-direction:column;gap:var(--space-xl)}.filter-nav.svelte-1iledwa{display:flex;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap}.filter-label.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);padding-top:var(--space-2xs)}.filter-tags.svelte-1iledwa{display:flex;flex-wrap:wrap;gap:var(--space-xs);flex:1}.filter-tag.svelte-1iledwa{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);background:transparent;border:1px solid var(--border-color-subtle);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--easing)}.filter-tag.svelte-1iledwa:hover{border-color:var(--color-text-muted);color:var(--color-text)}.filter-tag.active.svelte-1iledwa{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.subscribe-row.svelte-1iledwa{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs)}.subscribe-label.svelte-1iledwa{font-family:var(--font-mono);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.subscribe-sep.svelte-1iledwa{color:var(--color-text-subtle)}.subscribe-link.svelte-1iledwa{font-family:var(--font-mono);color:var(--color-accent)}@media(max-width:600px){.notes-page.svelte-1iledwa{padding:var(--space-xl) var(--space-md)}.page-title.svelte-1iledwa{font-size:var(--font-size-2xl)}.note-card.svelte-1iledwa{padding:var(--space-md) 0}.note-title.svelte-1iledwa{font-size:var(--font-size-base)}}
