.video-card.svelte-l6y7q{flex-direction:column;gap:.6rem;display:flex}.preview-wrap.svelte-l6y7q{border:1px solid var(--color-border);background:var(--color-bg-card);aspect-ratio:16/10;border-radius:10px;position:relative;overflow:hidden}.preview-video.svelte-l6y7q{object-fit:cover;width:100%;height:100%;display:block}.preview-overlay.svelte-l6y7q{opacity:0;background:#0d0a1766;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.preview-wrap.svelte-l6y7q:hover .preview-overlay:where(.svelte-l6y7q){opacity:1}.play-btn.svelte-l6y7q{color:#000;cursor:pointer;background:#f5c518f2;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.8rem;font-weight:700;transition:transform .15s,opacity .15s;display:flex}.play-btn.svelte-l6y7q:hover{transform:scale(1.05)}.video-label.svelte-l6y7q{color:var(--color-text-muted);text-align:center;font-size:.8rem;font-weight:600;font-family:var(--font-mono);margin:0}.modal-backdrop.svelte-l6y7q{z-index:200;cursor:pointer;background:#0a0812eb;border:none;position:fixed;inset:0}.modal.svelte-l6y7q{z-index:201;pointer-events:none;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-video.svelte-l6y7q{pointer-events:all;border-radius:10px;width:100%;max-width:min(1100px,95vw);max-height:85vh;box-shadow:0 0 80px #000c}.modal-close.svelte-l6y7q{border:1px solid var(--color-border-light);color:var(--color-text-muted);cursor:pointer;pointer-events:all;background:#1e1a2ee6;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:color .15s;display:flex;position:fixed;top:1.25rem;right:1.5rem}.modal-close.svelte-l6y7q:hover{color:var(--color-text)}.page.svelte-gygcht{padding:7rem 0 5rem}.back.svelte-gygcht{color:var(--color-text-muted);align-items:center;margin-bottom:2.5rem;font-size:.875rem;font-weight:600;transition:color .15s;display:inline-flex}.back.svelte-gygcht:hover{color:var(--color-accent)}.project-header.svelte-gygcht{margin-bottom:3.5rem}.header-meta.svelte-gygcht{align-items:flex-start;gap:1.25rem;margin-bottom:1rem;display:flex}.project-icon.svelte-gygcht{object-fit:cover;border-radius:16px;flex-shrink:0;width:64px;height:64px;margin-top:.25rem}.header-badges.svelte-gygcht{gap:.5rem;margin-bottom:.75rem;display:flex}.badge.svelte-gygcht{text-transform:uppercase;letter-spacing:.1em;background:var(--color-bg-card);color:var(--color-text-muted);border:1px solid var(--color-border);font-size:.65rem;font-weight:700;font-family:var(--font-mono);border-radius:4px;padding:.2rem .6rem}.badge-live.svelte-gygcht{color:#52b76a;background:#52b76a26;border-color:#52b76a4d}.badge-wip.svelte-gygcht{color:var(--color-accent);background:#f5c5181f;border-color:#f5c5184d}.badge-soon.svelte-gygcht{color:#5ba3d9;background:#5ba3d91f;border-color:#5ba3d94d}.title-image.svelte-gygcht{object-fit:contain;width:auto;height:52px}.project-name.svelte-gygcht{letter-spacing:-.04em;color:var(--color-text);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.project-tagline.svelte-gygcht{color:var(--color-text-muted);max-width:600px;margin:0 0 1.75rem;font-size:1.1rem;line-height:1.6}.project-links.svelte-gygcht{flex-wrap:wrap;gap:1rem;display:flex}.btn-primary.svelte-gygcht{background:var(--color-accent);color:#000;border-radius:8px;align-items:center;padding:.65rem 1.4rem;font-size:.875rem;font-weight:700;transition:opacity .15s;display:inline-flex}.btn-primary.svelte-gygcht:hover{opacity:.85}.btn-soon.svelte-gygcht{background:var(--color-bg-card);color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:8px;align-items:center;padding:.65rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.detail-grid.svelte-gygcht{border-top:1px solid var(--color-border);grid-template-columns:1fr 280px;gap:3rem;margin-bottom:3.5rem;padding-top:3rem;display:grid}.detail-heading.svelte-gygcht{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-faint);font-size:1rem;font-weight:700;font-family:var(--font-mono);margin:0 0 1.25rem}.detail-p.svelte-gygcht{color:var(--color-text-muted);margin:0 0 1rem;font-size:.95rem;line-height:1.8}.aside-block.svelte-gygcht{margin-bottom:2rem}.aside-title.svelte-gygcht{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 .75rem;font-size:.7rem;font-weight:700}.tech-list.svelte-gygcht{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tech-item.svelte-gygcht{font-size:.8rem;font-family:var(--font-mono);color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .75rem}.aside-link.svelte-gygcht{color:var(--color-accent);margin-bottom:.5rem;font-size:.875rem;font-weight:600;transition:opacity .15s;display:block}.aside-link.svelte-gygcht:hover{opacity:.75}.videos.svelte-gygcht{border-top:1px solid var(--color-border);margin-bottom:4rem;padding-top:3rem}.videos-grid.svelte-gygcht{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.screenshots.svelte-gygcht{border-top:1px solid var(--color-border);margin-bottom:4rem;padding-top:3rem}.screenshot-row.svelte-gygcht{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:1.5rem;display:flex}.phone-wrap.svelte-gygcht{border:1px solid var(--color-border);border-radius:32px;flex:0 180px;transition:transform .2s;overflow:hidden;transform:scale(.95)}.phone-wrap.svelte-gygcht:hover{transform:scale(1)}.phone-center.svelte-gygcht{border-color:#f5c51859;transform:scale(1.05)}.phone-center.svelte-gygcht:hover{transform:scale(1.08)}.phone-img.svelte-gygcht{width:100%;height:auto;display:block}.features.svelte-gygcht{border-top:1px solid var(--color-border);padding-top:3rem}.features-grid.svelte-gygcht{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.feature-card.svelte-gygcht{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:1.25rem 1.5rem}.feature-title.svelte-gygcht{color:var(--color-text);margin:0 0 .5rem;font-size:.9rem;font-weight:700}.feature-desc.svelte-gygcht{color:var(--color-text-muted);margin:0;font-size:.85rem;line-height:1.6}@media (width<=800px){.detail-grid.svelte-gygcht{grid-template-columns:1fr}.detail-aside.svelte-gygcht{order:-1}}