@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap";.transition-overlay[data-v-f5768e1f]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;background-color:#090a1000}.transition-image[data-v-f5768e1f]{position:fixed;object-fit:cover;z-index:101}.tag-filter[data-v-f002c231]{display:flex;gap:8px;padding:16px 0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tag-filter[data-v-f002c231]::-webkit-scrollbar{display:none}@media(min-width:768px){.tag-filter[data-v-f002c231]{flex-wrap:wrap;overflow-x:visible;white-space:normal}}.tag-btn[data-v-f002c231]{background:var(--n-bg);border:1px solid var(--n-border);color:var(--n-text);font-family:Fira Code,monospace;font-size:12px;padding:8px 16px;border-radius:8px;cursor:pointer;min-height:44px;flex-shrink:0;transition:border-color .2s,background .2s,box-shadow .2s}@media(hover:hover){.tag-btn[data-v-f002c231]:hover{border-color:var(--n-border-active)}}.tag-btn.active[data-v-f002c231]{border-color:var(--n-border-active);background:var(--n-bg-hover);box-shadow:0 0 12px var(--n-glow);animation:tag-pulse-f002c231 2s ease-in-out infinite}@keyframes tag-pulse-f002c231{0%,to{box-shadow:0 0 12px var(--n-glow)}50%{box-shadow:0 0 20px var(--n-glow),0 0 6px var(--n-accent-soft)}}@media(prefers-reduced-motion:reduce){.tag-btn.active[data-v-f002c231]{animation:none}}.shader-card[data-v-f240d199]{display:block;border-radius:8px;text-decoration:none;transition:transform .3s cubic-bezier(.25,.1,.25,1),border-color .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1);position:relative}.shader-card[data-v-f240d199]:before,.shader-card[data-v-f240d199]:after{z-index:3}.card--hidden[data-v-f240d199],.card--hidden .card-content[data-v-f240d199],.card--tracing .card-content[data-v-f240d199]{opacity:0}.card--filling .card-content[data-v-f240d199]{opacity:1;transition:opacity .3s ease-out}.card--visible .card-content[data-v-f240d199]{opacity:1}.card-trace-svg[data-v-f240d199]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.card-trace-svg rect[data-v-f240d199]{stroke:var(--n-text-strong);transition:stroke .3s ease-out}.card--filling .card-trace-svg rect[data-v-f240d199],.card--visible .card-trace-svg rect[data-v-f240d199]{stroke:var(--n-accent)}.card--visible .card-trace-svg[data-v-f240d199]{opacity:0;transition:opacity .4s ease-out .2s}.card-content[data-v-f240d199]{position:relative;overflow:hidden;border-radius:7px}.card-image[data-v-f240d199]{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;transition:filter .3s ease}.card-overlay[data-v-f240d199]{display:flex;flex-direction:column;gap:6px;padding:12px 14px 8px}.card-kicker[data-v-f240d199]{color:var(--n-text-dim);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.card-title[data-v-f240d199]{color:var(--n-text-white);font-size:14px;font-weight:700}.card-tags[data-v-f240d199]{display:flex;gap:8px;padding:0 14px 14px;flex-wrap:wrap}.card-tag[data-v-f240d199]{font-size:11px;padding:2px 8px;border:1px solid var(--n-border);border-radius:8px;color:var(--n-text-dim);background:#101623b8}.card-scanline[data-v-f240d199]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1}.card-scanline[data-v-f240d199]:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(17,220,255,.08) 40%,rgba(17,220,255,.15) 50%,rgba(17,220,255,.08) 60%,transparent 100%);transform:skew(-15deg);opacity:0;transition:opacity .2s}@media(hover:hover){.shader-card[data-v-f240d199]:hover{border-color:var(--n-border-active);box-shadow:var(--n-shadow-soft),0 0 24px var(--n-glow);transform:translateY(-6px)}.shader-card:hover .card-image[data-v-f240d199]{filter:brightness(1.1) contrast(1.05)}.shader-card[data-v-f240d199]:before,.shader-card[data-v-f240d199]:after{transition:width .3s cubic-bezier(.25,.1,.25,1),height .3s cubic-bezier(.25,.1,.25,1),top .3s cubic-bezier(.25,.1,.25,1),left .3s cubic-bezier(.25,.1,.25,1),right .3s cubic-bezier(.25,.1,.25,1),bottom .3s cubic-bezier(.25,.1,.25,1),border-color .3s cubic-bezier(.25,.1,.25,1)}.shader-card[data-v-f240d199]:hover:before{width:24px;height:24px;top:6px;left:6px;border-color:var(--n-accent)}.shader-card[data-v-f240d199]:hover:after{width:24px;height:24px;right:6px;bottom:6px;border-color:var(--n-accent)}.shader-card:hover .card-scanline[data-v-f240d199]:before{opacity:1;animation:scanline-sweep-f240d199 .6s cubic-bezier(.25,.1,.25,1) forwards}.shader-card[data-v-f240d199]:hover{animation:card-glow-pulse-f240d199 1.5s ease-in-out infinite}}@keyframes scanline-sweep-f240d199{0%{left:-100%}to{left:200%}}@keyframes card-glow-pulse-f240d199{0%,to{box-shadow:var(--n-shadow-soft),0 0 24px var(--n-glow)}50%{box-shadow:var(--n-shadow-soft),0 0 36px var(--n-glow),0 0 12px var(--n-accent-soft)}}@media(prefers-reduced-motion:reduce){.shader-card[data-v-f240d199]{transition:none}.card--hidden[data-v-f240d199],.card--hidden .card-content[data-v-f240d199],.card--tracing .card-content[data-v-f240d199]{opacity:1}.card-trace-svg[data-v-f240d199]{display:none}.shader-card[data-v-f240d199]:hover{animation:none}}.sine-wave-bg[data-v-05c59859]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:auto;border-radius:inherit}@media(prefers-reduced-motion:reduce){.sine-wave-bg[data-v-05c59859]{display:none}}.gallery-view[data-v-cd37ac52]{position:relative}.gallery-header[data-v-cd37ac52]{position:relative;margin-bottom:20px;padding:14px;border-radius:8px;overflow:hidden}.gallery-title[data-v-cd37ac52]{color:var(--n-text-white);font-size:22px;font-weight:700;line-height:1.15}.gallery-brand[data-v-cd37ac52]{position:relative;display:flex;align-items:center;gap:10px}.brand-logo-link[data-v-cd37ac52]{width:38px;height:38px;border-radius:8px;border:1px solid var(--n-border);background:#0f1726e6;display:inline-flex;align-items:center;justify-content:center}.brand-logo[data-v-cd37ac52]{width:22px;height:22px;display:block;fill:currentColor;color:var(--n-text-white)}.gallery-links[data-v-cd37ac52]{position:relative;margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.profile-link[data-v-cd37ac52],.github-link[data-v-cd37ac52]{min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid var(--n-border);background:#0f1726bf;color:var(--n-text);font-size:12px;display:inline-flex;align-items:center;justify-content:center}.github-link[data-v-cd37ac52]{width:38px;padding:0}.gallery-subtitle[data-v-cd37ac52]{position:relative;margin-top:10px;max-width:60ch;color:var(--n-text-dim);font-size:13px;line-height:1.5}.gallery-grid[data-v-cd37ac52]{display:grid;grid-template-columns:1fr;gap:14px;position:relative}.gallery-grid[data-v-cd37ac52] .shader-card{transition:transform .4s cubic-bezier(.25,.1,.25,1)}@media(min-width:768px){.gallery-title[data-v-cd37ac52]{font-size:28px}.gallery-header[data-v-cd37ac52]{padding:16px}.gallery-links[data-v-cd37ac52]{margin-top:14px}.gallery-subtitle[data-v-cd37ac52]{font-size:14px}.gallery-grid[data-v-cd37ac52]{grid-template-columns:repeat(2,1fr);gap:18px}}@media(min-width:1024px){.gallery-header[data-v-cd37ac52]{padding:18px}.gallery-brand[data-v-cd37ac52]{justify-content:space-between}.gallery-title[data-v-cd37ac52]{font-size:34px}.gallery-links[data-v-cd37ac52]{justify-content:flex-end}.gallery-grid[data-v-cd37ac52]{grid-template-columns:repeat(3,1fr);gap:24px}}@media(min-width:1440px){.gallery-grid[data-v-cd37ac52]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1920px){.gallery-title[data-v-cd37ac52]{font-size:40px}.gallery-subtitle[data-v-cd37ac52]{font-size:15px}.gallery-grid[data-v-cd37ac52]{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}}@media(min-width:2560px){.gallery-title[data-v-cd37ac52]{font-size:46px}.gallery-grid[data-v-cd37ac52]{gap:32px}}.gallery-empty[data-v-cd37ac52]{color:var(--n-text-dim);text-align:center;padding:48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--n-accent: #11dcff;--n-accent-soft: rgba(17, 220, 255, .28);--n-accent-strong: rgba(17, 220, 255, .7);--n-surface-0: #090a10;--n-surface-1: #0d1019;--n-surface-2: #131829;--n-surface-3: #1b2234;--n-text-strong: #edf4ff;--n-text-base: #b9cce8;--n-text-muted: #7b93b8;--n-border-subtle: rgba(90, 145, 220, .28);--n-border-strong: rgba(17, 220, 255, .58);--n-focus-ring: rgba(17, 220, 255, .42);--n-shadow-soft: 0 16px 40px rgba(2, 5, 12, .45);--n-shadow-glow: 0 0 28px rgba(17, 220, 255, .2);--n-page-max: 1280px;--n-page-padding-inline: 16px;--n-page-padding-block: 16px;--n-tech-tracking: .08em;--n-safe-top: env(safe-area-inset-top, 0px);--n-safe-right: env(safe-area-inset-right, 0px);--n-safe-bottom: env(safe-area-inset-bottom, 0px);--n-safe-left: env(safe-area-inset-left, 0px);--n-primary: var(--n-accent);--n-glow: var(--n-accent-soft);--n-glow-strong: var(--n-accent-strong);--n-bg: color-mix(in srgb, var(--n-surface-1) 82%, transparent);--n-bg-light: color-mix(in srgb, var(--n-surface-2) 86%, transparent);--n-bg-hover: rgba(17, 220, 255, .12);--n-border: var(--n-border-subtle);--n-border-active: var(--n-border-strong);--n-text: var(--n-text-base);--n-text-dim: var(--n-text-muted);--n-text-white: var(--n-text-strong);--n-surface: var(--n-surface-0)}@media(min-width:768px){:root{--n-page-padding-inline: 24px;--n-page-padding-block: 24px}}@media(min-width:1440px){:root{--n-page-max: 1600px}}@media(min-width:1920px){:root{--n-page-max: 2048px;--n-page-padding-inline: 32px}}@media(min-width:2560px){:root{--n-page-max: 2880px;--n-page-padding-inline: 40px}}html{overflow-x:hidden;scroll-behavior:smooth}body{background:radial-gradient(circle at 18% 10%,rgba(100,120,255,.12),transparent 34%),radial-gradient(circle at 82% 4%,rgba(17,220,255,.1),transparent 30%),linear-gradient(160deg,#080910,#0a0d15 40%,#090a10);color:var(--n-text-base);font-family:Fira Code,monospace;min-height:100vh}a{color:var(--n-text-base);text-decoration:none}.neutron-cyan{--n-accent: #11dcff;--n-accent-soft: rgba(17, 220, 255, .28);--n-accent-strong: rgba(17, 220, 255, .7)}.neutron-magenta{--n-accent: #ff51de;--n-accent-soft: rgba(255, 81, 222, .28);--n-accent-strong: rgba(255, 81, 222, .72)}.neutron-green{--n-accent: #3eff8a;--n-accent-soft: rgba(62, 255, 138, .26);--n-accent-strong: rgba(62, 255, 138, .62)}.neutron-amber{--n-accent: #ffd166;--n-accent-soft: rgba(255, 209, 102, .26);--n-accent-strong: rgba(255, 209, 102, .62)}.neutron-danger{--n-accent: #ff6a5e;--n-accent-soft: rgba(255, 106, 94, .24);--n-accent-strong: rgba(255, 106, 94, .65)}.neutron-yellow{--n-accent: #ffd166;--n-accent-soft: rgba(255, 209, 102, .26);--n-accent-strong: rgba(255, 209, 102, .62)}.n-layout-shell{max-width:var(--n-page-max);margin:0 auto;padding:var(--n-page-padding-block) var(--n-page-padding-inline)}.n-panel{background:linear-gradient(180deg,#141c2ab8,#0b0f19e0);border:1px solid var(--n-border-subtle);border-radius:8px;box-shadow:var(--n-shadow-soft)}.n-panel-glow{box-shadow:var(--n-shadow-soft),var(--n-shadow-glow)}.n-tech-label{color:var(--n-text-muted);font-size:11px;letter-spacing:var(--n-tech-tracking);text-transform:uppercase}.n-overlay-chrome{background:color-mix(in srgb,var(--n-surface-1) 70%,transparent);border:1px solid var(--n-border-subtle);border-radius:8px;box-shadow:var(--n-shadow-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.n-corner-frame{position:relative}.n-corner-frame:before,.n-corner-frame:after{content:"";position:absolute;width:18px;height:18px;border-color:var(--n-accent-soft);pointer-events:none}.n-corner-frame:before{top:10px;left:10px;border-top:2px solid;border-left:2px solid}.n-corner-frame:after{right:10px;bottom:10px;border-right:2px solid;border-bottom:2px solid}.n-scanline-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background:repeating-linear-gradient(180deg,rgba(190,220,255,.05) 0px,rgba(190,220,255,.05) 1px,transparent 1px,transparent 4px)}.n-vignette-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle,transparent 38%,rgba(4,7,12,.58) 100%)}@media(max-width:767px){.n-overlay-chrome{-webkit-backdrop-filter:none;backdrop-filter:none}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#090a10}::-webkit-scrollbar-thumb{background:#759cdc6b;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#759cdcad}::view-transition-old(root){animation:vt-fade-out .2s ease-out forwards}::view-transition-new(root){animation:vt-fade-in .3s ease-out forwards}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}