.project-detail.svelte-gygcht{min-height:100vh;padding:2rem 0}.container.svelte-gygcht{max-width:1200px;margin:0 auto;padding:0 1rem}.breadcrumb.svelte-gygcht{margin-bottom:2rem}.breadcrumb.svelte-gygcht .back-link:where(.svelte-gygcht),.breadcrumb.svelte-gygcht .back-button:where(.svelte-gygcht){background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;text-decoration:none;padding:.5rem 0;display:inline-flex;align-items:center;gap:.5rem;transition:color .2s ease}.breadcrumb.svelte-gygcht .back-link:where(.svelte-gygcht):hover,.breadcrumb.svelte-gygcht .back-button:where(.svelte-gygcht):hover{color:color-mix(in srgb,var(--color-primary),transparent 50%)}.project-header.svelte-gygcht{margin-bottom:3rem}.project-header.svelte-gygcht .project-title:where(.svelte-gygcht){font-size:3rem;color:var(--color-primary);margin-bottom:1rem;line-height:1.2}@media(max-width:768px){.project-header.svelte-gygcht .project-title:where(.svelte-gygcht){font-size:2rem}}.project-header.svelte-gygcht .project-meta:where(.svelte-gygcht){display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.project-header.svelte-gygcht .project-meta:where(.svelte-gygcht) .project-status:where(.svelte-gygcht){padding:.5rem 1rem;border-radius:2rem;font-size:.9rem;font-weight:500;text-transform:capitalize}.project-header.svelte-gygcht .project-meta:where(.svelte-gygcht) .project-status.status-completed:where(.svelte-gygcht){background:#22c55e1a;color:#22c55e}.project-header.svelte-gygcht .project-meta:where(.svelte-gygcht) .project-status.status-development:where(.svelte-gygcht){background:#fbbf241a;color:#fbbf24}.project-header.svelte-gygcht .project-meta:where(.svelte-gygcht) .project-status.status-planning:where(.svelte-gygcht){background:#a855f71a;color:#a855f7}.project-header.svelte-gygcht .project-meta:where(.svelte-gygcht) .featured-badge:where(.svelte-gygcht){padding:.5rem 1rem;background:#3b82f61a;color:var(--color-primary);border-radius:2rem;font-size:.9rem;font-weight:500}.project-header.svelte-gygcht .project-description:where(.svelte-gygcht){font-size:1.2rem;line-height:1.6;color:var(--color-text-secondary)}.project-links.svelte-gygcht{margin-bottom:3rem}.project-links.svelte-gygcht .links-container:where(.svelte-gygcht){display:flex;gap:1rem;flex-wrap:wrap}.project-links.svelte-gygcht .project-link:where(.svelte-gygcht){padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.project-links.svelte-gygcht .project-link.demo-link:where(.svelte-gygcht){background:var(--color-primary);color:#fff}.project-links.svelte-gygcht .project-link.demo-link:where(.svelte-gygcht):hover{background:color-mix(in srgb,var(--color-primary),transparent 50%);transform:translateY(-2px)}.project-links.svelte-gygcht .project-link.github-link:where(.svelte-gygcht){background:transparent;color:var(--color-text-primary);border:2px solid var(--color-border)}.project-links.svelte-gygcht .project-link.github-link:where(.svelte-gygcht):hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.project-content-grid.svelte-gygcht{display:grid;grid-template-columns:2fr 1fr;gap:3rem}@media(max-width:992px){.project-content-grid.svelte-gygcht{grid-template-columns:1fr}}.project-main-content.svelte-gygcht section:where(.svelte-gygcht){margin-bottom:3rem}.project-main-content.svelte-gygcht section:where(.svelte-gygcht) h2:where(.svelte-gygcht){font-size:1.8rem;color:var(--color-primary);margin-bottom:1.5rem;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.technologies-section.svelte-gygcht .tech-grid:where(.svelte-gygcht){display:flex;flex-wrap:wrap;gap:.75rem}.technologies-section.svelte-gygcht .tech-tag:where(.svelte-gygcht){padding:.5rem 1rem;background:#3b82f61a;color:var(--color-primary);border-radius:2rem;font-weight:500;border:1px solid rgba(59,130,246,.2)}.content-section.svelte-gygcht .content-text:where(.svelte-gygcht){line-height:1.8;color:var(--color-text-primary);font-size:1.1rem}.content-section.svelte-gygcht .content-text:where(.svelte-gygcht) h1,.content-section.svelte-gygcht .content-text:where(.svelte-gygcht) h2,.content-section.svelte-gygcht .content-text:where(.svelte-gygcht) h3{color:var(--color-primary);margin-top:2rem;margin-bottom:1rem}.content-section.svelte-gygcht .content-text:where(.svelte-gygcht) p{margin-bottom:1rem}.skills-section.svelte-gygcht .skills-grid:where(.svelte-gygcht){display:flex;flex-wrap:wrap;gap:.75rem}.skills-section.svelte-gygcht .skill-tag:where(.svelte-gygcht){padding:.5rem 1rem;background:#a855f71a;color:#a855f7;border-radius:2rem;font-weight:500;border:1px solid rgba(168,85,247,.2)}.project-sidebar.svelte-gygcht section:where(.svelte-gygcht){background:var(--color-bg-secondary);padding:1.5rem;border-radius:8px;border:1px solid var(--color-border);margin-bottom:2rem}.project-sidebar.svelte-gygcht section:where(.svelte-gygcht) h3:where(.svelte-gygcht){color:var(--color-primary);margin-bottom:1rem;font-size:1.2rem}.timeline-section.svelte-gygcht .timeline-info:where(.svelte-gygcht) .timeline-item:where(.svelte-gygcht){display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-border)}.timeline-section.svelte-gygcht .timeline-info:where(.svelte-gygcht) .timeline-item:where(.svelte-gygcht):last-child{border-bottom:none}.timeline-section.svelte-gygcht .timeline-info:where(.svelte-gygcht) .timeline-item:where(.svelte-gygcht) strong:where(.svelte-gygcht){color:var(--color-text-primary)}.timeline-section.svelte-gygcht .timeline-info:where(.svelte-gygcht) .timeline-item:where(.svelte-gygcht) time:where(.svelte-gygcht){color:var(--color-text-secondary)}.related-section.svelte-gygcht .related-projects:where(.svelte-gygcht){display:flex;flex-direction:column;gap:1rem}.related-section.svelte-gygcht .related-project-card:where(.svelte-gygcht) .related-project-button:where(.svelte-gygcht){width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:1rem;cursor:pointer;text-align:left;transition:all .2s ease}.related-section.svelte-gygcht .related-project-card:where(.svelte-gygcht) .related-project-button:where(.svelte-gygcht):hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.related-section.svelte-gygcht .related-project-card:where(.svelte-gygcht) .related-project-button:where(.svelte-gygcht) h4:where(.svelte-gygcht){color:var(--color-primary);margin-bottom:.5rem;font-size:1rem}.related-section.svelte-gygcht .related-project-card:where(.svelte-gygcht) .related-project-button:where(.svelte-gygcht) p:where(.svelte-gygcht){color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin-bottom:.75rem}.related-section.svelte-gygcht .related-project-card:where(.svelte-gygcht) .related-project-button:where(.svelte-gygcht) .related-tech:where(.svelte-gygcht){display:flex;gap:.5rem;flex-wrap:wrap}.related-section.svelte-gygcht .related-project-card:where(.svelte-gygcht) .related-project-button:where(.svelte-gygcht) .related-tech:where(.svelte-gygcht) .mini-tech-tag:where(.svelte-gygcht){padding:.25rem .5rem;background:#3b82f61a;color:var(--color-primary);border-radius:1rem;font-size:.7rem}@keyframes svelte-gygcht-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}