.blog-container.svelte-y6u5ys.svelte-y6u5ys{position:relative;min-height:100vh;background:linear-gradient(135deg,#0d0c21f2,#2d2957cc);overflow:hidden}.sakura-overlay.svelte-y6u5ys.svelte-y6u5ys{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.15}.blog-content.svelte-y6u5ys.svelte-y6u5ys{position:relative;z-index:2;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;border:1px solid rgba(148,163,184,.2);padding:2rem;box-shadow:0 8px 32px #0000004d}.blog-header.svelte-y6u5ys.svelte-y6u5ys{text-align:center;margin-bottom:2rem}.tech-badge.svelte-y6u5ys.svelte-y6u5ys{display:inline-flex;align-items:center;gap:.5rem;background:#a78bfa33;border:1px solid rgba(167,139,250,.3);color:#c4b5fd;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.blog-title.svelte-y6u5ys.svelte-y6u5ys{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.gradient-text.svelte-y6u5ys.svelte-y6u5ys{background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-description.svelte-y6u5ys.svelte-y6u5ys{font-size:1.125rem;color:#cbd5e1;line-height:1.7;max-width:42rem;margin:0 auto}.tech-stack.svelte-y6u5ys.svelte-y6u5ys{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(148,163,184,.2)}.stack-item.svelte-y6u5ys.svelte-y6u5ys{display:flex;align-items:center;gap:.5rem;background:#4f46e51a;border:1px solid rgba(79,70,229,.3);padding:.5rem 1rem;border-radius:.5rem;color:#c4b5fd;font-size:.875rem;transition:all .2s ease}.stack-item.svelte-y6u5ys.svelte-y6u5ys:hover{background:#4f46e533;transform:translateY(-2px)}.section-title.svelte-y6u5ys.svelte-y6u5ys{font-size:1.75rem;font-weight:700;color:#c4b5fd;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.features-section.svelte-y6u5ys.svelte-y6u5ys,.tech-details.svelte-y6u5ys.svelte-y6u5ys,.status-section.svelte-y6u5ys.svelte-y6u5ys{margin-bottom:2.5rem}.feature-grid.svelte-y6u5ys.svelte-y6u5ys{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.feature-card.svelte-y6u5ys.svelte-y6u5ys{background:#2d295780;border:1px solid rgba(167,139,250,.2);border-radius:.75rem;padding:1.5rem;transition:all .3s ease}.feature-card.svelte-y6u5ys.svelte-y6u5ys:hover{background:#2d2957b3;border-color:#a78bfa66;transform:translateY(-4px)}.feature-icon.svelte-y6u5ys.svelte-y6u5ys{width:3rem;height:3rem;background:linear-gradient(135deg,#a78bfa,#ec4899);border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin-bottom:1rem}.feature-card.svelte-y6u5ys h3.svelte-y6u5ys{font-size:1.25rem;font-weight:600;color:#e0e7ff;margin-bottom:.75rem}.feature-card.svelte-y6u5ys p.svelte-y6u5ys{color:#cbd5e1;line-height:1.6;font-size:.95rem}.detail-card.svelte-y6u5ys.svelte-y6u5ys{background:#2d295780;border:1px solid rgba(167,139,250,.2);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.detail-card.svelte-y6u5ys h3.svelte-y6u5ys{font-size:1.25rem;font-weight:600;color:#c4b5fd;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.detail-card.svelte-y6u5ys ul.svelte-y6u5ys,.detail-card.svelte-y6u5ys ol.svelte-y6u5ys{color:#cbd5e1;line-height:1.8;padding-left:1.5rem}.detail-card.svelte-y6u5ys li.svelte-y6u5ys{margin-bottom:.5rem}.detail-card.svelte-y6u5ys strong.svelte-y6u5ys{color:#e0e7ff}.status-grid.svelte-y6u5ys.svelte-y6u5ys{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.status-item.svelte-y6u5ys.svelte-y6u5ys{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#2d295780;border:1px solid rgba(167,139,250,.2);border-radius:.5rem;font-size:.95rem}.status-item.completed.svelte-y6u5ys.svelte-y6u5ys{color:#86efac;border-color:#86efac4d}.status-item.wip.svelte-y6u5ys.svelte-y6u5ys{color:#fbbf24;border-color:#fbbf244d}.status-item.svelte-y6u5ys i.svelte-y6u5ys{font-size:1.25rem}.project-links.svelte-y6u5ys.svelte-y6u5ys{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.project-link.svelte-y6u5ys.svelte-y6u5ys{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease}.project-link.github.svelte-y6u5ys.svelte-y6u5ys{background:#581c874d;border:1px solid rgba(88,28,135,.5);color:#c4b5fd}.project-link.github.svelte-y6u5ys.svelte-y6u5ys:hover{background:#581c8780;border-color:#581c87b3;transform:translateY(-2px)}.project-link.demo.svelte-y6u5ys.svelte-y6u5ys{background:linear-gradient(135deg,#a78bfa,#ec4899);border:none;color:#fff}.project-link.demo.svelte-y6u5ys.svelte-y6u5ys:hover{transform:translateY(-2px);box-shadow:0 8px 20px #a78bfa66}.back-link.svelte-y6u5ys.svelte-y6u5ys{display:inline-block;color:#a78bfa;text-decoration:none;font-weight:500;padding:.75rem 1.5rem;border-radius:.75rem;background:#4f46e51a;border:1px solid rgba(79,70,229,.3);transition:all .2s ease}.back-link.svelte-y6u5ys.svelte-y6u5ys:hover{background:#4f46e533;border-color:#4f46e580;color:#c4b5fd;transform:translateY(-1px)}@media (max-width: 768px){.blog-content.svelte-y6u5ys.svelte-y6u5ys{padding:1rem}.blog-title.svelte-y6u5ys.svelte-y6u5ys{font-size:2rem}.section-title.svelte-y6u5ys.svelte-y6u5ys{font-size:1.5rem}.feature-grid.svelte-y6u5ys.svelte-y6u5ys,.status-grid.svelte-y6u5ys.svelte-y6u5ys{grid-template-columns:1fr}}