:root{--color-primary:#00e5ff;--color-secondary:#2e7d32;--color-tertiary:#fbc02d;--color-neutral:#2d2a26;--color-error:#e53935;--surface-base:#2d2a26;--surface-card:#383430;--surface-elevated:#434038;--text-primary:#fff;--text-secondary:#aaa;--text-muted:#777;--text-on-primary:#2d2a26;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:9999px;--shadow-card:0 4px 20px #0000004d;--shadow-glow:0 0 20px #00e5ff4d;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--surface-base);width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}img,video{max-width:100%;height:auto;display:block}.skip-link{z-index:9999;background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-pill);padding:.5rem 1.5rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:1rem}.modal-overlay.svelte-1qli7hi{z-index:200;-webkit-backdrop-filter:blur(12px);opacity:0;background:#0a0908b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.visible.svelte-1qli7hi{opacity:1}.progress-bar.svelte-1qli7hi{background:var(--color-primary);transform-origin:0;z-index:210;border-radius:2px 2px 0 0;height:3px;transition:transform .1s linear;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #00e5ff80}.modal-content.svelte-1qli7hi{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);opacity:0;background:#141210f5;border:1px solid #00e5ff26;width:80vw;max-width:1000px;height:80vh;padding-bottom:4rem;transition:opacity .4s cubic-bezier(.22,1,.36,1) .1s,transform .4s cubic-bezier(.22,1,.36,1) .1s;position:relative;overflow:hidden auto;transform:translateY(20px)scale(.96);box-shadow:0 8px 60px #0009,0 0 30px #00e5ff14}.modal-content.visible.svelte-1qli7hi{opacity:1;transform:translateY(0)scale(1)}.close-x.svelte-1qli7hi{z-index:215;-webkit-backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-secondary,#aaa);cursor:pointer;background:#0a090899;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,background .2s,border-color .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.close-x.svelte-1qli7hi:hover{color:var(--text-primary,#fff);background:#0a0908d9;border-color:#00e5ff66}.visit-site-btn.svelte-1qli7hi{border-radius:var(--radius-pill,9999px);color:var(--color-primary,#00e5ff);letter-spacing:.04em;background:#00e5ff1a;border:1px solid #00e5ff4d;align-items:center;gap:.3rem;margin-top:.75rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex}.visit-site-btn.svelte-1qli7hi:hover{background:#00e5ff2e;box-shadow:0 0 16px #00e5ff33}.hero-section.svelte-1qli7hi{background:var(--surface-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:50%;position:relative;overflow:hidden}.hero-img.svelte-1qli7hi{object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;width:100%;height:100%;max-height:45vh;display:block}.accent-corner.svelte-1qli7hi{pointer-events:none;opacity:0;border:2px solid #00e5ff33;width:80px;height:80px;transition:opacity .6s .4s;position:absolute}.modal-content.visible.svelte-1qli7hi .accent-corner:where(.svelte-1qli7hi){opacity:1}.accent-tl.svelte-1qli7hi{border-bottom:none;border-right:none;border-radius:4px 0 0;top:1rem;left:1rem;box-shadow:-2px -2px 12px #00e5ff26,inset 2px 2px 8px #00e5ff0d}.accent-br.svelte-1qli7hi{border-top:none;border-left:none;border-radius:0 0 4px;bottom:1rem;right:1rem;box-shadow:2px 2px 12px #00e5ff26,inset -2px -2px 8px #00e5ff0d}.thumb-strip.svelte-1qli7hi{background:var(--surface-card);border-bottom:1px solid #ffffff0f;gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.thumb.svelte-1qli7hi{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:64px;height:48px;padding:0;transition:border-color .2s,box-shadow .2s;overflow:hidden}.thumb.active.svelte-1qli7hi{border-color:var(--color-primary);box-shadow:0 0 8px #00e5ff4d}.thumb.svelte-1qli7hi:hover{border-color:#00e5ff66}.thumb.svelte-1qli7hi img:where(.svelte-1qli7hi){object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.project-body.svelte-1qli7hi{max-width:720px;margin:0 auto;padding:2.5rem 2rem}.project-header.svelte-1qli7hi{margin-bottom:1.5rem}.project-title.svelte-1qli7hi{letter-spacing:.06em;color:var(--text-primary);text-shadow:0 0 30px #00e5ff26;margin-bottom:.4rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;line-height:1.2}.project-tagline.svelte-1qli7hi{color:var(--text-secondary);letter-spacing:.02em;font-size:1.05rem}.tech-tags.svelte-1qli7hi{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tech-tag.svelte-1qli7hi{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);background:#00e5ff14;border:1px solid #00e5ff33;padding:.3rem .75rem;font-size:.72rem;font-weight:700}.project-description.svelte-1qli7hi{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.project-story.svelte-1qli7hi{border-top:1px solid #ffffff0f;padding-top:2rem}.story-heading.svelte-1qli7hi{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);text-shadow:0 0 10px #00e5ff4d;margin-bottom:1rem;font-size:.75rem;font-weight:800}.story-text.svelte-1qli7hi{color:var(--text-secondary);font-size:.98rem;line-height:1.75}.modal-footer.svelte-1qli7hi{z-index:205;-webkit-backdrop-filter:blur(16px);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:0;background:#141210f2;border-top:1px solid #00e5ff1f;justify-content:center;align-items:center;gap:1rem;padding:.65rem 1.5rem;transition:opacity .3s .2s,transform .3s cubic-bezier(.22,1,.36,1) .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.modal-footer.visible.svelte-1qli7hi{opacity:1;transform:translateY(0)}.footer-btn.svelte-1qli7hi{border-radius:var(--radius-pill);color:var(--text-secondary);letter-spacing:.06em;cursor:pointer;background:0 0;border:1px solid #ffffff1a;padding:.45rem 1rem;font-family:inherit;font-size:.78rem;font-weight:700;transition:color .2s,border-color .2s,box-shadow .2s}.footer-btn.svelte-1qli7hi:hover:not(:disabled){color:var(--color-primary);border-color:#00e5ff4d;box-shadow:0 0 10px #00e5ff26}.footer-btn.svelte-1qli7hi:disabled{opacity:.3;cursor:default}.footer-close.svelte-1qli7hi{font-size:.85rem}.footer-counter.svelte-1qli7hi{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.footer-link.svelte-1qli7hi{color:var(--color-primary);letter-spacing:.06em;border-radius:var(--radius-pill);border:1px solid #00e5ff40;padding:.45rem 1rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:box-shadow .2s,text-shadow .2s}.footer-link.svelte-1qli7hi:hover{text-shadow:0 0 8px #00e5ff66;box-shadow:0 0 12px #00e5ff33}@media (width<=768px){.modal-content.svelte-1qli7hi{width:94vw;height:85vh}.hero-section.svelte-1qli7hi{max-height:40%}.hero-img.svelte-1qli7hi{max-height:35vh}.project-body.svelte-1qli7hi{padding:1.5rem 1.25rem}.project-title.svelte-1qli7hi{font-size:1.6rem}.modal-footer.svelte-1qli7hi{flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem}.footer-btn.svelte-1qli7hi{padding:.4rem .75rem;font-size:.72rem}.accent-corner.svelte-1qli7hi{width:50px;height:50px}}