.breadcrumb.svelte-1ti8y5z{max-width:var(--max-width,100%);margin-bottom:2rem}.breadcrumb-list.svelte-1ti8y5z{flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item.svelte-1ti8y5z{align-items:center;display:flex}.breadcrumb-link.svelte-1ti8y5z{color:var(--color-text-secondary);font-family:var(--font-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem 0;font-size:.875rem;text-decoration:none;transition:color .2s}.breadcrumb-link.svelte-1ti8y5z:hover{color:var(--color-primary)}.breadcrumb-current.svelte-1ti8y5z{color:var(--color-text-primary);font-family:var(--font-secondary);font-size:.875rem;font-weight:500}.breadcrumb-separator.svelte-1ti8y5z{color:var(--color-text-tertiary);margin:0 .5rem;font-size:.75rem}@media (width<=768px){.breadcrumb.svelte-1ti8y5z{margin-bottom:1rem}.breadcrumb-list.svelte-1ti8y5z{font-size:.75rem}}.hover-effect.svelte-104lq2r{cursor:pointer;color:var(--color-text);pointer-events:auto;display:inline-block;position:relative}:root{--color-text:var(--color-text-primary)}.sub-header.svelte-12wtfex{text-transform:uppercase;margin-bottom:var(--spacing-md,1rem);font-size:14px;font-weight:800}.horizontal.svelte-12wtfex{flex-direction:row}.date.svelte-12wtfex{margin-left:var(--spacing-md,1rem);opacity:.7;font-weight:100}.grid-container.svelte-12wtfex{max-width:var(--maxwidth,1280px);padding:var(--spacing-2xl,2rem) var(--spacing-2xl,2rem);color:var(--color-text-primary,#fff);gap:var(--spacing-2xl,2rem);margin:0 auto;display:flex}.sub-header.svelte-12wtfex{color:var(--color-accent,#e8ff00)}.col.svelte-12wtfex{flex:1}.list.svelte-12wtfex{margin-top:var(--spacing-sm,.5rem);justify-content:space-between;align-items:center;display:flex}@media (width<=768px){.grid-container.svelte-12wtfex{padding:var(--spacing-xl,1.5rem) var(--spacing-lg,1.5rem);flex-direction:column}.col.svelte-12wtfex{width:auto}}.image-gallery.svelte-13lf4xj{position:relative}.main-image-container.svelte-13lf4xj{border-radius:var(--radius-xl);aspect-ratio:16/9;background:#ffffff0d;position:relative;overflow:hidden}.main-image.svelte-13lf4xj{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition-normal)}.main-image.loading.svelte-13lf4xj{opacity:0}.main-image.loaded.svelte-13lf4xj{opacity:1}.loading-overlay.svelte-13lf4xj{background:#ffffff0d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner.svelte-13lf4xj{border:2px solid var(--color-border-primary);border-top:2px solid var(--color-accent);border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite svelte-13lf4xj-spin}@keyframes svelte-13lf4xj-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-overlay.svelte-13lf4xj{opacity:0;transition:opacity var(--transition-normal);background:linear-gradient(#0000,#0009);align-items:flex-end;display:flex;position:absolute;inset:0}.main-image-container.svelte-13lf4xj:hover .image-overlay:where(.svelte-13lf4xj){opacity:1}.overlay-content.svelte-13lf4xj{padding:var(--spacing-md);color:#fff;width:100%}.image-caption.svelte-13lf4xj{font-size:var(--text-sm);font-weight:var(--font-medium);margin:0 0 var(--spacing-sm) 0}.image-type.svelte-13lf4xj{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;display:inline-block}.nav-arrow.svelte-13lf4xj{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-normal);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow.svelte-13lf4xj:hover:not(:disabled){background:#000000b3;transform:translateY(-50%)scale(1.1)}.nav-arrow.svelte-13lf4xj:disabled{opacity:.5;cursor:not-allowed}.nav-arrow.svelte-13lf4xj:disabled:hover{transform:translateY(-50%)}.prev-arrow.svelte-13lf4xj{left:var(--spacing-sm)}.next-arrow.svelte-13lf4xj{right:var(--spacing-sm)}.fullscreen-button.svelte-13lf4xj{top:var(--spacing-sm);right:var(--spacing-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-normal);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.fullscreen-button.svelte-13lf4xj:hover{background:#000000b3;transform:scale(1.1)}.image-counter.svelte-13lf4xj{top:var(--spacing-sm);left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);background:#00000080;position:absolute}.no-image-placeholder.svelte-13lf4xj{width:100%;height:100%;color:var(--color-text-secondary);justify-content:center;align-items:center;display:flex}.placeholder-content.svelte-13lf4xj{text-align:center;gap:var(--spacing-md);flex-direction:column;display:flex}.placeholder-content.svelte-13lf4xj p:where(.svelte-13lf4xj){font-size:var(--text-base);margin:0}.thumbnails-container.svelte-13lf4xj{margin-top:var(--spacing-md)}.thumbnails-wrapper.svelte-13lf4xj{gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);display:flex;overflow-x:auto}.thumbnail-item.svelte-13lf4xj{border-radius:var(--radius-lg);border:2px solid var(--color-border-primary);width:5rem;height:5rem;transition:all var(--transition-normal);cursor:pointer;background:0 0;flex-shrink:0;padding:0;overflow:hidden}.thumbnail-item.svelte-13lf4xj:hover{border-color:var(--color-accent);transform:scale(1.05)}.thumbnail-item.active.svelte-13lf4xj{border-color:var(--color-accent);box-shadow:0 0 0 2px #e8ff0033}.thumbnail-image.svelte-13lf4xj{object-fit:cover;width:100%;height:100%}.fullscreen-modal.svelte-13lf4xj{z-index:50;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.close-button.svelte-13lf4xj{top:var(--spacing-md);right:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;transition:all var(--transition-normal);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.close-button.svelte-13lf4xj:hover{background:#000000b3;transform:scale(1.1)}.fullscreen-content.svelte-13lf4xj{max-width:100%;max-height:100%;padding:var(--spacing-md);position:relative}.fullscreen-image.svelte-13lf4xj{object-fit:contain;max-width:100%;max-height:100%}.fullscreen-nav.svelte-13lf4xj{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;width:3rem;height:3rem;transition:all var(--transition-normal);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.fullscreen-nav.svelte-13lf4xj:hover:not(:disabled){background:#000000b3;transform:translateY(-50%)scale(1.1)}.fullscreen-nav.svelte-13lf4xj:disabled{opacity:.5;cursor:not-allowed}.fullscreen-nav.svelte-13lf4xj:disabled:hover{transform:translateY(-50%)}.prev-nav.svelte-13lf4xj{left:var(--spacing-md)}.next-nav.svelte-13lf4xj{right:var(--spacing-md)}.fullscreen-caption.svelte-13lf4xj{bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);text-align:center;position:absolute}.caption-text.svelte-13lf4xj{font-size:var(--text-lg);font-weight:var(--font-medium);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);color:#fff;background:#00000080;margin:0;display:inline-block}.thumbnails-wrapper.svelte-13lf4xj::-webkit-scrollbar{height:4px}.thumbnails-wrapper.svelte-13lf4xj::-webkit-scrollbar-track{background:0 0}.thumbnails-wrapper.svelte-13lf4xj::-webkit-scrollbar-thumb{background-color:var(--color-border-primary);border-radius:2px}@media (width<=768px){.main-image-container.svelte-13lf4xj{aspect-ratio:16/9}.thumbnails-wrapper.svelte-13lf4xj{gap:var(--spacing-xs)}.thumbnail-item.svelte-13lf4xj{width:4rem;height:4rem}}@media (width<=480px){.main-image-container.svelte-13lf4xj{aspect-ratio:4/3}.nav-arrow.svelte-13lf4xj{width:2rem;height:2rem}.fullscreen-nav.svelte-13lf4xj{width:2.5rem;height:2.5rem}}:root{--background:var(--color-bg-primary);--foreground:var(--color-text-primary);--muted:var(--color-text-secondary);--muted-foreground:var(--color-text-secondary);--accent:var(--color-accent);--primary:var(--color-primary);--border:var(--color-border-primary);--card:var(--color-bg-secondary)}.empty-state-container.svelte-18elv1k{justify-content:center;align-items:center;min-height:100vh;display:flex}.empty-state-content.svelte-18elv1k{text-align:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.empty-state-title.svelte-18elv1k{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.empty-state-description.svelte-18elv1k{color:var(--color-text-secondary);opacity:.8;margin:0}.portfolio-showcase.svelte-18elv1k{opacity:0;background:var(--color-bg-primary,#000);min-height:100vh;color:var(--color-text-primary,#fff);z-index:1;margin:var(--spacing-3xl);flex-direction:column;transition:all .5s ease-out;display:flex;position:relative;transform:translateY(20px)}.portfolio-showcase.visible.svelte-18elv1k{opacity:1;transform:translateY(0)}.hud-header.svelte-18elv1k{background:var(--color-bg-primary,#000);padding:var(--spacing-xl,1rem) 0rem;outline:none;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hud-nav.svelte-18elv1k{gap:1rem;display:flex}.hud-nav-btn.svelte-18elv1k{width:56px;height:56px;color:var(--color-text-primary,#fff);cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:999px;place-items:center;font-size:1.6rem;transition:transform .15s,border-color .15s,opacity .15s;display:grid}.hud-nav-btn.svelte-18elv1k:hover{border-color:#fff;transform:translateY(-1px)}.hud-nav-btn.svelte-18elv1k:active{transform:translateY(0)}.hud-nav-btn.svelte-18elv1k:disabled{opacity:.35;pointer-events:none}.feature-card.svelte-18elv1k{background:var(--color-accent,#e8ff00);color:#1a1a1a;border-radius:var(--radius-lg);padding:1.4rem;box-shadow:inset 0 0 0 2px #0009,0 3px #00000040}.feature-title.svelte-18elv1k{letter-spacing:.01em;font-size:2.5rem;font-weight:800;line-height:1.1;font-family:var(--font-primary,sans-serif);color:#161616;margin:0 0 .35rem}.feature-sub.svelte-18elv1k{color:#161616;opacity:.9;font-weight:500;font-family:var(--font-secondary,sans-serif);margin:0 0 1rem}.feature-tags.svelte-18elv1k{flex-wrap:wrap;gap:.75rem;display:flex}.tag.svelte-18elv1k{color:#eaeaea;letter-spacing:.01em;border-radius:var(--radius-md,.5rem);font-weight:600;font-size:var(--text-sm,.875rem);background:#0f0f0f;border:1px solid #ffffff14;padding:.55rem .9rem}.showcase-header.svelte-18elv1k{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border-primary,#fff);padding:var(--spacing-2xl,2rem) 0;background:#000000d9;position:sticky;top:0}.header-container.svelte-18elv1k{max-width:var(--container-2xl,1200px);padding:0 var(--spacing-2xl,2rem);margin:0 auto}.header-content.svelte-18elv1k{align-items:center;gap:var(--spacing-xl,1.5rem);text-align:center;flex-direction:column;display:flex}.title-section.svelte-18elv1k{gap:var(--spacing-md,1rem);text-align:left;flex-direction:column;display:flex}.main-title.svelte-18elv1k{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-primary);margin:0;line-height:1.2}.project-info.svelte-18elv1k{gap:var(--spacing-sm);flex-direction:column;display:flex}.project-title.svelte-18elv1k{font-family:var(--font-secondary);font-size:var(--text-2xl);font-weight:var(--font-medium);color:var(--color-accent);margin:0;line-height:1.3}.project-subtitle.svelte-18elv1k{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.project-tags.svelte-18elv1k{justify-content:flex-start;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.category-tag.svelte-18elv1k{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--color-accent);background:#e8ff0033;border:1px solid #e8ff004d;display:inline-flex}.tech-tag.svelte-18elv1k{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--text-xs);border-radius:var(--radius-full);color:var(--color-text-secondary);border:1px solid var(--color-border-primary);background:#ffffff1a;display:inline-flex}.progress-section.svelte-18elv1k{width:100%;max-width:400px}.progress-controls.svelte-18elv1k{align-items:center;gap:var(--spacing-md);display:flex}.autoplay-button.svelte-18elv1k{font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-normal);background:0 0;border:none;padding:0}.autoplay-button.svelte-18elv1k:hover{color:var(--color-accent)}.progress-container.svelte-18elv1k{flex:1}.progress-bar.svelte-18elv1k{background:var(--color-border-primary);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.progress-fill.svelte-18elv1k{background:linear-gradient(90deg, var(--color-accent), var(--color-primary));border-radius:var(--radius-full);height:100%;transition:width .5s;position:relative}.progress-glow.svelte-18elv1k{border-radius:var(--radius-full);background:linear-gradient(90deg,#0000,#ffffff4d);width:20px;height:100%;position:absolute;top:0;right:0}.progress-info.svelte-18elv1k{font-size:var(--text-sm);font-weight:var(--font-medium);align-items:center;gap:var(--spacing-xs);display:flex}.current-page.svelte-18elv1k{color:var(--color-primary);font-weight:var(--font-bold)}.total-pages.svelte-18elv1k{color:var(--color-text-secondary)}.showcase-content.svelte-18elv1k{padding:var(--spacing-sm);flex:1;justify-content:center;align-items:center;display:flex}.content-wrapper.svelte-18elv1k{width:100%;max-width:var(--maxwidth,1280px);margin:0 auto}.content-container.svelte-18elv1k{flex-direction:column;gap:16px;width:100%;display:flex}.content-grid.svelte-18elv1k{gap:var(--spacing-3xl);grid-template-columns:2fr 1fr;align-items:center;display:grid}.hero-section.svelte-18elv1k{width:100%}.placeholder-visual.svelte-18elv1k{aspect-ratio:16/9;border-radius:var(--radius-xl);border:1px solid var(--color-border-primary);background:#ffffff0d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.placeholder-content.svelte-18elv1k{text-align:center;gap:var(--spacing-md);flex-direction:column;display:flex}.placeholder-icon.svelte-18elv1k{border-radius:var(--radius-lg);background:#e8ff0033;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto;display:flex}.placeholder-text.svelte-18elv1k{font-size:var(--text-2xl);color:var(--color-accent)}.placeholder-label.svelte-18elv1k{color:var(--color-text-secondary);margin:0}.info-section.svelte-18elv1k{gap:var(--spacing-xl);flex-direction:column;display:flex}.description-content.svelte-18elv1k{gap:var(--spacing-md);flex-direction:column;display:flex}.project-description.svelte-18elv1k{color:var(--color-text-primary);line-height:1.6;font-size:var(--text-base);margin:0}.outcome-highlight.svelte-18elv1k{padding:var(--spacing-md);border-radius:var(--radius-lg);background:#e8ff001a;border:1px solid #e8ff004d}.outcome-text.svelte-18elv1k{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);margin:0}.metadata-list.svelte-18elv1k{gap:var(--spacing-md);flex-direction:column;display:flex}.metadata-item.svelte-18elv1k{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-primary);justify-content:space-between;display:flex}.metadata-label.svelte-18elv1k{color:var(--color-text-secondary);font-size:var(--text-sm)}.metadata-value.svelte-18elv1k{font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.tech-stack.svelte-18elv1k{text-align:right;max-width:200px}.details-section.svelte-18elv1k{background:0 0;border:none;padding:0}.details-summary.svelte-18elv1k{cursor:pointer;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;color:var(--color-accent);transition:color var(--transition-normal);font-size:var(--text-sm);list-style:none;display:flex}.details-summary.svelte-18elv1k:hover{color:var(--color-primary)}.summary-icon.svelte-18elv1k{transition:transform var(--transition-normal)}.summary-icon.rotated.svelte-18elv1k{transform:rotate(90deg)}.primary-link-section.svelte-18elv1k{margin-top:var(--spacing-lg);justify-content:center;display:flex}.primary-link-button.svelte-18elv1k{align-items:center;gap:var(--spacing-sm,.5rem);padding:var(--spacing-md,1rem) var(--spacing-xl,1.5rem);border-radius:var(--radius-full,9999px);font-size:var(--text-sm,.875rem);font-weight:var(--font-semibold,600);transition:all var(--transition-normal,.3s ease);border:2px solid var(--color-accent,#e8ff00);background:var(--color-accent,#e8ff00);color:#000;text-transform:uppercase;letter-spacing:.5px;justify-content:center;width:100%;text-decoration:none;display:flex}.primary-link-button.svelte-18elv1k:hover{color:var(--color-accent,#e8ff00);background:0 0;transform:translateY(-2px);box-shadow:0 8px 25px #e8ff004d}.primary-link-button.svelte-18elv1k:active{transform:translateY(0)}.details-content.svelte-18elv1k{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);background:#ffffff05}.details-list.svelte-18elv1k{gap:var(--spacing-sm);flex-direction:column;display:flex}.detail-item.svelte-18elv1k{font-size:var(--text-sm);padding:var(--spacing-xs) 0;justify-content:space-between;display:flex}.detail-label.svelte-18elv1k{color:var(--color-text-secondary)}.detail-value.svelte-18elv1k{color:var(--color-text-primary)}.showcase-navigation.svelte-18elv1k{padding:var(--spacing-2xl) 0}.nav-container.svelte-18elv1k{max-width:var(--container-2xl);padding:0 var(--spacing-2xl);align-items:flex-end;gap:var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.nav-buttons.svelte-18elv1k{gap:var(--spacing-md);display:flex}.nav-button.svelte-18elv1k{border:2px solid var(--color-border-primary);border-radius:var(--radius-full);background:var(--color-bg-primary);width:48px;height:48px;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-normal);justify-content:center;align-items:center;padding:0;display:flex}.nav-button.svelte-18elv1k:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent);color:var(--color-bg-primary);transform:scale(1.05)}.nav-button.svelte-18elv1k:disabled{opacity:.4;cursor:not-allowed;border-color:var(--color-border-primary)}.nav-button.svelte-18elv1k:disabled:hover{transform:none}.indicator-container.svelte-18elv1k{justify-content:flex-end;gap:var(--spacing-md);max-width:var(--container-xl);flex-wrap:wrap;display:flex}.project-indicator.svelte-18elv1k{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);font-size:var(--text-sm);transition:all var(--transition-normal);border:1px solid var(--color-border-primary);background:var(--color-bg-primary);color:var(--color-text-secondary);cursor:pointer;display:flex}.project-indicator.svelte-18elv1k:hover{border-color:var(--color-accent);color:var(--color-accent);transform:scale(1.05)}.project-indicator.active.svelte-18elv1k{border-color:var(--color-accent);color:var(--color-accent);background:#e8ff0033}.indicator-dot.svelte-18elv1k{border-radius:50%;flex-shrink:0;width:8px;height:8px}.indicator-text.svelte-18elv1k{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.edge-affordance.svelte-18elv1k{pointer-events:none;width:48px;transition:opacity var(--transition-normal);z-index:0;position:fixed;top:0;bottom:0}.left-affordance.svelte-18elv1k{background:linear-gradient(90deg,#0000004d,#0000);left:0}.right-affordance.svelte-18elv1k{background:linear-gradient(270deg,#0000004d,#0000);right:0}:root{--gutter-l:calc(1rem + env(safe-area-inset-left));--gutter-r:calc(1rem + env(safe-area-inset-right))}@media (width<=480px){:root{--gutter-l:calc(.75rem + env(safe-area-inset-left));--gutter-r:calc(.75rem + env(safe-area-inset-right))}}@media (width<=768px){.hud-header.svelte-18elv1k{padding:.9rem var(--gutter-r) .25rem var(--gutter-l)}.hud-nav.svelte-18elv1k{gap:.5rem}.hud-nav-btn.svelte-18elv1k{width:44px;height:44px;font-size:1.2rem}}@media (width<=480px){.hud-header.svelte-18elv1k{padding:.75rem var(--gutter-r) 0 var(--gutter-l)}.hud-nav-btn.svelte-18elv1k{width:40px;height:40px;font-size:1.1rem}}@media (width<=768px){.feature-card.svelte-18elv1k{border-radius:.5rem;margin:0 2rem;padding:.9rem 1rem}.feature-title.svelte-18elv1k{margin-bottom:.25rem;font-size:1.35rem}.feature-sub.svelte-18elv1k{margin-bottom:.7rem;font-size:.95rem}.feature-tags.svelte-18elv1k{gap:.5rem}.tag.svelte-18elv1k{border-radius:.4rem;padding:.45rem .7rem;font-size:.8rem}}@media (width<=480px){.feature-card.svelte-18elv1k{border-radius:.4rem;margin:0 2rem;padding:.75rem .9rem}.feature-title.svelte-18elv1k{font-size:1.15rem}.feature-sub.svelte-18elv1k{font-size:.85rem}.tag.svelte-18elv1k{padding:.4rem .6rem;font-size:.75rem}}@media (width<=768px){.content-wrapper.svelte-18elv1k{max-width:100%;margin:0}.content-container.svelte-18elv1k{max-width:100%}.content-grid.svelte-18elv1k{grid-template-columns:1fr;align-items:start;gap:1.25rem}.hero-section.svelte-18elv1k{order:0}.info-section.svelte-18elv1k{order:1}.placeholder-visual.svelte-18elv1k{aspect-ratio:4/3;border-radius:.5rem}.metadata-list.svelte-18elv1k{grid-template-columns:1fr 1fr;gap:.5rem .75rem;display:grid}.metadata-item.svelte-18elv1k{border-bottom:0;padding:0}.metadata-label.svelte-18elv1k{font-size:.85rem}.metadata-value.svelte-18elv1k{text-align:right;font-size:.9rem}}@media (width<=480px){.placeholder-visual.svelte-18elv1k{aspect-ratio:1}.metadata-list.svelte-18elv1k{grid-template-columns:1fr}.metadata-value.svelte-18elv1k{text-align:right}}.feature-title.svelte-18elv1k,.feature-sub.svelte-18elv1k{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feature-tags.svelte-18elv1k{scrollbar-width:none;overflow-x:auto}.feature-tags.svelte-18elv1k::-webkit-scrollbar{display:none}@media (width<=480px){.edge-affordance.svelte-18elv1k{width:32px}}@media (width<=1024px){.header-container.svelte-18elv1k,.nav-container.svelte-18elv1k{padding:0 var(--spacing-xl)}.main-title.svelte-18elv1k{font-size:var(--text-3xl)}.project-title.svelte-18elv1k{font-size:var(--text-xl)}}@media (width<=768px){.portfolio-showcase.svelte-18elv1k{padding:var(--spacing-sm);margin:auto}:root{--mobile-gutter:calc(1rem + env(safe-area-inset-left));--mobile-gutter-r:calc(1rem + env(safe-area-inset-right))}.hud-header.svelte-18elv1k{padding:1rem var(--mobile-gutter) .25rem var(--mobile-gutter);max-width:100%}.hud-nav.svelte-18elv1k{gap:.5rem}.hud-nav-btn.svelte-18elv1k{width:44px;height:44px;font-size:1.2rem}.feature-card.svelte-18elv1k{border-radius:.5rem;max-width:100%;margin:0;padding:.9rem 1rem}.feature-title.svelte-18elv1k{margin-bottom:.25rem;font-size:1.35rem}.feature-sub.svelte-18elv1k{margin-bottom:.75rem;font-size:.95rem}.feature-tags.svelte-18elv1k{gap:.5rem}.tag.svelte-18elv1k{border-radius:.4rem;padding:.45rem .7rem;font-size:.8rem}.content-wrapper.svelte-18elv1k{max-width:100%;margin:0}.content-container.svelte-18elv1k{max-width:100%}.content-grid.svelte-18elv1k{grid-template-columns:1fr;align-items:start;gap:1.25rem}.hero-section.svelte-18elv1k{order:0}.info-section.svelte-18elv1k{order:1}.placeholder-visual.svelte-18elv1k{aspect-ratio:4/3;border-radius:.5rem}.metadata-list.svelte-18elv1k{grid-template-columns:1fr 1fr;gap:.5rem .75rem;display:grid}.metadata-item.svelte-18elv1k{border-bottom:none;padding:0}.metadata-label.svelte-18elv1k{font-size:.85rem}.metadata-value.svelte-18elv1k{text-align:right;font-size:.9rem}.details-summary.svelte-18elv1k{padding:.5rem 0;font-size:.9rem}.details-content.svelte-18elv1k{padding:.75rem}.primary-link-section.svelte-18elv1k{margin-top:var(--spacing-md)}.primary-link-button.svelte-18elv1k{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--text-xs);min-width:140px}}@media (width<=480px){.portfolio-showcase.svelte-18elv1k{margin:var(--spacing-md)}:root{--mobile-gutter:calc(.75rem + env(safe-area-inset-left));--mobile-gutter-r:calc(.75rem + env(safe-area-inset-right))}.hud-header.svelte-18elv1k{padding:.75rem var(--mobile-gutter) 0 var(--mobile-gutter);max-width:100%}.hud-nav-btn.svelte-18elv1k{width:40px;height:40px;font-size:1.1rem}.feature-card.svelte-18elv1k{border-radius:.4rem;max-width:100%;margin:0;padding:.75rem .9rem}.feature-title.svelte-18elv1k{font-size:1.15rem}.feature-sub.svelte-18elv1k{font-size:.85rem}.tag.svelte-18elv1k{padding:.4rem .6rem;font-size:.75rem}.primary-link-section.svelte-18elv1k{margin:var(--spacing-sm) var(--mobile-gutter) 0 var(--mobile-gutter)}.primary-link-button.svelte-18elv1k{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--text-xs);min-width:120px}.content-container.svelte-18elv1k{max-width:100%}.placeholder-visual.svelte-18elv1k{aspect-ratio:1}.metadata-list.svelte-18elv1k{grid-template-columns:1fr}.metadata-value.svelte-18elv1k{text-align:right}.edge-affordance.svelte-18elv1k{width:32px}}.nav-button.svelte-18elv1k:focus,.project-indicator.svelte-18elv1k:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-contrast:high){.progress-fill.svelte-18elv1k{background:var(--color-primary)}.project-indicator.active.svelte-18elv1k{background:var(--color-primary);color:var(--color-bg-primary)}}@media (prefers-reduced-motion:reduce){.portfolio-showcase.svelte-18elv1k,.nav-button.svelte-18elv1k,.project-indicator.svelte-18elv1k,.progress-fill.svelte-18elv1k{transition:none}.portfolio-showcase.visible.svelte-18elv1k{transform:none}}.transition-container.svelte-12whir8{width:100%;height:100vh;color:var(--text-color,#fff);position:relative;overflow:hidden}.svg-background.svelte-12whir8{z-index:1;justify-content:center;align-items:flex-end;width:100%;height:100%;transition:opacity .8s ease-in-out;display:flex;position:absolute;bottom:0;right:0}.state-diagram.svelte-12whir8{object-fit:contain;width:80%;max-width:600px;height:80%;max-height:600px;transition:all .3s}.dial-overlay.svelte-12whir8{z-index:999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.dial-overlay.svelte-12whir8 *{pointer-events:auto}.dial-container.svelte-12whir8{z-index:1000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dial-container.svelte-12whir8 .interactive-dial-container{width:100%;height:100%;position:relative}@keyframes svelte-12whir8-flicker-green-red{0%,to{filter:hue-rotate()brightness()saturate()}16.67%{filter:hue-rotate(120deg)brightness(1.3)saturate(1.8)}33.33%{filter:hue-rotate()brightness()saturate()}50%{filter:hue-rotate(120deg)brightness(1.3)saturate(1.8)}66.67%{filter:hue-rotate()brightness()saturate()}83.33%{filter:hue-rotate(120deg)brightness(1.3)saturate(1.8)}}@media (width<=768px){.transition-container.svelte-12whir8{height:100vh}}.loader-overlay.svelte-li6gfl{z-index:9999;background-color:#000000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader.svelte-li6gfl{aspect-ratio:1;filter:drop-shadow(0 0 10px #e8ff004d);border-radius:50%;width:50px;animation:7s infinite svelte-li6gfl-l11;position:relative;box-shadow:inset 0 0 0 3px #e8ff00}.loader.svelte-li6gfl:before,.loader.svelte-li6gfl:after{content:"";box-shadow:inherit;aspect-ratio:1;transform-origin:50% -28px;border-radius:50%;width:25px;animation:1.5s infinite svelte-li6gfl-l11;position:absolute;top:calc(100% + 3px);left:calc(50% - 12.5px)}.loader.svelte-li6gfl:after{animation-delay:-.75s}@keyframes svelte-li6gfl-l11{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader--primary.svelte-li6gfl{filter:drop-shadow(0 0 10px #f33b3b4d);box-shadow:inset 0 0 0 3px #f33b3b}.loader--secondary.svelte-li6gfl{filter:drop-shadow(0 0 10px #2c5aa04d);box-shadow:inset 0 0 0 3px #2c5aa0}.loader--white.svelte-li6gfl{filter:drop-shadow(0 0 10px #ffffff4d);box-shadow:inset 0 0 0 3px #fff}.loader--small.svelte-li6gfl{width:30px}.loader--small.svelte-li6gfl:before,.loader--small.svelte-li6gfl:after{transform-origin:50% -18px;width:15px;left:calc(50% - 7.5px)}.loader--large.svelte-li6gfl{width:80px}.loader--large.svelte-li6gfl:before,.loader--large.svelte-li6gfl:after{transform-origin:50% -48px;width:40px;left:calc(50% - 20px)}.loader-text.svelte-li6gfl{color:#fff;text-align:center;margin-top:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}.site-nav.svelte-1rinlnw{z-index:var(--z-sticky,1020);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-border-primary,#262626);font-family:var(--font-secondary,"Oxanium", sans-serif);background:#000000d9;justify-content:center;align-items:center;gap:.25rem;padding:.625rem 1rem;transition:transform .3s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.site-nav.visible.svelte-1rinlnw{transform:translateY(0)}button.svelte-1rinlnw,a.svelte-1rinlnw{all:unset;cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary,#a3a3a3);border-radius:var(--radius-sm,2px);padding:.25rem .625rem;font-size:.75rem;font-weight:500;transition:color .2s,background .2s}button.svelte-1rinlnw:hover,a.svelte-1rinlnw:hover{color:var(--color-text-primary,#fff)}button.svelte-1rinlnw:focus-visible,a.svelte-1rinlnw:focus-visible{outline:2px solid var(--color-accent,#e8ff00);outline-offset:2px}button.active.svelte-1rinlnw{color:var(--color-accent,#e8ff00)}.divider.svelte-1rinlnw{color:var(--color-border-secondary,#404040);-webkit-user-select:none;user-select:none;font-size:.75rem}:root{--color-background:var(--color-bg-primary);--color-text:var(--color-text-primary);--background:var(--color-bg-primary);--text:var(--color-text-primary);--primary:var(--color-accent);--success:var(--color-success);--error:var(--color-error)}.transition-overlay.svelte-1m668wg{z-index:100;pointer-events:none;width:100%;height:100vh;position:absolute;top:0;left:0}.transition-overlay.svelte-1m668wg *{pointer-events:auto}.input-field.svelte-1m668wg{z-index:1001;text-align:center;border-radius:100px;justify-content:center;margin:auto;transition:transform .1s ease-out;display:flex;bottom:5vw;left:0;right:0}.footer.svelte-1m668wg{max-width:var(--maxwidth);z-index:100;background:0 0;align-items:flex-end;gap:15px;margin:auto;display:flex;position:absolute;bottom:40px;left:0;right:0;overflow:visible}.footer.svelte-1m668wg img:where(.svelte-1m668wg){transition:transform .1s ease-out}.reflect.svelte-1m668wg{object-position:15% 100%;transform:scaleX(-1)}.ui-01.svelte-1m668wg{object-fit:fill;object-position:15% 100%;filter:brightness(0)saturate()hue-rotate(180deg)brightness(1.5);height:28px}.ui-02.svelte-1m668wg{object-fit:fill;filter:brightness(0)saturate()hue-rotate(180deg)brightness(1.5);max-height:120px}.icon.svelte-1m668wg{border:1px solid #e8ff00;border-radius:100px;max-width:200px}@keyframes svelte-1m668wg-grow{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes svelte-1m668wg-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radical.svelte-1m668wg{opacity:.2;z-index:5;filter:invert();animation:2s ease-out svelte-1m668wg-grow,20s infinite reverse svelte-1m668wg-rotate;position:absolute;scale:1.5}.number-ring.svelte-1m668wg{opacity:.4;z-index:6;filter:invert();width:90vw;margin:auto;animation:2s ease-out svelte-1m668wg-grow,300s linear infinite svelte-1m668wg-rotate;position:absolute;left:0;right:0}.ring01.svelte-1m668wg{opacity:.5;z-index:7;filter:invert();width:50vw;max-width:600px;margin:auto;position:absolute;left:0;right:0}canvas.svelte-1m668wg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.title.svelte-1m668wg{z-index:15;justify-content:center;align-items:center;transition:transform .1s ease-out,opacity .1s ease-out;display:flex;position:absolute;inset:0}.home-container.svelte-1m668wg{height:100vh;color:var(--color-text);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.content-section.svelte-1m668wg{z-index:20;background:var(--color-background);min-height:100vh;color:var(--color-text);position:relative}.title-img.svelte-1m668wg{z-index:20;opacity:.9;filter:invert()brightness(1.2)contrast(1.1);width:auto;max-width:500px;height:auto;max-height:500px}.error-message.svelte-1m668wg{color:red;z-index:1000;background:#ff00001a;border-radius:4px;padding:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audio-status.svelte-1m668wg{z-index:1000;color:#fff;background:#000c;border-radius:8px;padding:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;display:none;position:fixed;top:20px;left:20px}.audio-indicator.svelte-1m668wg{color:#6324f8;margin-bottom:8px;font-weight:700}.audio-levels.svelte-1m668wg{gap:15px;font-size:12px;display:flex}.audio-levels.svelte-1m668wg span:where(.svelte-1m668wg){background:#ffffff1a;border-radius:4px;padding:4px 8px}@media (width<=800px){.footer.svelte-1m668wg{max-width:var(--maxwidth);z-index:100;background:0 0;justify-content:center;align-items:center;gap:15px;margin:auto;display:flex;position:absolute;bottom:40px;left:0;right:0;overflow:visible}.ui-01.svelte-1m668wg{object-fit:fill;object-position:15% 100%;height:28px;display:none}.ui-02.svelte-1m668wg{object-fit:fill;max-height:50px}}.text-muted{color:var(--text-secondary)}.figma-embed-container.svelte-c0ngjz{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.figma-embed-container.svelte-c0ngjz:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.figma-header.svelte-c0ngjz{background:var(--color-background,#f9fafb);border-bottom:1px solid var(--color-border,#e5e7eb);justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex}.figma-info.svelte-c0ngjz{flex:1}.figma-title.svelte-c0ngjz{color:var(--color-text,#111827);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.figma-description.svelte-c0ngjz{color:var(--color-text-muted,#6b7280);margin:0;font-size:.875rem;line-height:1.5}.figma-controls.svelte-c0ngjz{gap:.5rem;display:flex}.figma-control-btn.svelte-c0ngjz{background:var(--color-accent,#3b82f6);color:#fff;cursor:pointer;touch-action:manipulation;border:none;border-radius:6px;align-items:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.figma-control-btn.svelte-c0ngjz:hover{background:var(--color-accent-dark,#2563eb);transform:translateY(-1px)}.figma-embed-wrapper.svelte-c0ngjz{background:var(--color-background,#fff);position:relative}.figma-iframe.svelte-c0ngjz{border:none;width:100%;display:block}.figma-loading.svelte-c0ngjz{height:100%;color:var(--color-text-muted,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner.svelte-c0ngjz{border:3px solid var(--color-border,#e5e7eb);border-top:3px solid var(--color-accent,#3b82f6);border-radius:50%;width:32px;height:32px;animation:1s linear infinite svelte-c0ngjz-spin}@keyframes svelte-c0ngjz-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.figma-error.svelte-c0ngjz{text-align:center;height:100%;color:var(--color-text-muted,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.figma-error.svelte-c0ngjz h4:where(.svelte-c0ngjz){color:var(--color-error,#ef4444);margin:0;font-size:1.125rem}.figma-error.svelte-c0ngjz p:where(.svelte-c0ngjz){margin:0;font-size:.875rem;line-height:1.5}.figma-fallback-btn.svelte-c0ngjz{background:var(--color-accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.figma-fallback-btn.svelte-c0ngjz:hover{background:var(--color-accent-dark,#2563eb)}.figma-preview-card.svelte-c0ngjz{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);justify-content:center;align-items:center;height:100%;display:flex}.preview-content.svelte-c0ngjz{text-align:center;padding:2rem}.preview-content.svelte-c0ngjz h4:where(.svelte-c0ngjz){color:var(--color-text,#111827);margin:1rem 0 .5rem;font-size:1.125rem}.preview-content.svelte-c0ngjz p:where(.svelte-c0ngjz){color:var(--color-text-muted,#6b7280);margin:0 0 1.5rem;font-size:.875rem}.figma-preview-btn.svelte-c0ngjz{background:var(--color-accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.figma-preview-btn.svelte-c0ngjz:hover{background:var(--color-accent-dark,#2563eb);transform:translateY(-1px)}.figma-footer.svelte-c0ngjz{background:var(--color-background,#f9fafb);border-top:1px solid var(--color-border,#e5e7eb);padding:.75rem 1.5rem}.figma-attribution.svelte-c0ngjz{color:var(--color-text-muted,#6b7280);align-items:center;gap:.5rem;font-size:.75rem;display:flex}@media (width<=768px){.figma-embed-container.svelte-c0ngjz{margin:var(--spacing-sm);border-radius:8px}.figma-header.svelte-c0ngjz{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.figma-title.svelte-c0ngjz{font-size:1.125rem}.figma-description.svelte-c0ngjz{font-size:.8rem}.figma-controls.svelte-c0ngjz{justify-content:center}.figma-control-btn.svelte-c0ngjz{padding:.4rem .8rem;font-size:.8rem}.figma-embed-wrapper.svelte-c0ngjz{height:350px!important}.figma-footer.svelte-c0ngjz{padding:.5rem 1rem}.figma-attribution.svelte-c0ngjz{font-size:.7rem}}@media (width<=480px){.figma-embed-container.svelte-c0ngjz{margin:var(--spacing-xs);width:calc(100vw - 2 * var(--spacing-xs));border-radius:6px;max-width:100%}.figma-header.svelte-c0ngjz{gap:.5rem;padding:.75rem}.figma-title.svelte-c0ngjz{font-size:1rem}.figma-description.svelte-c0ngjz{font-size:.75rem}.figma-control-btn.svelte-c0ngjz{padding:.35rem .7rem;font-size:.75rem}.figma-embed-wrapper.svelte-c0ngjz{height:300px!important}.figma-footer.svelte-c0ngjz{padding:.4rem .75rem}.figma-attribution.svelte-c0ngjz{font-size:.65rem}.figma-preview-card.svelte-c0ngjz{padding:1rem}.preview-content.svelte-c0ngjz h4:where(.svelte-c0ngjz){font-size:1rem}.preview-content.svelte-c0ngjz p:where(.svelte-c0ngjz){font-size:.8rem}.figma-preview-btn.svelte-c0ngjz{padding:.6rem 1.2rem;font-size:.8rem}}@media (prefers-color-scheme:dark){.figma-embed-container.svelte-c0ngjz{background:var(--color-surface-dark,#1f2937);border-color:var(--color-border-dark,#374151)}.figma-header.svelte-c0ngjz{background:var(--color-background-dark,#111827);border-color:var(--color-border-dark,#374151)}.figma-title.svelte-c0ngjz{color:var(--color-text-dark,#f9fafb)}.figma-description.svelte-c0ngjz{color:var(--color-text-muted-dark,#9ca3af)}.figma-preview-card.svelte-c0ngjz{background:linear-gradient(135deg,#374151 0%,#4b5563 100%)}}.figma-link-button.svelte-vdqcps{background:var(--color-accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.figma-link-button.svelte-vdqcps:hover{background:var(--color-accent-dark,#2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.figma-link-button.size-sm.svelte-vdqcps{padding:.5rem 1rem;font-size:.875rem}.figma-link-button.size-md.svelte-vdqcps{padding:.75rem 1.5rem;font-size:1rem}.figma-link-button.size-lg.svelte-vdqcps{padding:1rem 2rem;font-size:1.125rem}.figma-link-card.svelte-vdqcps{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;color:inherit;border-radius:12px;justify-content:space-between;align-items:center;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.figma-link-card.svelte-vdqcps:hover{border-color:var(--color-accent,#3b82f6);transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.card-header.svelte-vdqcps{flex:1;align-items:flex-start;gap:1rem;display:flex}.card-icon.svelte-vdqcps{background:var(--color-accent-light,#dbeafe);width:48px;height:48px;color:var(--color-accent,#3b82f6);border-radius:8px;justify-content:center;align-items:center;display:flex}.card-content.svelte-vdqcps{flex:1}.card-title.svelte-vdqcps{color:var(--color-text,#111827);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.card-description.svelte-vdqcps{color:var(--color-text-muted,#6b7280);margin:0 0 .5rem;font-size:.875rem;line-height:1.4}.card-url.svelte-vdqcps{color:var(--color-text-muted,#6b7280);font-family:monospace;font-size:.75rem}.card-arrow.svelte-vdqcps{color:var(--color-text-muted,#6b7280);transition:all .2s}.figma-link-card.svelte-vdqcps:hover .card-arrow:where(.svelte-vdqcps){color:var(--color-accent,#3b82f6);transform:translate(4px)}.figma-link-inline.svelte-vdqcps{color:var(--color-accent,#3b82f6);align-items:center;gap:.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.figma-link-inline.svelte-vdqcps:hover{color:var(--color-accent-dark,#2563eb);text-decoration:underline}@media (width<=768px){.figma-link-card.svelte-vdqcps{padding:1rem}.card-header.svelte-vdqcps{gap:.75rem}.card-icon.svelte-vdqcps{width:40px;height:40px}.card-title.svelte-vdqcps{font-size:1rem}}@media (prefers-color-scheme:dark){.figma-link-card.svelte-vdqcps{background:var(--color-surface-dark,#1f2937);border-color:var(--color-border-dark,#374151)}.figma-link-card.svelte-vdqcps:hover{border-color:var(--color-accent,#3b82f6)}.card-icon.svelte-vdqcps{background:var(--color-accent-dark,#1e40af)}.card-title.svelte-vdqcps{color:var(--color-text-dark,#f9fafb)}.card-description.svelte-vdqcps,.card-url.svelte-vdqcps,.card-arrow.svelte-vdqcps{color:var(--color-text-muted-dark,#9ca3af)}}.group.svelte-4mgjzd:hover{transition:transform .2s;transform:scale(1.02)}.scale-in.svelte-4mgjzd{transform:scale(1)}.floating-toc.svelte-126tlp2{z-index:9999;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.toc-dashes.svelte-126tlp2{cursor:pointer;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.toc-dash.svelte-126tlp2{width:var(--dash-length);cursor:pointer;background-color:#e5e7eb;border-radius:1px;height:2px;transition:all .2s}.toc-dash.svelte-126tlp2:hover{background-color:var(--accent-color);transform:scaleX(1.2)}.toc-dash.active.svelte-126tlp2{background-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color)}.toc-expanded.svelte-126tlp2{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:12px;width:auto;min-width:240px;max-width:400px;margin-left:16px;padding:16px;animation:.2s ease-out svelte-126tlp2-slideIn;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes svelte-126tlp2-slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toc-header.svelte-126tlp2{border-bottom:1px solid #0000001a;margin-bottom:12px;padding-bottom:8px}.toc-title.svelte-126tlp2{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.toc-sections.svelte-126tlp2{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:400px;display:flex;overflow-y:auto}.toc-sections.svelte-126tlp2::-webkit-scrollbar{width:4px}.toc-sections.svelte-126tlp2::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.toc-sections.svelte-126tlp2::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.toc-section.svelte-126tlp2{transition:all .2s}.toc-section.level-1.svelte-126tlp2{margin-left:0}.toc-section.level-2.svelte-126tlp2{margin-left:16px}.toc-section.level-3.svelte-126tlp2{margin-left:32px}.toc-link.svelte-126tlp2{color:inherit;border-radius:8px;flex-direction:column;padding:8px 12px;text-decoration:none;transition:all .2s;display:flex}.toc-link.svelte-126tlp2:hover{background-color:#0000000d}.toc-text.svelte-126tlp2{color:#374151;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.toc-subtitle.svelte-126tlp2{color:#6b7280;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;line-height:1.3}.toc-section.active.svelte-126tlp2 .toc-link:where(.svelte-126tlp2){border-left:3px solid var(--accent-color);background-color:#e8ff001a;padding-left:9px}.toc-section.active.svelte-126tlp2 .toc-text:where(.svelte-126tlp2){color:#111827;font-weight:600}@media (width<=768px){.floating-toc.svelte-126tlp2{right:16px}.toc-expanded.svelte-126tlp2{min-width:200px;max-width:350px}}@media (prefers-color-scheme:dark){.toc-expanded.svelte-126tlp2{background:#111827f2;border-color:#ffffff1a}.toc-title.svelte-126tlp2{color:#9ca3af}.toc-text.svelte-126tlp2{color:#d1d5db}.toc-subtitle.svelte-126tlp2{color:#9ca3af}.toc-section.active.svelte-126tlp2 .toc-text:where(.svelte-126tlp2){color:#f9fafb}.toc-link.svelte-126tlp2:hover{background-color:#ffffff0d}}.scroll-sidebar.svelte-1sr2xyc{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000000d;border-radius:12px;flex-direction:column;gap:1rem;width:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative;box-shadow:0 8px 32px #0000001a}.sidebar-title.svelte-1sr2xyc{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.sidebar-title.svelte-1sr2xyc h3:where(.svelte-1sr2xyc){color:#000;margin:0;font-size:1rem;font-weight:600}.progress-text.svelte-1sr2xyc{color:#666;font-family:JetBrains Mono,monospace;font-size:.75rem}.scroll-sidebar.svelte-1sr2xyc:hover{background:#fffffffa;box-shadow:0 12px 40px #00000026}.progress-container.svelte-1sr2xyc{flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}.progress-bar.svelte-1sr2xyc{background:#f0f0f0;border-radius:2px;width:100%;height:4px;position:relative;overflow:hidden}.progress-fill.svelte-1sr2xyc{height:100%;transition:width .3s;position:absolute;top:0;left:0}.section-markers.svelte-1sr2xyc{flex-direction:column;gap:.75rem;display:flex}.section-marker.svelte-1sr2xyc{cursor:pointer;color:inherit;background:0 0;border:1px solid #e5e5e5;border-radius:8px;outline:none;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.section-marker.svelte-1sr2xyc:hover,.section-marker.active.svelte-1sr2xyc{background:#0000000d;transform:translate(4px)}.marker-dot.svelte-1sr2xyc{border-radius:50%;width:12px;height:12px;transition:all .2s}.section-marker.active.svelte-1sr2xyc .marker-dot:where(.svelte-1sr2xyc){transform:scale(1.2)}.marker-label.svelte-1sr2xyc{flex:1;align-items:center;display:flex}.section-title.svelte-1sr2xyc{color:#000;font-size:.875rem;font-weight:500;line-height:1.2}.section-marker.active.svelte-1sr2xyc .section-title:where(.svelte-1sr2xyc){color:#000;font-weight:600}@media (width<=768px){.scroll-sidebar.svelte-1sr2xyc{padding:1rem}.section-marker.svelte-1sr2xyc{padding:.5rem .75rem}.section-title.svelte-1sr2xyc{font-size:.8rem}}.figma-section.svelte-nnzphi{width:1200px;max-width:90vw;margin:3rem 0}.figma-empty.svelte-nnzphi{text-align:center;color:var(--color-text-muted,#6b7280);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.figma-empty.svelte-nnzphi h3:where(.svelte-nnzphi){color:var(--color-text,#111827);margin:1rem 0 .5rem}.figma-tabs.svelte-nnzphi{border:1px solid var(--color-border,#e5e7eb);border-radius:12px;overflow:hidden}.tab-headers.svelte-nnzphi{background:var(--color-background,#f9fafb);border-bottom:1px solid var(--color-border,#e5e7eb);display:flex}.tab-header.svelte-nnzphi{color:var(--color-text-muted,#6b7280);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.tab-header.svelte-nnzphi:hover{color:var(--color-text,#111827);background:var(--color-surface,#fff)}.tab-header.active.svelte-nnzphi{color:var(--color-accent,#3b82f6);border-bottom-color:var(--color-accent,#3b82f6);background:var(--color-surface,#fff)}.tab-count.svelte-nnzphi{opacity:.7;font-size:.75rem}.tab-panel.svelte-nnzphi{padding:2rem}.figma-carousel.svelte-nnzphi{border:1px solid var(--color-border,#e5e7eb);border-radius:12px;position:relative;overflow:hidden}.carousel-controls.svelte-nnzphi{z-index:10;pointer-events:none;justify-content:space-between;padding:0 1rem;display:flex;position:absolute;top:50%;left:0;right:0}.carousel-btn.svelte-nnzphi{border:1px solid var(--color-border,#e5e7eb);width:40px;height:40px;color:var(--color-text,#111827);cursor:pointer;pointer-events:auto;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.carousel-btn.svelte-nnzphi:hover:not(:disabled){background:#fff;transform:scale(1.1)}.carousel-btn.svelte-nnzphi:disabled{opacity:.5;cursor:not-allowed}.carousel-track.svelte-nnzphi{position:relative;overflow:hidden}.carousel-slide.svelte-nnzphi{transition:opacity .3s;display:none}.carousel-slide.active.svelte-nnzphi{display:block}.carousel-indicators.svelte-nnzphi{background:var(--color-background,#f9fafb);justify-content:center;gap:.5rem;padding:1rem;display:flex}.indicator.svelte-nnzphi{background:var(--color-border,#e5e7eb);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .2s}.indicator.active.svelte-nnzphi{background:var(--color-accent,#3b82f6);transform:scale(1.2)}.figma-grid.svelte-nnzphi{grid-template-columns:1fr;gap:2rem;width:100%;display:grid}.figma-grid-item.svelte-nnzphi{transition:transform .3s}.figma-grid-item.svelte-nnzphi:hover{transform:translateY(-4px)}@media (width<=768px){.figma-section.svelte-nnzphi{width:100%;max-width:100%;margin:3rem 0}.figma-grid.svelte-nnzphi{grid-template-columns:1fr;gap:1.5rem}.tab-headers.svelte-nnzphi{flex-wrap:wrap}.tab-header.svelte-nnzphi{flex:1;min-width:120px}.carousel-controls.svelte-nnzphi{padding:0 .5rem}.carousel-btn.svelte-nnzphi{width:32px;height:32px}}@media (prefers-color-scheme:dark){.figma-empty.svelte-nnzphi h3:where(.svelte-nnzphi){color:var(--color-text-dark,#f9fafb)}.tab-header.svelte-nnzphi{color:var(--color-text-muted-dark,#9ca3af)}.tab-header.svelte-nnzphi:hover{color:var(--color-text-dark,#f9fafb);background:var(--color-surface-dark,#374151)}.tab-header.active.svelte-nnzphi{color:var(--color-accent,#3b82f6);background:var(--color-surface-dark,#374151)}.carousel-btn.svelte-nnzphi{border-color:var(--color-border-dark,#374151);color:var(--color-text-dark,#f9fafb);background:#1f2937e6}.carousel-btn.svelte-nnzphi:hover:not(:disabled){background:var(--color-surface-dark,#374151)}}.service-status.svelte-1rlnnh4{font-size:.875rem;font-weight:500;font-family:var(--font-station);border:1px solid;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex}.status-dot.svelte-1rlnnh4{border-radius:50%;width:8px;height:8px;display:inline-block}.text-green-700{color:#f33b3b}.text-red-700{color:#b91c1c}.text-orange-700{color:#c2410c}.border-green-200{border-color:#f33b3b4d}.border-red-200{border-color:#fecaca}.border-orange-200{border-color:#fed7aa}.animated-section.svelte-10ku7lu{transition:all 1s ease-in-out;position:relative}.section-title.svelte-10ku7lu{font-family:Inter,sans-serif;font-weight:300;line-height:1.2;transition:all .6s cubic-bezier(.16,1,.3,1)}.section-subtitle.svelte-10ku7lu{font-family:Inter,sans-serif;font-weight:400;line-height:1.6;transition:all .5s ease-out}.indicator-line.svelte-10ku7lu{opacity:.3;background-color:#000;transition:all .5s ease-out;transform:scaleX(.5)}.indicator-line.active.svelte-10ku7lu{opacity:1;background-color:red;transform:scaleX(1)}@media (width<=1024px){.section-content.svelte-10ku7lu{grid-template-columns:1fr;gap:2rem}}@media (width<=768px){.animated-section.svelte-10ku7lu{padding-left:2rem;padding-right:2rem}.section-title.svelte-10ku7lu{font-size:2rem}.section-subtitle.svelte-10ku7lu{font-size:1rem}}.marker-button.svelte-1q18tel{cursor:pointer;outline:none;transition:all .2s;position:relative}.marker-button.inactive.svelte-1q18tel{opacity:.3;background-color:#0000;border-color:#888}.marker-button.active.svelte-1q18tel{opacity:1;background-color:red;border-color:red;transform:scale(1.25);box-shadow:0 4px 12px #ff000026}.marker-button.svelte-1q18tel:hover{opacity:.7;transition:all .15s ease-out;transform:scale(1.1)}.section-number.svelte-1q18tel{font-family:JetBrains Mono,monospace;font-size:.75rem;line-height:1;transition:all .3s}.section-number.active.svelte-1q18tel{color:red;font-weight:700}.progress-bar.svelte-1q18tel{background:linear-gradient(90deg,red 0%,#c00 100%)}@media (width<=768px){.scroll-navigation.svelte-1q18tel{left:1rem}.section-numbers.svelte-1q18tel{left:.5rem}}.smooth-scroll-container.svelte-u2ucuk{background-color:#fafafa;transition:background-color 1s ease-in-out}.scroll-content.svelte-u2ucuk{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.scroll-content.svelte-u2ucuk::-webkit-scrollbar{background:0 0;width:0}@media (width<=768px){.scroll-content.svelte-u2ucuk{margin-left:4rem}}.section-content-right.svelte-1ng7le{opacity:.4;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.section-content-right.svelte-1ng7le .metric-display.active:where(.svelte-1ng7le){opacity:1;transform:translateY(0)}.metric-value.svelte-1ng7le{font-family:JetBrains Mono,monospace;line-height:1}.metric-label.svelte-1ng7le{font-family:JetBrains Mono,monospace;line-height:1.2}.loading-placeholder.svelte-u9j0ba{background:var(--background-secondary,#f8f9fa);border-radius:16px;justify-content:center;align-items:center;height:70vh;min-height:600px;display:flex}.loading-content.svelte-u9j0ba{text-align:center;font-family:Inter,sans-serif}.loading-spinner.svelte-u9j0ba{border:3px solid var(--border,#e0e0e0);border-top:3px solid var(--accent,#007bff);border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite svelte-u9j0ba-spin}@keyframes svelte-u9j0ba-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content.svelte-u9j0ba p:where(.svelte-u9j0ba){color:var(--text-secondary,#666);margin:0;font-size:1rem}.group.svelte-b9gzl2:hover{transition:transform .2s;transform:translateY(-4px)}.active.svelte-b9gzl2,.hovered.svelte-b9gzl2{transform:translateY(-2px)}.bg-primary\/5{background-color:color-mix(in srgb, var(--primary) 5%, transparent)}.bg-card{background-color:var(--background)}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.bg-muted\/30{background-color:color-mix(in srgb, var(--background-secondary) 30%, transparent)}.text-primary\/20{color:color-mix(in srgb, var(--primary) 20%, transparent)}.bg-muted{background-color:var(--background-secondary)}.bg-background\/80{background-color:color-mix(in srgb, var(--background) 80%, transparent)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bg-muted-foreground\/30{background-color:color-mix(in srgb, var(--text-secondary) 30%, transparent)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.group.svelte-f9brtj:hover{transition:transform .2s;transform:translate(4px)}.active.svelte-f9brtj,.hovered.svelte-f9brtj{transform:translate(2px)}.scale-hover.svelte-f9brtj{transform:scale(1.1)}.scale-tap.svelte-f9brtj{transform:scale(.95)}.text-primary{color:var(--primary)}.text-muted-foreground{color:var(--text-secondary)}.text-foreground{color:var(--text)}.text-primary-foreground{color:var(--background)}.bg-primary{background-color:var(--primary)}.border-primary{border-color:var(--primary)}.border-border{border-color:var(--background-secondary)}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--background-secondary)}@media (width<=768px){.relative.svelte-f9brtj{padding-left:0}.absolute.left-4.svelte-f9brtj{display:none}.space-y-8.svelte-f9brtj{gap:var(--spacing-lg)}.group.svelte-f9brtj{padding:var(--spacing-sm);border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff1a}.group.svelte-f9brtj:hover{background:#ffffff0d;transform:none}.flex-shrink-0.svelte-f9brtj{display:none}.flex-1.svelte-f9brtj{margin-left:0}.text-lg.svelte-f9brtj{font-size:var(--font-size-base)}.text-sm.svelte-f9brtj{font-size:var(--font-size-sm)}.text-xs.svelte-f9brtj{font-size:var(--font-size-xs)}}@media (width<=480px){.space-y-8.svelte-f9brtj{gap:var(--spacing-md)}.group.svelte-f9brtj{padding:var(--spacing-xs)}.text-lg.svelte-f9brtj{font-size:var(--font-size-sm)}.text-sm.svelte-f9brtj{font-size:12px}.text-xs.svelte-f9brtj{font-size:10px}}.svg-state-transition.svelte-3r7obr{background:#0a0a0a;border-radius:1rem;flex-direction:column;align-items:center;gap:2rem;min-height:100vh;padding:2rem;display:flex}.controls.svelte-3r7obr{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.control-btn.svelte-3r7obr{color:#e8ff00;cursor:pointer;background:0 0;border:2px solid #e8ff00;border-radius:.5rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-weight:600;transition:all .3s}.control-btn.svelte-3r7obr:hover:not(:disabled){color:#0a0a0a;background:#e8ff00;transform:translateY(-2px)}.control-btn.active.svelte-3r7obr{color:#0a0a0a;background:#e8ff00}.control-btn.svelte-3r7obr:disabled{opacity:.5;cursor:not-allowed}.toggle-btn.svelte-3r7obr{color:#0a0a0a;background:#e8ff00}.toggle-btn.svelte-3r7obr:hover:not(:disabled){background:#d4e600;border-color:#d4e600}.auto-play-toggle.svelte-3r7obr{color:#e8ff00;cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.auto-play-toggle.svelte-3r7obr input[type=checkbox]:where(.svelte-3r7obr){accent-color:#e8ff00;width:1.2rem;height:1.2rem}.svg-container.svelte-3r7obr{border-radius:1rem;width:100%;max-width:800px;height:auto;position:relative;overflow:hidden;box-shadow:0 20px 40px #e8ff001a}.state-container.svelte-3r7obr{width:100%;height:100%}.state-container.svelte-3r7obr svg{width:100%;height:auto;display:block}.loading-container.svelte-3r7obr{color:#e8ff00;flex-direction:column;justify-content:center;align-items:center;padding:4rem;display:flex}.loading-spinner.svelte-3r7obr{border:3px solid #e8ff004d;border-top-color:#e8ff00;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite svelte-3r7obr-spin}.progress-bar.svelte-3r7obr{background:#e8ff0033;border-radius:2px;width:100%;max-width:400px;height:4px;overflow:hidden}.progress-fill.svelte-3r7obr{background:linear-gradient(90deg,#e8ff00,#d4e600);border-radius:2px;height:100%;transition:width .1s}@keyframes svelte-3r7obr-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes svelte-3r7obr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-3r7obr-statusPulse{0%,to{filter:brightness(1.3)saturate(1.2);transform:scale(1.2)}50%{filter:brightness(1.5)saturate(1.4);transform:scale(1.4)}}.svg-container svg{width:100%;height:auto;overflow:visible}.svg-container .central-circle{transform-origin:50%;transition:all .8s cubic-bezier(.4,0,.2,1);animation:2s ease-in-out infinite svelte-3r7obr-pulse}.svg-container .morphable{cursor:pointer;transform-origin:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.svg-container .animatable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.svg-container .fadeable{transition:opacity .5s,transform .5s cubic-bezier(.4,0,.2,1)}.svg-container .status-indicator:hover{filter:drop-shadow(0 0 15px #e8ff00)brightness(1.5)!important}.svg-container:hover .central-circle{animation-play-state:paused;filter:drop-shadow(0 0 12px #e8ff00cc)!important}@media (width<=768px){.controls.svelte-3r7obr{flex-direction:column;gap:.75rem}.control-btn.svelte-3r7obr{width:100%;max-width:200px}.svg-container.svelte-3r7obr{max-width:100%}}