.project-page.svelte-gygcht{max-width:1024px;margin:0 auto;padding:56px 16px 80px}@media(min-width:640px){.project-page.svelte-gygcht{padding:80px 48px 100px}}.project-header.svelte-gygcht{margin-bottom:2rem}.back-link.svelte-gygcht{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:#999;text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.dark .back-link.svelte-gygcht{color:#666}.back-link.svelte-gygcht:hover{color:#111}.dark .back-link.svelte-gygcht:hover{color:#eee}.project-subtitle.svelte-gygcht{font-size:.8rem;color:#999;margin:0 0 8px}.dark .project-subtitle.svelte-gygcht{color:#666}.project-title.svelte-gygcht{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px}.project-desc.svelte-gygcht{font-size:.9rem;color:#666;line-height:1.7;margin:0 0 16px;max-width:640px}.dark .project-desc.svelte-gygcht{color:#999}.project-tags.svelte-gygcht{display:flex;gap:6px;flex-wrap:wrap}.tag.svelte-gygcht{font-size:.65rem;padding:3px 10px;border-radius:20px;background:#f0f0f0;color:#666}.dark .tag.svelte-gygcht{background:#2a2a2a;color:#888}.hero-image.svelte-gygcht{border-radius:12px;overflow:hidden;margin-bottom:3rem}.hero-image.svelte-gygcht img:where(.svelte-gygcht){width:100%;height:auto;display:block;aspect-ratio:2 / 1;object-fit:cover}@media(min-width:640px){.hero-image.svelte-gygcht{margin-bottom:4rem}}.content-row.svelte-gygcht{display:flex;gap:48px}.content-main.svelte-gygcht{flex:1;min-width:0}.content-section.svelte-gygcht{margin-bottom:3rem;scroll-margin-top:100px}.content-section.svelte-gygcht h2:where(.svelte-gygcht){font-size:1.25rem;font-weight:700;margin:0 0 12px;letter-spacing:-.01em}.content-section.svelte-gygcht p:where(.svelte-gygcht){font-size:.9rem;line-height:1.8;color:#555;margin:0}.content-section.svelte-gygcht p:where(.svelte-gygcht)+p:where(.svelte-gygcht),.content-section.svelte-gygcht .content-bullets:where(.svelte-gygcht)+p:where(.svelte-gygcht){margin-top:20px}.content-section.svelte-gygcht p:where(.svelte-gygcht)+.content-bullets:where(.svelte-gygcht){margin-top:8px}.content-section.svelte-gygcht .content-bullets:where(.svelte-gygcht)+.content-bullets:where(.svelte-gygcht){margin-top:16px}.content-section.svelte-gygcht h4{font-size:.95rem;font-weight:600;margin:12px 0 0;color:#333;letter-spacing:-.01em}.content-section.svelte-gygcht h4:first-child,.content-section.svelte-gygcht h2:where(.svelte-gygcht)+h4{margin-top:0}.content-section h4+p{margin-top:4px;font-size:14.4px}.dark .content-section.svelte-gygcht h4{color:#ddd}.content-bullets.svelte-gygcht{list-style:none;padding:0;margin:0}.content-bullets.svelte-gygcht li:where(.svelte-gygcht){font-size:.9rem;line-height:1.8;color:#555;padding-left:1.2em;position:relative;margin-bottom:4px}.content-bullets.svelte-gygcht li:where(.svelte-gygcht):before{content:"•";position:absolute;left:0;color:#999}.dark .content-bullets.svelte-gygcht li:where(.svelte-gygcht){color:#aaa}.dark .content-bullets.svelte-gygcht li:where(.svelte-gygcht):before{color:#666}.dark .content-section.svelte-gygcht p:where(.svelte-gygcht){color:#aaa}.content-section.svelte-gygcht img:where(.svelte-gygcht){border-radius:8px;margin-top:1rem}.section-image.svelte-gygcht{margin-top:20px;border-radius:10px;overflow:hidden;background:#1a1a1a;padding:24px;border:1px solid #2a2a2a}.dark .section-image.svelte-gygcht{background:#141414;border-color:#252525}.section-image.svelte-gygcht img:where(.svelte-gygcht){width:100%;height:auto;display:block;margin:0;border-radius:0;cursor:zoom-in}.content-section .inline-img{width:100%;max-height:280px;object-fit:contain;display:block;border-radius:8px;margin:20px 0;padding:24px 32px 20px;background:#1a1a1a;border:1px solid #2a2a2a;box-sizing:border-box;cursor:zoom-in}.dark .content-section .inline-img{background:#141414;border-color:#252525}.toc-sidebar.svelte-gygcht{display:none;width:200px;flex-shrink:0}@media(min-width:900px){.toc-sidebar.svelte-gygcht{display:block}}.toc-nav.svelte-gygcht{position:sticky;top:100px;display:flex;flex-direction:column;gap:4px}.toc-label.svelte-gygcht{font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:#bbb;margin-bottom:8px}.dark .toc-label.svelte-gygcht{color:#555}.toc-link.svelte-gygcht{font-size:.75rem;color:#999;text-decoration:none;padding:4px 0 4px 12px;border-left:2px solid transparent;text-align:left;background:none;border-top:none;border-right:none;border-bottom:none;cursor:pointer;font-family:inherit;transition:color .15s,border-color .15s}.dark .toc-link.svelte-gygcht{color:#666}.toc-link.svelte-gygcht:hover{color:#555}.dark .toc-link.svelte-gygcht:hover{color:#aaa}.toc-link.active.svelte-gygcht{color:#22c55e;border-left-color:#22c55e;font-weight:500}.dark .toc-link.active.svelte-gygcht{color:#22c55e;border-left-color:#22c55e}.not-found.svelte-gygcht{padding:56px 24px;text-align:center}.not-found.svelte-gygcht a:where(.svelte-gygcht){color:#22c55e;text-decoration:underline}.lightbox.svelte-gygcht{position:fixed;inset:0;z-index:200;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:32px;cursor:zoom-out;animation:svelte-gygcht-lbFade .2s ease-out}@keyframes svelte-gygcht-lbFade{0%{opacity:0}to{opacity:1}}.lightbox.svelte-gygcht img:where(.svelte-gygcht){max-width:90vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 16px 60px #0006}.lightbox-close.svelte-gygcht{position:absolute;top:20px;right:24px;background:none;border:none;font-size:2rem;color:#ffffffb3;cursor:pointer;line-height:1;transition:color .2s}.lightbox-close.svelte-gygcht:hover{color:#fff}