.notes-page.svelte-1iledwa{flex-direction:column;align-items:center;min-height:100vh;padding:6rem 1.5rem;display:flex}.hero.svelte-1iledwa{text-align:center;margin-bottom:5rem}h1.svelte-1iledwa{letter-spacing:-.04em;font-size:clamp(5rem,15vw,10rem);font-weight:900;line-height:.9;font-family:var(--titleFont);color:var(--color-mint);margin-bottom:1.5rem}.subtitle.svelte-1iledwa{color:var(--color-text-secondary);max-width:42rem;margin:0 auto;font-size:1.25rem;line-height:1.6}.notes-list.svelte-1iledwa{flex-direction:column;gap:1.25rem;width:100%;max-width:48rem;display:flex}.note-card.svelte-1iledwa{background:var(--surface-card);border:1px solid var(--surface-border);transition:all .4s var(--easing-out);-webkit-backdrop-filter:blur(12px);border-radius:1.5rem;justify-content:space-between;align-items:center;padding:2.25rem 2.5rem;display:flex;position:relative;overflow:hidden}.note-card.svelte-1iledwa:hover{background:var(--surface-card-strong);border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 20px 40px #0003,0 0 0 1px #ffffff0d}html.dark .note-card.svelte-1iledwa:hover{border-color:#acffeb33;box-shadow:0 20px 40px #0006,0 0 20px #acffeb0d}.note-content.svelte-1iledwa{flex:1;padding-right:2rem}h3.svelte-1iledwa{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;font-family:var(--titleFont);margin-bottom:.75rem}.note-content.svelte-1iledwa p:where(.svelte-1iledwa){color:var(--color-text-secondary);font-size:1.1rem;line-height:1.5}.note-icon.svelte-1iledwa{flex-shrink:0}.icon-circle.svelte-1iledwa{background:var(--color-teal);width:4.5rem;height:4.5rem;color:var(--color-mint-soft);transition:transform .4s var(--easing-out);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 2px 4px #ffffff1a}.note-card.svelte-1iledwa:hover .icon-circle:where(.svelte-1iledwa){transform:scale(1.1)rotate(5deg)}html.light .icon-circle.svelte-1iledwa{background:var(--color-mint);color:var(--color-teal-deep)}@media (width<=640px){.note-card.svelte-1iledwa{text-align:center;flex-direction:column-reverse;gap:1.5rem;padding:1.5rem}.note-content.svelte-1iledwa{padding-right:0}h1.svelte-1iledwa{font-size:4rem}.subtitle.svelte-1iledwa{font-size:1rem}}