@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@font-face{font-family:SF Pixelate;font-style:normal;font-weight:400;font-display:swap;src:local("SF Pixelate"),url(https://fonts.cdnfonts.com/s/7402/SF\ Pixelate.woff) format("woff")}@font-face{font-family:SF Pixelate;font-style:normal;font-weight:700;font-display:swap;src:local("SF Pixelate Bold"),url("https://fonts.cdnfonts.com/s/7402/SF Pixelate Bold.woff") format("woff")}html{overflow:hidden;background:#0a0c14;color:#f5f7fa}body{margin:0;padding:0;background:#0a0c14;color:#f5f7fa;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-kerning:auto;font-variant-ligatures:common-ligatures;font-feature-settings:"liga" 1,"calt" 1,"kern" 1}#root{width:100vw;height:100vh;overflow:hidden;background:#0a0c14;color:#f5f7fa}:root{--bg-primary: #0a0c14;--bg-secondary: #1a1d29;--bg-tertiary: #242938;--bg-card: #1f2333;--bg-elevated: #252a3b;--bg-overlay: rgba(10, 12, 20, .95);--text-primary: #f5f7fa;--text-secondary: #d0d6e1;--text-tertiary: #9ca3b4;--text-muted: #7c8591;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-green: #10b981;--accent-red: #ef4444;--accent-warm: #f59e0b;--accent-purple: #8b5cf6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .19), 0 6px 10px rgba(0, 0, 0, .23);--shadow-blue: 0 8px 32px rgba(59, 130, 246, .25);--shadow-soft: 0 2px 12px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-text: linear-gradient(135deg, #f5f7fa 0%, #3b82f6 50%, #60a5fa 100%);--gradient-card: linear-gradient( 145deg, rgba(31, 35, 51, .8), rgba(26, 29, 41, .6) );--gradient-bg-subtle: radial-gradient( circle at 50% 50%, rgba(59, 130, 246, .08) 0%, transparent 70% );--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition-fast: all .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .25s cubic-bezier(.4, 0, .2, 1);color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;min-height:100vh;min-height:100dvh;background:var(--bg-primary);overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-overflow-scrolling:touch;overscroll-behavior:none;font-family:Lora,Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.65;font-weight:400;letter-spacing:.01em;font-synthesis:none;text-rendering:optimizeLegibility;font-feature-settings:"liga" 1,"calt" 1,"kern" 1;font-kerning:auto;font-variant-ligatures:common-ligatures;font-size-adjust:.5}body::-webkit-scrollbar{display:none}#root{width:100%;min-height:100vh;min-height:100dvh;overflow:hidden}*::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}::selection{background:#3b82f64d;color:var(--text-primary)}::-moz-selection{background:#3b82f64d;color:var(--text-primary)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.app-container{width:100%;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:var(--bg-primary);contain:layout style paint;touch-action:pan-x pan-y;overscroll-behavior:none}.page{width:100%;min-height:100vh;min-height:100dvh;position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.content-container{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative;z-index:2;min-height:0}@media (max-width: 1024px){.content-container{padding:1.5rem}}@media (max-width: 768px){.content-container{padding:1rem}*{animation-duration:.2s!important;transition-duration:.15s!important}}@media (max-width: 480px){.content-container{padding:.75rem}*{animation-duration:.1s!important;transition-duration:.1s!important}}@media (max-width: 360px){.content-container{padding:.5rem}}@media (max-height: 500px) and (orientation: landscape){.content-container{padding:.5rem}.page{min-height:100vh}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-resolution: 150dpi){*{animation-duration:.15s!important;transition-duration:.12s!important}}@media (prefers-contrast: high){:root{--bg-primary: #000000;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--accent-primary: #4a9eff}}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ascii-blobs-banner,.ascii-blobs__banner,[class*=ascii-blobs][class*=banner],[data-ascii-blobs-banner]{display:none!important}.page-one{background-color:var(--bg-primary);position:relative;overflow:hidden;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.page-one:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center top,rgba(59,130,246,.03) 0%,transparent 50%);pointer-events:none;z-index:1}@keyframes slideDownFromTop{0%{opacity:0;transform:translateY(-120px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.version-badge{position:fixed;top:var(--space-md);right:var(--space-md);z-index:1000;font-family:JetBrains Mono,monospace;font-size:.65rem;color:#94a3b859;letter-spacing:.02em;pointer-events:auto;opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;animation:slideDownFromTop 1.2s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.5s}.version-badge a{color:inherit;text-decoration:none;transition:color .2s ease}.version-badge a:hover{color:#94a3b8a6}.version-badge a:focus-visible{outline:1px solid rgba(59,130,246,.5);outline-offset:2px;border-radius:2px}@media (max-width: 768px){.version-badge{font-size:.6rem;top:var(--space-sm);right:var(--space-sm)}}@media (max-width: 480px){.version-badge{font-size:.55rem}}.main-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);max-width:950px;margin:0 auto;text-align:center;position:relative;z-index:2;padding:var(--space-xl) var(--space-md)}.ascii-art-section{margin-bottom:var(--space-sm);width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none;position:relative;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.ascii-art-section::-webkit-scrollbar{display:none}.ascii-text{font-family:Courier New,Monaco,Andale Mono,Lucida Console,JetBrains Mono,monospace;font-size:clamp(.4rem,1.1vw,.8rem);line-height:1;color:var(--accent-primary);font-weight:400;text-shadow:0 0 10px rgba(59,130,246,.4),0 0 20px rgba(59,130,246,.2),0 0 40px rgba(59,130,246,.1);margin:0;white-space:pre;-webkit-user-select:none;user-select:none;opacity:1;text-align:center;font-kerning:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-top:var(--space-xl)}@media (max-width: 1024px){.main-content{padding:var(--space-lg) var(--space-md)}}@media (max-width: 768px){.main-content{gap:var(--space-md);padding:var(--space-md) var(--space-sm)}.hero-section{gap:var(--space-md);margin-top:var(--space-lg)}.ascii-text{font-size:clamp(.45rem,1.2vw,.75rem)}.ascii-art-section{margin-bottom:var(--space-md)}}@media (max-width: 480px){.main-content{padding:var(--space-sm)}.hero-section{gap:var(--space-sm)}.ascii-text{font-size:clamp(.4rem,1.1vw,.65rem)}}@media (max-width: 360px){.main-content{padding:var(--space-xs)}}.ascii-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){.ascii-text{animation:none}.main-content *{animation:none!important;transition:none!important}}.ascii-blobs{--ascii-primary: rgb(100, 180, 255);--ascii-bg-base: #020817;--ascii-bg-mid: #030b1c;--ascii-bg-dark: #010611;--ascii-accent-1: rgba(56, 99, 208, .16);--ascii-accent-2: rgba(34, 74, 168, .13);--ascii-backdrop-1: rgba(82, 123, 210, .28);--ascii-backdrop-2: rgba(5, 15, 36, .92);--ascii-backdrop-3: rgba(42, 96, 220, .2);--ascii-backdrop-4: rgba(3, 8, 22, .92);--ascii-backdrop-5: rgba(7, 20, 44, .85);--ascii-backdrop-6: rgba(2, 6, 16, .95);--ascii-texture-1: rgba(114, 144, 210, .07);--ascii-texture-2: rgba(48, 72, 128, .08);--ascii-texture-3: rgba(230, 238, 255, .06);--ascii-vignette-start: rgba(0, 0, 0, .56);--ascii-vignette-end: rgba(0, 0, 0, .68);--ascii-glow: rgba(100, 180, 255, .8);--ascii-shadow: rgba(100, 180, 255, .4);position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0;isolation:isolate;background:radial-gradient(120% 90% at 15% 20%,var(--ascii-accent-1),transparent 55%),radial-gradient(120% 90% at 85% 80%,var(--ascii-accent-2),transparent 60%),linear-gradient(180deg,var(--ascii-bg-base),var(--ascii-bg-mid) 38%,var(--ascii-bg-dark) 100%)}.ascii-blobs__backdrop,.ascii-blobs__canvas,.ascii-blobs__texture,.ascii-blobs__vignette{position:absolute;top:0;right:0;bottom:0;left:0}.ascii-blobs__backdrop{z-index:1;background:radial-gradient(90% 60% at 28% 18%,var(--ascii-backdrop-1),var(--ascii-backdrop-2)),radial-gradient(75% 85% at 80% 78%,var(--ascii-backdrop-3),var(--ascii-backdrop-4)),linear-gradient(200deg,var(--ascii-backdrop-5),var(--ascii-backdrop-6));filter:blur(42px);opacity:.65;mix-blend-mode:screen}.ascii-blobs__canvas{z-index:2;width:100%;height:100%;display:block;image-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased}.ascii-blobs__canvas--base{opacity:.95}.ascii-blobs__canvas--overlay{z-index:3;mix-blend-mode:screen;opacity:.9}.ascii-blobs__texture{z-index:4;background:repeating-linear-gradient(90deg,var(--ascii-texture-1) 0,var(--ascii-texture-1) 1px,transparent 1px,transparent 18px),repeating-linear-gradient(0deg,var(--ascii-texture-2) 0,var(--ascii-texture-2) 1px,transparent 1px,transparent 16px),radial-gradient(circle at 50% 45%,var(--ascii-texture-3),transparent 68%);mix-blend-mode:soft-light;animation:textureDrift 42s linear infinite;opacity:.78}.ascii-blobs__vignette{z-index:5;background:radial-gradient(circle at 50% 45%,#0000 58%,#0000009e),linear-gradient(180deg,var(--ascii-vignette-start) 0%,rgba(0,0,0,0) 40%,var(--ascii-vignette-end) 100%)}@keyframes textureDrift{0%{transform:translateZ(0)}50%{transform:translate3d(-22px,18px,0)}to{transform:translateZ(0)}}@media (max-width: 768px){.ascii-blobs__texture{opacity:.62;animation-duration:56s}.ascii-blobs__canvas--overlay{opacity:.84}}@media (prefers-reduced-motion: reduce){.ascii-blobs__texture{animation:none}}.ascii-blobs--theme-catppuccin-mocha{--ascii-primary: rgb(137, 180, 250);--ascii-bg-base: #1e1e2e;--ascii-bg-mid: #181825;--ascii-bg-dark: #11111b;--ascii-accent-1: rgba(137, 180, 250, .16);--ascii-accent-2: rgba(116, 199, 236, .13);--ascii-backdrop-1: rgba(137, 180, 250, .28);--ascii-backdrop-3: rgba(116, 199, 236, .2);--ascii-texture-1: rgba(137, 180, 250, .07);--ascii-texture-2: rgba(116, 199, 236, .08);--ascii-texture-3: rgba(205, 214, 244, .06)}.ascii-blobs--theme-catppuccin-latte{--ascii-primary: rgb(30, 102, 245);--ascii-bg-base: #eff1f5;--ascii-bg-mid: #e6e9ef;--ascii-bg-dark: #dce0e8;--ascii-accent-1: rgba(30, 102, 245, .16);--ascii-accent-2: rgba(4, 165, 229, .13);--ascii-backdrop-1: rgba(30, 102, 245, .28);--ascii-backdrop-3: rgba(4, 165, 229, .2);--ascii-texture-1: rgba(30, 102, 245, .07);--ascii-texture-2: rgba(4, 165, 229, .08);--ascii-texture-3: rgba(76, 79, 105, .06);--ascii-vignette-start: rgba(255, 255, 255, .56);--ascii-vignette-end: rgba(255, 255, 255, .68)}.ascii-blobs--theme-dracula{--ascii-primary: rgb(139, 233, 253);--ascii-bg-base: #282a36;--ascii-bg-mid: #21222c;--ascii-bg-dark: #191a21;--ascii-accent-1: rgba(139, 233, 253, .16);--ascii-accent-2: rgba(189, 147, 249, .13);--ascii-backdrop-1: rgba(139, 233, 253, .28);--ascii-backdrop-3: rgba(189, 147, 249, .2);--ascii-texture-1: rgba(139, 233, 253, .07);--ascii-texture-2: rgba(189, 147, 249, .08);--ascii-texture-3: rgba(248, 248, 242, .06)}.ascii-blobs--theme-nord{--ascii-primary: rgb(136, 192, 208);--ascii-bg-base: #2e3440;--ascii-bg-mid: #3b4252;--ascii-bg-dark: #242933;--ascii-accent-1: rgba(136, 192, 208, .16);--ascii-accent-2: rgba(129, 161, 193, .13);--ascii-backdrop-1: rgba(136, 192, 208, .28);--ascii-backdrop-3: rgba(129, 161, 193, .2);--ascii-texture-1: rgba(136, 192, 208, .07);--ascii-texture-2: rgba(129, 161, 193, .08);--ascii-texture-3: rgba(216, 222, 233, .06)}.ascii-blobs--theme-gruvbox{--ascii-primary: rgb(131, 165, 152);--ascii-bg-base: #282828;--ascii-bg-mid: #1d2021;--ascii-bg-dark: #1b1b1b;--ascii-accent-1: rgba(131, 165, 152, .16);--ascii-accent-2: rgba(142, 192, 124, .13);--ascii-backdrop-1: rgba(131, 165, 152, .28);--ascii-backdrop-3: rgba(142, 192, 124, .2);--ascii-texture-1: rgba(131, 165, 152, .07);--ascii-texture-2: rgba(142, 192, 124, .08);--ascii-texture-3: rgba(235, 219, 178, .06)}.ascii-blobs--theme-tokyo-night{--ascii-primary: rgb(125, 207, 255);--ascii-bg-base: #1a1b26;--ascii-bg-mid: #16161e;--ascii-bg-dark: #0f0f14;--ascii-accent-1: rgba(125, 207, 255, .16);--ascii-accent-2: rgba(122, 162, 247, .13);--ascii-backdrop-1: rgba(125, 207, 255, .28);--ascii-backdrop-3: rgba(122, 162, 247, .2);--ascii-texture-1: rgba(125, 207, 255, .07);--ascii-texture-2: rgba(122, 162, 247, .08);--ascii-texture-3: rgba(192, 202, 245, .06)}.pixel-social-container{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;padding-bottom:var(--space-lg);z-index:1000;pointer-events:none;background:transparent;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;animation:slideUpFromBottom 1.2s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.5s}@keyframes slideUpFromBottom{0%{opacity:0;transform:translateY(120px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.social-section{display:flex;flex-direction:column;align-items:center;pointer-events:auto;position:relative}.tooltip-container{position:absolute;bottom:100%;left:0;right:0;height:60px;pointer-events:none;z-index:10000}.tooltip-item{position:absolute;bottom:8px;transform:translate(-50%);pointer-events:none}.tooltip-item:after{content:attr(data-tooltip);display:block;background:var(--bg-elevated);color:var(--text-primary);padding:10px 14px;border-radius:var(--radius-md);font-size:.75rem;font-family:SF Pixelate,monospace;font-weight:400;line-height:1.6;letter-spacing:.05em;white-space:nowrap;box-shadow:var(--shadow-lg);border:1px solid rgba(59,130,246,.3);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.tooltip-item.active:after{opacity:1;transform:translateY(0)}.social-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0;padding:0;border:2px solid var(--accent-primary);position:relative;box-shadow:0 -4px 0 var(--accent-primary);border-radius:var(--radius-lg);overflow:hidden}.social-grid:hover{transform:translateY(-2px) translateZ(0);box-shadow:0 -6px 0 var(--accent-primary);transition:transform .2s ease,box-shadow .2s ease}.social-link-wrapper{position:relative;display:flex;overflow:visible}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--gradient-card);color:var(--text-secondary);text-decoration:none;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transform:translateZ(0);transition:transform .2s ease,color .2s ease}.social-link-wrapper:not(:last-child) .social-link{border-right:1px solid var(--bg-tertiary)}.social-link .hover-bg{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-primary);transform:translate3d(-100%,0,0);transition:transform .2s ease;will-change:transform;z-index:1}.social-link:hover .hover-bg{transform:translateZ(0)}.social-link svg{width:1.35rem;height:1.35rem;transition:var(--transition-fast);z-index:2;position:relative}.social-link:hover svg{color:var(--text-primary);transform:scale(1.1)}.social-link.disabled{opacity:.4}.social-link.disabled:hover .hover-bg{transform:translate3d(-100%,0,0)}.social-link.disabled svg{opacity:.5}@media (max-width: 1024px){.social-link{width:3.5rem;height:3.5rem}.social-link svg{width:1.25rem;height:1.25rem}}@media (max-width: 768px){.social-grid{border-radius:var(--radius-md)}.social-link{width:3.25rem;height:3.25rem}.social-link svg{width:1.15rem;height:1.15rem}}@media (max-width: 480px){.pixel-social-container{padding-bottom:calc(env(safe-area-inset-bottom,0) + var(--space-md))}.social-grid{border-radius:var(--radius-sm);box-shadow:0 -3px 0 var(--accent-primary)}.social-grid:hover{box-shadow:0 -4px 0 var(--accent-primary)}.social-link{width:2.75rem;height:2.75rem}.social-link svg{width:1rem;height:1rem}}@media (max-width: 400px){.social-grid{border-radius:var(--radius-sm);gap:0}.social-link{width:2.75rem;height:2.75rem}.social-link svg{width:1rem;height:1rem}.tooltip-item:after{padding:8px 10px;font-size:.65rem}}@media (max-width: 360px){.social-link{width:2.5rem;height:2.5rem}.social-link svg{width:.9rem;height:.9rem}}@media (max-width: 340px){.social-link{width:2.5rem;height:2.5rem}.social-link svg{width:.9rem;height:.9rem}.social-grid{border-width:1px;box-shadow:0 -3px 0 var(--accent-primary)}.social-grid:hover{box-shadow:0 -4px 0 var(--accent-primary)}}@media (prefers-reduced-motion: reduce){.social-link,.social-grid{transition:none!important}.social-link:hover,.social-grid:hover{transform:none}}@media (prefers-contrast: high){.social-grid{border-color:var(--text-primary);box-shadow:0 -4px 0 var(--text-primary)}.social-link{border-color:var(--text-primary)}.social-link:hover:before{background:var(--text-primary)}}.social-link:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;z-index:10}@media print{.pixel-social-container{display:none}}
