.letters-hub.svelte-17uonlm{min-height:100vh;background:var(--color-light-cream)}.hero-banner.svelte-17uonlm{position:relative;background:linear-gradient(135deg,var(--color-peach) 0%,#FFB88C 100%);padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xxl);overflow:hidden}.hero-content.svelte-17uonlm{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-17uonlm{display:flex;align-items:center;justify-content:center;width:var(--touch-recommended);height:var(--touch-recommended);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-17uonlm:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.back-button.svelte-17uonlm:active{transform:scale(.95)}.back-button.svelte-17uonlm svg:where(.svelte-17uonlm){width:28px;height:28px}.hero-text.svelte-17uonlm{flex:1}.hero-title.svelte-17uonlm{display:flex;align-items:center;gap:var(--space-sm);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:var(--color-text);margin:0}.hero-emoji.svelte-17uonlm{font-size:1.2em;animation:svelte-17uonlm-bounce 2s ease-in-out infinite}.hero-subtitle.svelte-17uonlm{font-size:var(--font-size-body);color:var(--color-text-muted);margin:var(--space-xs) 0 0;opacity:.9}.hero-mascot.svelte-17uonlm{display:none}.mascot-emoji.svelte-17uonlm{font-size:4rem;animation:svelte-17uonlm-wave 2.5s ease-in-out infinite}.hero-wave.svelte-17uonlm{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave.svelte-17uonlm svg:where(.svelte-17uonlm){position:relative;display:block;width:calc(100% + 1.3px);height:40px}.hero-wave.svelte-17uonlm path:where(.svelte-17uonlm){fill:var(--color-light-cream)}.activities-section.svelte-17uonlm{padding:var(--space-lg) var(--space-md);padding-top:var(--space-md)}.section-title.svelte-17uonlm{font-size:var(--font-size-section-title);font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-lg) 0}.title-emoji.svelte-17uonlm{display:inline-block;animation:svelte-17uonlm-sparkle 1.5s ease-in-out infinite}.activities-grid.svelte-17uonlm{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);max-width:600px;margin:0 auto}.activity-card.svelte-17uonlm{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-lg);text-decoration:none;color:var(--color-text);box-shadow:0 4px 16px #0000001a;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);position:relative;overflow:hidden;animation:svelte-17uonlm-card-appear .5s ease-out backwards;animation-delay:var(--animation-delay);min-height:160px}.activity-card.svelte-17uonlm:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #00000026}.activity-card.svelte-17uonlm:active{transform:translateY(-4px) scale(.98)}.card-icon-wrapper.svelte-17uonlm{width:72px;height:72px;background:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-bounce)}.activity-card.svelte-17uonlm:hover .card-icon-wrapper:where(.svelte-17uonlm){transform:scale(1.1) rotate(5deg)}.card-icon.svelte-17uonlm{font-size:2.5rem}.card-title.svelte-17uonlm{font-size:var(--font-size-card-title);font-weight:700;margin:0 0 var(--space-xs) 0;text-align:center}.card-description.svelte-17uonlm{font-size:var(--font-size-small);color:var(--color-text-muted);margin:0 0 var(--space-sm) 0;text-align:center}.card-progress.svelte-17uonlm{display:flex;justify-content:center}.card-shine.svelte-17uonlm{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);pointer-events:none}.activity-card.svelte-17uonlm:hover .card-shine:where(.svelte-17uonlm){animation:svelte-17uonlm-shine .6s ease-out}@keyframes svelte-17uonlm-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes svelte-17uonlm-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}@keyframes svelte-17uonlm-sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.8}}@keyframes svelte-17uonlm-card-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-17uonlm-shine{0%{left:-100%}to{left:100%}}@media (min-width: 640px){.hero-banner.svelte-17uonlm{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-xxl)}.hero-mascot.svelte-17uonlm{display:block}.hero-wave.svelte-17uonlm svg:where(.svelte-17uonlm){height:60px}.activities-section.svelte-17uonlm{padding:var(--space-xl) var(--space-lg)}.activities-grid.svelte-17uonlm{gap:var(--space-lg)}.activity-card.svelte-17uonlm{padding:var(--space-xl);min-height:180px}.card-icon-wrapper.svelte-17uonlm{width:80px;height:80px}.card-icon.svelte-17uonlm{font-size:3rem}}@media (min-width: 1024px){.activities-grid.svelte-17uonlm{grid-template-columns:repeat(4,1fr);max-width:900px}.activity-card.svelte-17uonlm{min-height:200px}}@media (prefers-reduced-motion: reduce){.hero-emoji.svelte-17uonlm,.mascot-emoji.svelte-17uonlm,.title-emoji.svelte-17uonlm,.activity-card.svelte-17uonlm,.card-shine.svelte-17uonlm{animation:none}.activity-card.svelte-17uonlm:hover{transform:none}.activity-card.svelte-17uonlm:hover .card-icon-wrapper:where(.svelte-17uonlm){transform:none}}