main.svelte-1l8uyzl{max-width:820px;margin:0 auto;padding:0 1rem 4rem}.breadcrumb.svelte-1l8uyzl{font-size:.85rem;color:#888;margin:1.5rem 0 .8rem;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.breadcrumb.svelte-1l8uyzl a:where(.svelte-1l8uyzl){color:#6b70d6;text-decoration:none}.breadcrumb.svelte-1l8uyzl a:where(.svelte-1l8uyzl):hover{text-decoration:underline}.daily.svelte-1l8uyzl{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000000f}.hero.svelte-1l8uyzl{padding:2.6rem 2rem;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.18)}.date-label.svelte-1l8uyzl{margin:0 0 .4rem;font-size:.95rem;opacity:.9;letter-spacing:1px}.hero.svelte-1l8uyzl h1:where(.svelte-1l8uyzl){margin:0;font-size:1.9rem;font-weight:700;line-height:1.3;letter-spacing:-.5px}.tone-tag.svelte-1l8uyzl{margin:.6rem 0 0;font-size:.95rem;opacity:.95}.section.svelte-1l8uyzl{padding:1.8rem 2rem;border-bottom:1px solid #f0f0f5}.section.svelte-1l8uyzl h2:where(.svelte-1l8uyzl){margin:0 0 1rem;font-size:1.25rem;color:#333}.summary.svelte-1l8uyzl{font-size:1.05rem;line-height:1.7;color:#333;margin:0;font-weight:500}.body.svelte-1l8uyzl{font-size:1rem;line-height:1.8;color:#444;margin:0}.color-grid.svelte-1l8uyzl{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.color-item.svelte-1l8uyzl{text-align:center}.swatch.svelte-1l8uyzl{width:100%;aspect-ratio:1;border-radius:14px;box-shadow:inset 0 0 0 1px #0000000f}.color-name.svelte-1l8uyzl{margin-top:.6rem;font-weight:600;color:#333}.color-hex.svelte-1l8uyzl{font-size:.85rem;color:#888;font-family:SF Mono,Menlo,monospace}.cta-section.svelte-1l8uyzl{padding:2.2rem 2rem;text-align:center;background:linear-gradient(180deg,#fff,#f8f8ff)}.cta-section.svelte-1l8uyzl p:where(.svelte-1l8uyzl){margin:0 0 1rem;color:#666}.cta-button.svelte-1l8uyzl{display:inline-block;padding:.9rem 1.8rem;background:linear-gradient(135deg,#7c83fd,#f48fb1);color:#fff;text-decoration:none;border-radius:999px;font-weight:600;box-shadow:0 4px 16px #7c83fd4d;transition:transform .2s}.cta-button.svelte-1l8uyzl:hover{transform:translateY(-2px)}@media (max-width: 600px){.hero.svelte-1l8uyzl{padding:2rem 1rem}.hero.svelte-1l8uyzl h1:where(.svelte-1l8uyzl){font-size:1.5rem}.section.svelte-1l8uyzl{padding:1.4rem 1rem}}