.letter-detail.svelte-1lss773{min-height:100vh;background:var(--color-light-cream)}.hero-banner.svelte-1lss773{position:relative;background:linear-gradient(135deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color),white 20%) 100%);padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xxl);overflow:hidden}.hero-content.svelte-1lss773{display:flex;align-items:center;gap:var(--space-md);max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.back-button.svelte-1lss773{display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);background:#ffffffe6;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.back-button.svelte-1lss773:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.back-button.svelte-1lss773:active{transform:scale(.95)}.back-button.svelte-1lss773 svg:where(.svelte-1lss773){width:24px;height:24px}.hero-text.svelte-1lss773{flex:1}.hero-title.svelte-1lss773{font-size:clamp(1.5rem,5vw,2rem);font-weight:800;color:var(--color-white);margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.nav-buttons.svelte-1lss773{display:flex;gap:var(--space-sm)}.nav-button.svelte-1lss773{display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);background:#ffffffe6;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.nav-button.svelte-1lss773:hover:not(.disabled){transform:scale(1.05);box-shadow:0 4px 12px #00000026}.nav-button.svelte-1lss773:active:not(.disabled){transform:scale(.95)}.nav-button.disabled.svelte-1lss773{opacity:.4;cursor:not-allowed}.nav-button.svelte-1lss773 svg:where(.svelte-1lss773){width:24px;height:24px}.hero-wave.svelte-1lss773{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave.svelte-1lss773 svg:where(.svelte-1lss773){position:relative;display:block;width:calc(100% + 1.3px);height:40px}.hero-wave.svelte-1lss773 path:where(.svelte-1lss773){fill:var(--color-light-cream)}.letter-content.svelte-1lss773{padding:var(--space-lg) var(--space-md);max-width:600px;margin:0 auto}.letter-display.svelte-1lss773{margin-bottom:var(--space-xl)}.letter-card-large.svelte-1lss773{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-card)}.large-letter.svelte-1lss773{font-size:clamp(5rem,20vw,8rem);font-weight:800;line-height:1}.large-letter.uppercase.svelte-1lss773{color:var(--accent-color)}.large-letter.lowercase.svelte-1lss773{color:color-mix(in srgb,var(--accent-color),black 20%)}.illustration-section.svelte-1lss773{margin-bottom:var(--space-xl)}.illustration-card.svelte-1lss773{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-card);text-align:center}.illustration-wrapper.svelte-1lss773{position:relative;display:flex;justify-content:center;margin-bottom:var(--space-md)}.illustration-image.svelte-1lss773{width:100%;max-width:280px;height:auto;border-radius:var(--radius-lg)}.illustration-fallback.svelte-1lss773{display:none;width:200px;height:200px;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),color-mix(in srgb,var(--accent-color),white 30%));border-radius:var(--radius-lg)}.fallback-emoji.svelte-1lss773{font-size:6rem}.illustration-label.svelte-1lss773{display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.object-emoji.svelte-1lss773{font-size:2rem}.object-name.svelte-1lss773{font-size:var(--font-size-section-title);font-weight:700;color:var(--color-text)}.audio-section.svelte-1lss773{margin-bottom:var(--space-xl);display:flex;justify-content:center}.audio-button.svelte-1lss773{display:flex;align-items:center;justify-content:center;gap:var(--space-md);min-height:var(--touch-recommended);padding:var(--space-md) var(--space-xl);background:linear-gradient(180deg,var(--accent-color) 0%,color-mix(in srgb,var(--accent-color),black 15%) 100%);color:var(--color-white);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-card-title);font-weight:700;cursor:pointer;box-shadow:0 4px color-mix(in srgb,var(--accent-color),black 30%),0 6px 12px #00000026;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.audio-button.svelte-1lss773:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px color-mix(in srgb,var(--accent-color),black 30%),0 8px 16px #0003}.audio-button.svelte-1lss773:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px color-mix(in srgb,var(--accent-color),black 30%),0 3px 8px #00000026}.audio-button.svelte-1lss773:disabled{opacity:.8;cursor:not-allowed}.audio-icon.svelte-1lss773{width:32px;height:32px}.audio-icon.playing.svelte-1lss773{animation:svelte-1lss773-pulse 1s ease-in-out infinite}@keyframes svelte-1lss773-pulse{0%,to{opacity:1}50%{opacity:.5}}.words-section.svelte-1lss773{margin-bottom:var(--space-xl)}.words-title.svelte-1lss773{font-size:var(--font-size-card-title);font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-md) 0}.words-grid.svelte-1lss773{display:flex;flex-direction:column;gap:var(--space-sm)}.word-card.svelte-1lss773{display:flex;align-items:center;gap:var(--space-md);background:var(--color-white);border:none;border-radius:var(--radius-lg);padding:var(--space-md) var(--space-lg);cursor:pointer;box-shadow:0 2px 8px #00000014;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-align:left;font-family:inherit}.word-card.svelte-1lss773:hover{transform:translate(4px);box-shadow:0 4px 12px #0000001f}.word-card.svelte-1lss773:active{transform:translate(2px)}.word-letter.svelte-1lss773{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--color-white);border-radius:var(--radius-sm);font-size:var(--font-size-card-title);font-weight:800;flex-shrink:0}.word-text.svelte-1lss773{flex:1;font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}.word-speaker.svelte-1lss773{width:24px;height:24px;color:var(--color-text);opacity:.5;flex-shrink:0}.word-card.svelte-1lss773:hover .word-speaker:where(.svelte-1lss773){opacity:1;color:var(--accent-color)}@media (min-width: 640px){.hero-banner.svelte-1lss773{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-xxl)}.hero-wave.svelte-1lss773 svg:where(.svelte-1lss773){height:60px}.letter-content.svelte-1lss773{padding:var(--space-xl) var(--space-lg)}.large-letter.svelte-1lss773{font-size:clamp(6rem,18vw,10rem)}.illustration-image.svelte-1lss773{max-width:320px}.words-grid.svelte-1lss773{flex-direction:row;flex-wrap:wrap}.word-card.svelte-1lss773{flex:1 1 calc(50% - var(--space-sm));min-width:200px}}@media (prefers-reduced-motion: reduce){.audio-icon.playing.svelte-1lss773{animation:none}.word-card.svelte-1lss773:hover{transform:none}}