.page.svelte-1uha8ag{gap:var(--space-8);flex-direction:column;display:flex}.error-message.svelte-1uha8ag,.success-message.svelte-1uha8ag{justify-content:space-between;align-items:center;display:flex}.close-btn.svelte-1uha8ag{font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.create-section.svelte-1uha8ag{background-color:var(--color-surface);padding:var(--space-6);border:1px solid var(--color-border);border-radius:4px}.create-section.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin-top:0}.notes-section.svelte-1uha8ag{padding-top:var(--space-4)}.notes-list.svelte-1uha8ag{gap:var(--space-4);flex-direction:column;display:flex}.note-card.svelte-1uha8ag{padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);transition:box-shadow var(--duration-fast) var(--ease-in-out);border-radius:4px}.note-card.svelte-1uha8ag:hover{box-shadow:0 4px 12px #00000014}.note-header.svelte-1uha8ag{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.note-header.svelte-1uha8ag h3:where(.svelte-1uha8ag){word-break:break-word;flex:1;margin:0}.note-header.svelte-1uha8ag form:where(.svelte-1uha8ag){flex-shrink:0}.note-card.svelte-1uha8ag p:where(.svelte-1uha8ag){margin:var(--space-4) 0;white-space:pre-wrap;word-break:break-word;line-height:1.6}.note-meta.svelte-1uha8ag{font-size:var(--text-sm);color:#888;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.no-notes.svelte-1uha8ag{text-align:center;color:#888;padding:var(--space-12);font-size:var(--text-lg)}.footer.svelte-1uha8ag{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:#888;border-top:1px solid var(--color-border);margin-top:var(--space-8)}.footer-badge.svelte-1uha8ag{background-color:var(--color-surface);padding:var(--space-2) var(--space-3);font-family:Courier New,monospace;font-size:var(--text-xs);color:#666;border-radius:3px;display:inline-block}@media (width<=640px){.page.svelte-1uha8ag{gap:var(--space-6)}.note-header.svelte-1uha8ag{flex-direction:column;align-items:flex-start}.note-header.svelte-1uha8ag form:where(.svelte-1uha8ag),.note-header.svelte-1uha8ag form:where(.svelte-1uha8ag) button:where(.svelte-1uha8ag){width:100%}}