.letters-page.svelte-17uonlm{min-height:100vh;background:var(--background)}.page-header.svelte-17uonlm{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);color:var(--foreground)}.header-text.svelte-17uonlm h1:where(.svelte-17uonlm){font-family:var(--font-family-heading);font-size:1.25rem;font-weight:500;margin:0}.header-text.svelte-17uonlm p:where(.svelte-17uonlm){font-size:.8125rem;color:var(--muted-foreground);margin:.125rem 0 0}.compose-btn.svelte-17uonlm{margin-left:auto;display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:var(--primary);color:var(--primary-foreground);border:none;border-radius:1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.compose-btn.svelte-17uonlm:hover{opacity:.9}.modal-overlay.svelte-17uonlm{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.compose-modal.svelte-17uonlm{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.compose-header.svelte-17uonlm{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.compose-header.svelte-17uonlm h3:where(.svelte-17uonlm){font-family:var(--font-family-heading);font-size:1.125rem;font-weight:500;margin:0;color:var(--foreground)}.close-btn.svelte-17uonlm{background:none;border:none;color:var(--muted-foreground);cursor:pointer;padding:.25rem;border-radius:50%;transition:var(--transition-fast)}.close-btn.svelte-17uonlm:hover{background:var(--muted);color:var(--foreground)}.title-input.svelte-17uonlm{width:100%;padding:1rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--border);color:var(--foreground);font-family:var(--font-family-heading);font-size:1.125rem;font-weight:500}.title-input.svelte-17uonlm:focus{outline:none}.content-input.svelte-17uonlm{flex:1;width:100%;min-height:200px;padding:1rem 1.25rem;background:none;border:none;color:var(--foreground);font-family:var(--font-family-base);font-size:.9375rem;line-height:1.6;resize:none}.content-input.svelte-17uonlm:focus{outline:none}.compose-footer.svelte-17uonlm{padding:1rem 1.25rem;border-top:1px solid var(--border)}.mood-select.svelte-17uonlm{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.mood-btn.svelte-17uonlm{padding:.25rem .625rem;background:var(--muted);border:1px solid var(--border);border-radius:1rem;color:var(--muted-foreground);font-size:.75rem;cursor:pointer;transition:var(--transition-fast)}.mood-btn.svelte-17uonlm:hover{border-color:var(--primary);color:var(--foreground)}.mood-btn.active.svelte-17uonlm{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.compose-actions.svelte-17uonlm{display:flex;justify-content:space-between;align-items:center}.char-count.svelte-17uonlm{font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-family-mono)}.save-btn.svelte-17uonlm{padding:.5rem 1.25rem;background:var(--primary);border:none;border-radius:var(--radius);color:var(--primary-foreground);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.save-btn.svelte-17uonlm:hover:not(:disabled){opacity:.9}.save-btn.svelte-17uonlm:disabled{opacity:.5;cursor:not-allowed}.letters-list.svelte-17uonlm{padding:0}.empty-state.svelte-17uonlm{text-align:center;padding:4rem 2rem}.empty-state.svelte-17uonlm .empty-icon{color:var(--muted-foreground);margin-bottom:1rem}.empty-state.svelte-17uonlm h2:where(.svelte-17uonlm){font-family:var(--font-family-heading);font-size:1.125rem;color:var(--foreground);margin:0 0 .5rem}.empty-state.svelte-17uonlm p:where(.svelte-17uonlm){color:var(--muted-foreground);font-size:.875rem;margin:0 0 1.5rem;max-width:300px;margin-left:auto;margin-right:auto}.cta-btn.svelte-17uonlm{display:inline-flex;align-items:center;gap:.375rem;padding:.625rem 1.25rem;background:var(--primary);color:var(--primary-foreground);text-decoration:none;border:none;border-radius:1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.cta-btn.svelte-17uonlm:hover{opacity:.9}.letter-card.svelte-17uonlm{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border);transition:var(--transition-fast)}.letter-card.svelte-17uonlm:hover{background:var(--muted)}.letter-header.svelte-17uonlm{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.letter-title.svelte-17uonlm{font-family:var(--font-family-heading);font-size:1rem;font-weight:500;color:var(--foreground);margin:0}.letter-date.svelte-17uonlm{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--muted-foreground);font-family:var(--font-family-mono)}.letter-mood.svelte-17uonlm{display:inline-block;font-size:.75rem;color:var(--muted-foreground);margin-bottom:.5rem}.letter-preview.svelte-17uonlm{font-size:.875rem;color:var(--muted-foreground);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}