@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#000;font-family:VT323,monospace;overflow:hidden;position:relative}.App,body{height:100vh}.App{width:100%}:root{--vhs-background-scan-duration:8s;--vhs-background-scan-paused-duration:5s;--vhs-static-flash-duration:1200ms;--vhs-lightning-strike-duration:2s;--vhs-scanline-move-duration:25s;--vhs-scanline-move-paused-duration:8s}.vhs-container{align-items:center;display:flex;flex-direction:column;font-family:VT323,monospace;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw;z-index:1}.vhs-container:before{animation:backgroundScan 8s linear infinite;animation:backgroundScan var(--vhs-background-scan-duration) linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0014 0,#00ff0014 4px),repeating-linear-gradient(90deg,#0000,#0000 1px,#ff00ff08 0,#ff00ff08 2px);filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px);mix-blend-mode:multiply;z-index:1}.vhs-container:after,.vhs-container:before{content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.vhs-container:after{animation:backgroundDistortion 4s ease-in-out infinite alternate;background:linear-gradient(45deg,#ff00001a,#0000 20%,#00ff000d 40%,#0000 60%,#0000ff14 80%,#0000);filter:contrast(2) brightness(.3) saturate(.05);mix-blend-mode:screen;z-index:2}.vhs-scramble{animation:scrambleMove 20s linear infinite,scramblePulse 5s infinite;background:repeating-linear-gradient(13deg,#80808005,rgba(96,96,96,.015) 3px,#a0a0a003 6px,#50505005 9px,#0000 12px,hsla(0,0%,56%,.015) 15px),repeating-linear-gradient(73deg,hsla(0,0%,75%,.008),rgba(64,64,64,.012) 2px,#0000 4px,#80808003 6px);mix-blend-mode:multiply;opacity:.15;z-index:3}.static-overlay{animation:staticFlicker 3s infinite,staticShift 8s infinite;background:repeating-linear-gradient(0deg,#ffffff08,#00000008 1px,#ffffff03 2px,#00000005 3px,#ffffff0a 4px,#00000003 5px),repeating-linear-gradient(90deg,#80808005,#40404008 1px,#c0c0c003 2px,#20202005 3px),repeating-linear-gradient(45deg,#ffffff03,#00000005 1px,#0000 2px,hsla(0,0%,50%,.015) 3px);mix-blend-mode:overlay;opacity:.4;z-index:4}.scan-lines{animation:scanlineMove 25s linear infinite;animation:scanlineMove var(--vhs-scanline-move-duration) linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px);z-index:5}.tracking-lines{animation:trackingMove 25s linear infinite;background:repeating-linear-gradient(90deg,#0000,#0000 100px,#ffffff05 0,#ffffff05 101px);z-index:6}.static-flash{animation:staticNoise 1.2s ease-out;animation:staticNoise var(--vhs-static-flash-duration) ease-out;background:repeating-linear-gradient(0deg,#fff9,#000c 1px,#fff6 2px,#000000e6 3px,#ffffffb3 4px,#0009 5px),repeating-linear-gradient(0deg,#0000,#ffffffe6 1px,#0000 2px,#000000e6 3px,#0000 4px),repeating-linear-gradient(90deg,#0000,#ffffffe6 1px,#0000 2px,#000000e6 3px,#0000 4px),repeating-linear-gradient(45deg,#fff9,#0000 1px,#0009 2px,#0000 3px);height:100%;left:0;mix-blend-mode:screen;opacity:1;pointer-events:none;position:absolute;top:0;width:100%;z-index:5}.vhs-timestamp{align-items:center;background:#0009;border:1px solid #0000;border-radius:4px;color:red;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:8px;padding:8px 12px;position:absolute;right:20px;text-shadow:2px 2px 4px #000c;top:20px;transition:all .3s;z-index:100}.vhs-timestamp:hover{background:#000c;border:1px solid red;box-shadow:0 0 15px #f006;transform:scale(1.05)}.rec-dot{animation:recBlink 1.5s infinite;background:red;border-radius:50%;box-shadow:0 0 6px red;height:8px;width:8px}.vhs-text{animation:textGlow 3s ease-in-out infinite alternate;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;border:1px solid #00ff004d;border-radius:4px;box-shadow:0 0 20px #000c,0 0 10px #0f03;color:#0f0;filter:brightness(1.2) contrast(1.1);font-size:32px;letter-spacing:2px;max-width:800px;padding:20px 30px;position:relative;text-align:center;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0,2px 2px 0 #030;text-transform:uppercase;z-index:10}.vhs-text.chromatic{animation:textGlow 3s ease-in-out infinite alternate,chromaticShift 6s infinite;filter:brightness(1.2) contrast(1.1) drop-shadow(1px 0 0 #ff0000) drop-shadow(-1px 0 0 #0000ff)}.vhs-text .line{display:block;margin-bottom:8px;opacity:0;position:relative;transition:opacity .2s ease-in;z-index:50}.vhs-text .line.typing:after{animation:cursorBlink 1s infinite;color:#0f0;content:"_";margin-left:2px}.cat-link,.vhs-link{background:none;border:none;color:inherit;cursor:pointer;display:inline;font:inherit;margin:0;padding:2px 4px;position:relative;text-decoration:underline;z-index:1000}.vhs-link{color:#0ff;-webkit-text-decoration-color:#0ff;text-decoration-color:#0ff;text-shadow:0 0 5px #0ff;transition:all .2s}.vhs-link:hover{color:#ff0;-webkit-text-decoration-color:#ff0;text-decoration-color:#ff0;text-shadow:0 0 10px #ff0;transform:scale(1.05)}.cat-link{color:#f0f;-webkit-text-decoration-color:#f0f;text-decoration-color:#f0f;text-shadow:0 0 5px #f0f;transition:all .2s}.cat-link:hover{color:#ff0;-webkit-text-decoration-color:#ff0;text-decoration-color:#ff0;text-shadow:0 0 10px #ff0;transform:scale(1.05)}.vhs-nav{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border:1px solid #00ff004d;border-radius:4px;bottom:80px;box-shadow:0 0 20px #000c,0 0 10px #0f03;display:flex;flex-wrap:nowrap;font-family:VT323,monospace;gap:25px;justify-content:center;left:50%;min-height:80px;opacity:0;padding:20px 40px;position:absolute;transform:translateX(-50%) scale(0);transition:all .8s cubic-bezier(.68,-.55,.265,1.55);white-space:nowrap;z-index:1000}.vhs-nav.show{opacity:1;transform:translateX(-50%) scale(1)}.vhs-nav-item{align-items:center;animation:navSlideUp 1s cubic-bezier(.68,-.55,.265,1.55) forwards;background:#00ff001a;border:1px solid #0f0;box-shadow:0 0 10px #0f03;color:#0f0;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:VT323,monospace;font-size:16px;min-width:140px;opacity:0;padding:15px 25px;text-transform:uppercase;transform:translateY(50px) scale(.7);transition:all .2s}.vhs-nav-item:hover{background:#0f03;border-color:#ff0;box-shadow:0 0 15px #ffff004d;color:#ff0;transform:scale(1.05)}.vhs-nav-item.cat-nav{background:#ff00ff1a;border-color:#f0f;box-shadow:0 0 10px #f0f3;color:#f0f}.vhs-nav-item.cat-nav:hover{background:#f0f3;border-color:#ff0;box-shadow:0 0 15px #ffff004d;color:#ff0}.nav-label{font-size:18px;font-weight:700;line-height:1}.nav-desc{font-size:14px;line-height:1;margin-top:2px;opacity:.8}.toggle-effects-btn{background:#ff03;border:1px solid #ff0;border-radius:4px;bottom:20px;color:#ff0;cursor:pointer;font-family:VT323,monospace;left:20px;padding:10px;position:absolute;transition:all .2s;z-index:1000}.toggle-effects-btn:hover{background:#ffff004d}.fast-forward-btn{background:#0ff3;border:1px solid #0ff;border-radius:4px;bottom:20px;color:#0ff;cursor:pointer;font-family:VT323,monospace;padding:10px;position:absolute;right:20px;transition:all .2s;z-index:1000}.fast-forward-btn:hover{background:#00ffff4d;box-shadow:0 0 15px #00ffff4d}.pause-btn{background:#ff03;border:1px solid #ff0;border-radius:4px;bottom:20px;color:#ff0;cursor:pointer;font-family:VT323,monospace;padding:10px;position:absolute;right:120px;transition:all .2s;z-index:1000}.pause-btn:hover{background:#ffff004d;box-shadow:0 0 15px #ffff004d}.contact-button{animation:buttonFadeIn .8s ease-out forwards;background:#0f03;border:2px solid #0f0;box-shadow:0 0 15px #00ff004d;color:#0f0;font-size:18px;padding:12px 24px;transform:translateY(20px);transition:all .3s;z-index:1000}.contact-button:hover{background:#00ff004d;box-shadow:0 0 25px #00ff0080;transform:translateY(18px) scale(1.05)}.eject-button{animation:ejectFadeIn .8s ease-out forwards;background:#f003;border:2px solid red;border-radius:4px;bottom:15px;box-shadow:0 0 10px #ff00004d;color:red;cursor:pointer;font-family:VT323,monospace;font-size:14px;opacity:0;padding:6px 12px;position:absolute;right:15px;text-transform:uppercase;transform:translateY(10px);transition:all .3s;z-index:1001}.eject-button:hover{background:#ff00004d;box-shadow:0 0 15px #ff000080;transform:translateY(8px) scale(1.05)}.reopen-icon{animation:reopenFadeIn .5s ease-out 1.2s forwards;background:#f009;border:2px solid red;border-radius:4px;box-shadow:0 0 20px #f006;color:red;cursor:pointer;font-family:VT323,monospace;font-size:14px;font-weight:700;opacity:0;padding:6px 12px;text-shadow:2px 2px 4px #000c;text-transform:uppercase;transition:all .3s}.reopen-icon:hover{background:#ff000080;box-shadow:0 0 25px #ff000080;transform:scale(1.1)}.top-button-container{display:flex;gap:10px;left:20px;position:absolute;top:20px;z-index:1002}.help-button{animation:helpFadeIn .8s ease-out .2s forwards;background:#ff03;border:2px solid #ff0;border-radius:4px;box-shadow:0 0 10px #ffff004d;color:#ff0;cursor:pointer;font-family:VT323,monospace;font-size:14px;opacity:0;padding:6px 12px;text-transform:uppercase;transform:translateY(-10px);transition:all .3s}.help-button:hover{background:#ffff004d;box-shadow:0 0 15px #ffff0080;transform:translateY(-2px) scale(1.05)}.help-button:active{transform:scale(.95)}.test-btn{background:#0f03;border:1px solid #0f0;border-radius:4px;bottom:20px;color:#0f0;cursor:pointer;font-family:VT323,monospace;padding:10px;position:absolute;right:20px;z-index:1000}.effects-reduced .scan-lines,.effects-reduced .static-overlay,.effects-reduced .tracking-lines,.effects-reduced .vhs-scramble{animation:none;opacity:.01}.vhs-container.ejected .vhs-text{animation:slideTextToTopLeft 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.vhs-container.reopening .vhs-text{animation:slideTextToCenter 1.2s cubic-bezier(.25,.46,.45,.94) forwards}.static-text-overlay{animation:pauseStaticFlicker .3s infinite,pauseStaticDrift 4s ease-in-out infinite;background:repeating-linear-gradient(0deg,#ffffff1a,#ffffff1a 1px,#0000001a 0,#0000001a 2px,#ffffff0d 0,#ffffff0d 3px,#0000000d 0,#0000000d 4px),repeating-linear-gradient(90deg,#0000,#ffffff08 1px,#0000 2px,#00000005 3px,#0000 4px),repeating-linear-gradient(27deg,#ffffff0a,#0000000f 1px,#80808008 2px,#4040400d 3px,#c0c0c005 4px,#0000 5px);mix-blend-mode:overlay;opacity:.6;z-index:800}.vhs-container.paused:before{animation:backgroundScan 5s linear infinite,lightningStrike 2s ease-in-out infinite;animation:backgroundScan var(--vhs-background-scan-paused-duration) linear infinite,lightningStrike var(--vhs-lightning-strike-duration) ease-in-out infinite}.vhs-container.paused .static-overlay{animation:staticFlicker .5s infinite,lightningFlash 3s ease-in-out infinite;opacity:.4}.vhs-container.paused .scan-lines{animation:scanlineMove 8s linear infinite,lightningGlitch 2.5s ease-in-out infinite;animation:scanlineMove var(--vhs-scanline-move-paused-duration) linear infinite,lightningGlitch 2.5s ease-in-out infinite}@keyframes staticFlicker{0%,85%,to{opacity:.4}90%{opacity:.6}95%{opacity:.3}}@keyframes staticShift{0%{filter:brightness(1) contrast(1);transform:translateX(0) translateY(0)}25%{filter:brightness(1.1) contrast(1.05);transform:translateX(1px) translateY(-.5px)}50%{filter:brightness(.95) contrast(1.1);transform:translateX(-.5px) translateY(1px)}75%{filter:brightness(1.05) contrast(.98);transform:translateX(-1px) translateY(-1px)}to{filter:brightness(1) contrast(1);transform:translateX(0) translateY(0)}}@keyframes scramblePulse{0%,to{opacity:.15}50%{opacity:.08}}@keyframes staticFlash{0%{opacity:.8}to{opacity:0}}@keyframes staticNoise{0%{filter:contrast(1.5) brightness(1.2);opacity:1;transform:translate(0) scale(1)}10%{filter:contrast(2) brightness(.8);opacity:.8;transform:translate(-3px,2px) scale(1.02)}20%{filter:contrast(1.8) brightness(1.5);opacity:1;transform:translate(2px,-1px) scale(.98)}30%{filter:contrast(2.2) brightness(.6);opacity:.7;transform:translate(-1px,3px) scale(1.01)}40%{filter:contrast(1.6) brightness(1.3);opacity:.9;transform:translate(1px,-2px) scale(.99)}50%{filter:contrast(2.5) brightness(.9);opacity:1;transform:translate(-2px,1px) scale(1.02)}60%{filter:contrast(1.9) brightness(1.1);opacity:.6;transform:translate(3px,-3px) scale(.97)}70%{filter:contrast(2.1) brightness(.7);opacity:.8;transform:translate(-1px,2px) scale(1.01)}80%{filter:contrast(1.4) brightness(1.4);opacity:.4;transform:translate(2px,-1px) scale(.98)}90%{filter:contrast(1.2) brightness(1);opacity:.2;transform:translate(-1px,1px) scale(1)}to{filter:contrast(1) brightness(1);opacity:0;transform:translate(0) scale(1)}}@keyframes scanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes trackingMove{0%{transform:translateX(-100%)}to{transform:translateX(100vw)}}@keyframes scrambleMove{0%{filter:hue-rotate(0deg);transform:translate(0)}25%{filter:hue-rotate(90deg);transform:translate(1px,-.5px)}50%{filter:hue-rotate(180deg);transform:translate(-.5px,1px)}75%{filter:hue-rotate(270deg);transform:translate(-1px,-1px)}to{filter:hue-rotate(1turn);transform:translate(0)}}@keyframes chromaticShift{0%,to{filter:brightness(1.2) contrast(1.1) drop-shadow(0 0 0 #ff0000) drop-shadow(0 0 0 #0000ff)}33%{filter:brightness(1.2) contrast(1.1) drop-shadow(1.5px 0 0 #ff0000) drop-shadow(-.5px 0 0 #0000ff)}66%{filter:brightness(1.2) contrast(1.1) drop-shadow(-.5px 0 0 #ff0000) drop-shadow(1.5px 0 0 #0000ff)}}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes backgroundScan{0%{filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px);transform:translateX(0)}15%{filter:contrast(2.2) brightness(.2) saturate(.05) sepia(.9) hue-rotate(180deg) blur(.8px);transform:translateX(-3px)}30%{filter:contrast(.8) brightness(.6) saturate(.3) sepia(.3) hue-rotate(-45deg) blur(.1px);transform:translateX(2px)}45%{filter:contrast(3) brightness(.1) saturate(.02) sepia(1) hue-rotate(270deg) blur(1.2px);transform:translateX(-1px)}60%{filter:contrast(1.8) brightness(.3) saturate(.08) sepia(.7) hue-rotate(90deg) blur(.5px);transform:translateX(1px)}80%{filter:contrast(2.5) brightness(.15) saturate(.03) sepia(.95) hue-rotate(315deg) blur(.9px);transform:translateX(-2px)}to{filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px);transform:translateX(0)}}@keyframes backgroundDistortion{0%{filter:contrast(2) brightness(.3) saturate(.05);transform:translateY(0) skewX(0deg)}25%{filter:contrast(2.8) brightness(.1) saturate(.02);transform:translateY(-2px) skewX(1deg)}50%{filter:contrast(1.5) brightness(.4) saturate(.08);transform:translateY(1px) skewX(-.5deg)}75%{filter:contrast(3.2) brightness(.08) saturate(.01);transform:translateY(-1px) skewX(.8deg)}to{filter:contrast(2) brightness(.3) saturate(.05);transform:translateY(0) skewX(0deg)}}@keyframes navFadeIn{0%{opacity:0;transform:translateY(30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navSlideUp{0%{opacity:0;transform:translateY(50px) scale(.7)}60%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes navContainerExpand{0%{transform:translateX(-50%) scaleX(.8)}to{transform:translateX(-50%) scaleX(1)}}@keyframes buttonFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ejectFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes reopenFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideTextToTopLeft{0%{opacity:1;position:relative;transform:scale(1) translate(0)}80%{left:20px;opacity:1;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);z-index:1003}to{left:20px;opacity:0;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);visibility:hidden;z-index:1003}}@keyframes slideTextToCenter{0%{left:20px;opacity:0;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);visibility:hidden;z-index:1003}20%{left:20px;opacity:1;position:fixed;top:20px;transform:scale(.3) translate(-120vw,-80vh);visibility:visible;z-index:1003}to{opacity:1;position:relative;transform:scale(1) translate(0);visibility:visible}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes lightningStrike{0%,85%,to{filter:contrast(1.4) brightness(.4) saturate(.1) sepia(.6) hue-rotate(25deg) blur(.3px)}90%,95%{filter:contrast(8) brightness(2) saturate(2) sepia(.1) hue-rotate(200deg) blur(.1px)}}@keyframes lightningFlash{0%,88%,to{opacity:.4}90%,92%,94%{opacity:.9}}@keyframes lightningGlitch{0%,87%,to{opacity:1;transform:translateY(0)}90%{opacity:.8;transform:translateY(-5px)}92%{opacity:1;transform:translateY(3px)}94%{opacity:.9;transform:translateY(-2px)}}@keyframes pauseStaticFlicker{0%,70%,to{filter:brightness(1) contrast(1);opacity:.6}75%{filter:brightness(1.3) contrast(1.4);opacity:.8}80%{filter:brightness(.7) contrast(.9);opacity:.4}85%{filter:brightness(1.5) contrast(1.6);opacity:.9}90%{filter:brightness(.8) contrast(1.1);opacity:.5}}@keyframes pauseStaticDrift{0%{transform:translateX(0) translateY(0)}25%{transform:translateX(-1px) translateY(.5px)}50%{transform:translateX(.5px) translateY(-1px)}75%{transform:translateX(-.5px) translateY(.5px)}to{transform:translateX(0) translateY(0)}}@media (max-width:768px){.vhs-text{box-sizing:border-box;font-size:24px;margin:20px;max-width:calc(100vw - 40px);padding:15px 20px}.vhs-container.ejected .vhs-text{animation:hideTextOnMobile .5s ease-out forwards;opacity:0;visibility:hidden}.vhs-nav{bottom:120px;box-sizing:border-box;flex-wrap:wrap;justify-content:center;left:20px;margin:0;max-width:none;padding:15px 20px;right:20px;transform:none;width:calc(100vw - 40px)}.vhs-nav.show{opacity:1;transform:none}.vhs-nav-item{flex-basis:calc(50% - 8px);flex-grow:0;flex-shrink:0;font-size:12px;margin-bottom:8px;max-width:150px;min-width:120px;padding:8px 12px}.nav-label{font-size:14px}.nav-desc{font-size:10px}}@media (max-width:480px){.vhs-text{font-size:20px;margin:15px;padding:12px 15px}.vhs-nav{bottom:100px;flex-wrap:wrap;gap:6px;justify-content:center;left:15px;padding:12px 15px;right:15px;width:calc(100vw - 30px)}.vhs-nav-item{flex-basis:calc(50% - 6px);flex-grow:0;flex-shrink:0;margin-bottom:6px;max-width:130px;min-width:100px;padding:6px 10px}.nav-label{font-size:12px}.nav-desc{font-size:9px}}@keyframes hideTextOnMobile{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes recBlink{0%,50%{box-shadow:0 0 6px red;opacity:1}51%,to{box-shadow:0 0 2px red;opacity:.3}}.vhs-loading-container{align-items:center;background:linear-gradient(45deg,#012,#024,#013);display:flex;font-family:VT323,monospace;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.vhs-loading-text{color:#0f0;font-size:24px;letter-spacing:2px;text-align:center;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0;text-transform:uppercase}.loading-line{animation:loadingFlicker 2s infinite;margin-bottom:15px}.loading-line:nth-child(2){animation-delay:.5s}.loading-progress{background:#0f03;border:1px solid #0f0;height:4px;margin:20px auto 0;overflow:hidden;width:300px}.loading-bar{animation:loadingBar 1.5s linear infinite;background:linear-gradient(90deg,#0000,#0f0,#0000);height:100%}@keyframes loadingFlicker{0%,90%,to{opacity:1;text-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 30px #0f0}95%{opacity:.8;text-shadow:0 0 5px #0f0,0 0 10px #0f0,0 0 15px #0f0}}@keyframes loadingBar{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.contact-modal{align-items:center;animation:modalFadeIn .3s ease-out;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.contact-modal-content{background:#000;border:2px solid #0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a;font-family:VT323,monospace;max-height:80vh;max-width:500px;overflow:hidden;padding:0;position:relative;width:90%}.contact-modal-static{animation:modalStaticFlicker 3s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23contact-noise)" opacity=".05"/></svg>');opacity:.1;z-index:1}.contact-modal-scanlines,.contact-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.contact-modal-scanlines{animation:modalScanlineMove 4s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0003 0,#00ff0003 4px);z-index:2}.contact-modal-close{background:none;border:none;color:red;cursor:pointer;font-family:inherit;font-size:28px;font-weight:700;position:absolute;right:15px;top:15px;transition:all .2s;z-index:10}.contact-modal-close:hover{color:#f66;transform:scale(1.2)}.contact-modal-header{align-items:center;background:#00ff001a;border-bottom:1px solid #0f0;display:flex;justify-content:space-between;padding:15px 60px 15px 15px;position:relative;z-index:5}.contact-title{color:#0f0;font-size:24px;font-weight:700;text-transform:uppercase}.contact-modal-timestamp{background:#0009;border-radius:3px;color:red;font-size:24px;padding:5px 10px}.contact-modal-body{background:#000;padding:20px;position:relative;z-index:5}.contact-form{gap:15px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#0f0;font-size:24px;text-transform:uppercase}.form-group input,.form-group textarea{background:#00ff000d;border:1px solid #0f0;border-radius:4px;color:#0f0;font-family:VT323,monospace;font-size:24px;outline:none;padding:10px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{background:#00ff001a;border-color:#0ff;box-shadow:0 0 10px #00ff004d}.form-group input:disabled,.form-group textarea:disabled{cursor:not-allowed;opacity:.5}.form-group input.error,.form-group textarea.error{background:#ff00000d;border-color:red;box-shadow:0 0 10px #ff00004d}.validation-error{color:red;font-family:VT323,monospace;font-size:24px;margin-top:5px;text-transform:uppercase}.form-group textarea{min-height:80px;resize:vertical}.contact-submit{background:#00ff001a;border:2px solid #0f0;border-radius:4px;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:24px;margin-top:10px;padding:12px 20px;text-transform:uppercase;transition:all .2s}.contact-submit:hover:not(:disabled){background:#0f03;box-shadow:0 0 15px #0f06;transform:scale(1.02)}.contact-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.contact-success{padding:20px;text-align:center}.success-message{animation:textGlow 2s ease-in-out infinite alternate;color:#0f0;font-size:24px;margin-bottom:10px;text-transform:uppercase}.success-subtitle{color:#0ff;font-size:24px}.contact-error{background:#ff00001a;border:1px solid red;border-radius:4px;color:red;margin-top:10px;padding:10px;text-align:center}.contact-button,.contact-error{font-size:24px;text-transform:uppercase}.contact-button{animation:contactButtonSlideUp 1s cubic-bezier(.68,-.55,.265,1.55) forwards;background:#ffff001a;border:2px solid #ff0;border-radius:4px;box-shadow:0 0 10px #ff03;color:#ff0;cursor:pointer;font-family:VT323,monospace;margin-top:20px;opacity:0;padding:10px 20px;transform:translateY(30px) scale(.9);transition:all .2s}.contact-button:hover{background:#ff03;box-shadow:0 0 20px #ff06;transform:scale(1.05)}@keyframes contactButtonSlideUp{0%{opacity:0;transform:translateY(30px) scale(.7)}60%{opacity:.8;transform:translateY(-5px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.recording-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.recording-modal-content{animation:modalSlideIn .3s ease-out;background:linear-gradient(135deg,#012,#024,#013);border:2px solid red;border-radius:8px;box-shadow:0 0 30px #ff00004d,inset 0 0 20px #00000080;font-family:VT323,monospace;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.recording-modal-header{align-items:center;background:#ff00001a;border-bottom:1px solid red;display:flex;justify-content:space-between;padding:15px 20px}.rec-indicator{align-items:center;display:flex;font-size:18px;font-weight:700;gap:8px}.rec-dot-large{animation:recBlink 1.5s infinite;background:red;border-radius:50%;box-shadow:0 0 8px red;height:12px;width:12px}.recording-modal-close{align-items:center;background:none;border:1px solid red;border-radius:4px;color:red;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:18px;height:30px;justify-content:center;transition:all .2s;width:30px}.recording-modal-close:hover{background:#f003;box-shadow:0 0 10px #ff00004d}.recording-modal-body{padding:20px}.recording-info h3{color:red;font-size:24px;margin:0 0 15px;text-align:center;text-transform:uppercase}.recording-info p{color:#0f0;font-size:16px;line-height:1.4;margin:10px 0}.vhs-details{background:#00ff000d;border:1px solid #0f0;border-radius:4px;margin-top:20px;padding:15px}.detail-line{display:flex;font-size:14px;justify-content:space-between;margin:8px 0}.detail-line .label{color:#0ff}.detail-line .value{color:#ff0;font-weight:700}.recording-modal-footer{background:#ff00001a;border-top:1px solid red;padding:15px 20px;text-align:center}.recording-modal-ok{background:#0f03;border:2px solid #0f0;border-radius:4px;box-shadow:0 0 10px #0f03;color:#0f0;cursor:pointer;font-family:VT323,monospace;font-size:16px;padding:10px 20px;text-transform:uppercase;transition:all .3s}.recording-modal-ok:hover{background:#00ff004d;box-shadow:0 0 15px #0f06;transform:scale(1.05)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.recording-modal-content{margin:20px;width:95%}.recording-info h3{font-size:20px}.recording-info p{font-size:14px}.detail-line{font-size:12px}}.help-content{color:#0f0;line-height:1.4;max-height:60vh;overflow-y:auto;padding:15px;position:relative;z-index:2}.help-content h3{border-bottom:1px solid #0f0;color:#0f0;font-size:24px;font-weight:700;letter-spacing:1px;margin:15px 0 10px;padding-bottom:5px;text-transform:uppercase}.help-content h3:first-child{margin-top:0}.help-content ul{list-style:none;margin:0 0 15px;padding:0}.help-content li{background:#00ff0008;border-left:2px solid #0f0;margin-bottom:8px;padding:5px 0 5px 15px}.help-content strong{color:#8f8;font-weight:700}.help-content p{background:#00ff000d;border:1px solid #0f0;font-style:italic;margin:15px 0;padding:10px;text-align:center}.help-content em{color:#6f6}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#0000004d;border:1px solid #0f0}.help-content::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.help-content::-webkit-scrollbar-thumb:hover{background:#8f8}.help-cta-section{border-top:2px solid #0f0;margin-top:20px;padding-top:15px;text-align:center}.help-about-cta{animation:ctaPulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#0f0,#8f8);border:3px solid #0f0;border-radius:8px;box-shadow:0 0 20px #00ff0080,inset 0 0 10px #00ff001a;color:#000;cursor:pointer;font-family:VT323,monospace;font-size:22px;font-weight:700;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.help-about-cta:hover{background:linear-gradient(45deg,#8f8,#afa);box-shadow:0 0 30px #00ff00b3,inset 0 0 15px #0f03;transform:scale(1.05)}.help-about-cta:active{transform:scale(.98)}@keyframes ctaPulse{0%{box-shadow:0 0 20px #00ff0080,inset 0 0 10px #00ff001a}to{box-shadow:0 0 25px #00ff00b3,inset 0 0 15px #0f03}}.about-modal-backdrop{align-items:center;animation:modalFadeIn .4s ease-out;background-color:#000000f2;display:flex;height:100%;justify-content:center;left:0;padding:2vh;position:fixed;top:0;width:100%;z-index:9999}.about-modal-content{background:#000;border:3px solid #0f0;box-shadow:0 0 30px #0f0,inset 0 0 30px #00ff001a;display:flex;flex-direction:column;font-family:VT323,monospace;height:80vh;max-height:800px;max-width:1200px;overflow:hidden;position:relative;width:80vw}.about-modal-static{animation:modalStaticFlicker 4s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23about-noise)" opacity=".03"/></svg>');opacity:.1}.about-modal-scanlines,.about-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.about-modal-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0008 0,#00ff0008 4px)}.about-modal-close{align-items:center;background:#0000;border:2px solid #0f0;color:#0f0;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:24px;font-weight:700;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s;width:35px;z-index:3}.about-modal-close:hover{background:#0f03;box-shadow:0 0 10px #00ff0080;transform:scale(1.1)}.about-modal-header{background:#00ff000d;border-bottom:2px solid #0f0;padding:25px 30px 15px;position:relative;z-index:2}.about-title{animation:titleGlow 3s ease-in-out infinite alternate;color:#0f0;font-size:32px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.about-subtitle{color:#8f8;font-size:24px;font-style:italic;margin-top:8px;opacity:.9}.about-modal-body{flex:1 1;overflow-y:auto;padding:0;position:relative;z-index:2}.blog-content{color:#0f0;font-size:22px;line-height:1.6;padding:30px}.blog-content h2{border-left:4px solid #0f0;color:#8f8;font-size:24px;font-weight:700;letter-spacing:1px;margin:25px 0 15px;padding-left:15px;text-transform:uppercase}.blog-content h2:first-child{margin-top:0}.blog-content p{margin:0 0 20px;text-align:justify}.blog-content p:last-of-type{margin-bottom:30px}.closing-note{background:#00ff000d;border:1px solid #0f0;border-radius:8px;color:#afa;font-style:italic;margin:30px 0!important;padding:20px;text-align:center}.signature{align-items:flex-end;border-top:1px solid #0f0;display:flex;flex-direction:column;gap:5px;margin-top:40px;padding-top:20px;text-align:right}.signature span:first-child{color:#8f8;font-size:24px;font-weight:700}.signature .date{color:#6f6;font-size:24px;opacity:.8}.about-modal-body::-webkit-scrollbar{width:12px}.about-modal-body::-webkit-scrollbar-track{background:#0000004d;border:1px solid #0f0}.about-modal-body::-webkit-scrollbar-thumb{background:#0f0;border-radius:6px}.about-modal-body::-webkit-scrollbar-thumb:hover{background:#8f8}.claude-pop{background:#00ff0014;border-left:3px solid #0f0;border-radius:4px;box-shadow:inset 0 0 10px #00ff001a;font-style:italic;margin:15px 0;padding:15px}.escapism-link{background:none;border:none;color:red;cursor:pointer;font-family:inherit;font-size:inherit;font-style:italic;margin:0;padding:0;position:relative;text-decoration:underline;-webkit-text-decoration-color:red;text-decoration-color:red;transition:all .3s ease}.escapism-link:hover{animation:escapismGlow 1s ease-in-out infinite alternate;color:#f66;text-shadow:0 0 8px #f009}.escapism-link:active{transform:scale(.98)}@keyframes escapismGlow{0%{text-shadow:0 0 8px #f009}to{text-shadow:0 0 15px #ff0000e6,0 0 25px #f006}}@keyframes titleGlow{0%{opacity:.8}to{opacity:1}}@media (max-width:768px){.about-modal-content{height:90vh;width:95vw}.about-subtitle,.about-title{font-size:24px}.blog-content{font-size:20px;padding:20px}.blog-content h2{font-size:24px}}.video-modal-backdrop{align-items:center;animation:modalFadeIn .4s ease-out;background-color:#000000fa;display:flex;height:100%;justify-content:center;left:0;padding:2vh;position:fixed;top:0;width:100%;z-index:9999}.video-modal-content{background:#000;border:3px solid red;box-shadow:0 0 30px red,inset 0 0 30px #ff00001a;display:flex;flex-direction:column;font-family:VT323,monospace;height:85vh;max-height:900px;max-width:1400px;overflow:hidden;position:relative;width:90vw}.video-modal-static{animation:modalStaticFlicker 3s infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100%" height="100%" filter="url(%23video-noise)" opacity=".02"/></svg>');opacity:.1}.video-modal-scanlines,.video-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.video-modal-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ff000005 0,#ff000005 4px)}.video-modal-close{align-items:center;background:#000000e6;border:2px solid red;border-radius:4px;box-shadow:0 0 15px #000000e6,0 0 5px #ff000080;color:red;cursor:pointer;display:flex;flex-shrink:0;font-family:VT323,monospace;font-size:28px;font-weight:700;height:40px;justify-content:center;transition:all .3s;width:40px}.video-modal-close:hover{background:#f003;box-shadow:0 0 10px #ff000080;transform:scale(1.1)}.video-modal-header{align-items:center;background:#ff00000d;border-bottom:2px solid red;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:20px 25px;position:relative;z-index:2}.vhs-player-controls{align-items:center;color:red;display:flex;flex:1 1;font-size:16px;gap:15px;min-width:0}.vhs-label{background:red;color:#000;font-size:14px;font-weight:700;padding:2px 8px}.tape-counter{background:#000;border:1px solid red;color:red;font-family:Courier New,monospace;padding:2px 8px}.vhs-indicators{display:flex;gap:8px}.play-indicator{animation:blink 1.5s infinite;color:#0f0}.rec-indicator{animation:blink 2s infinite;color:red}.video-title{color:red;flex-shrink:0;font-size:24px;font-weight:700;letter-spacing:1px;margin:0;text-align:right;text-transform:uppercase}.video-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;padding:20px;position:relative;z-index:2}.video-container{background:#000;border:2px solid #333;flex:1 1;overflow:hidden;position:relative}.video-iframe{background:#000;height:100%;width:100%}.vhs-controls-panel{align-items:center;background:#ff00000d;border:1px solid red;border-radius:4px;display:flex;justify-content:space-between;padding:15px}.control-group{display:flex;gap:10px}.vhs-control-btn{align-items:center;background:#ff00001a;border:1px solid red;border-radius:2px;color:red;cursor:pointer;display:flex;font-family:VT323,monospace;font-size:18px;height:40px;justify-content:center;line-height:1;min-width:44px;padding:0;transition:all .2s}.vhs-control-btn:hover{background:#f003;box-shadow:0 0 8px #ff00004d}.volume-control{align-items:center;color:red;display:flex;font-size:14px;gap:8px}.volume-bars{display:flex;gap:2px}.volume-bar{background:#333;border:1px solid red;height:12px;width:4px}.volume-bar.active{background:red;box-shadow:0 0 4px #ff000080}.video-modal-footer{background:#000c;border-top:1px solid red;padding:15px 25px;position:relative;z-index:2}.tape-info{align-items:center;color:red;display:flex;font-size:14px;justify-content:space-between}.tape-label{background:#ff00001a;border:1px solid red;padding:2px 8px}.tape-date,.tape-label{font-family:Courier New,monospace}.tape-date{opacity:.8}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width:768px){.video-modal-content{height:90vh;width:95vw}.video-modal-header{flex-direction:column;gap:10px;text-align:center}.video-title{font-size:18px}.vhs-controls-panel{flex-direction:column;gap:10px}.tape-info{flex-direction:column;gap:5px;text-align:center}}.background-manager{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:fixed;top:0;transition:background-image .1s ease-in-out;width:100%;z-index:0}:root{--vhs-scanlines-duration:25s;--vhs-static-flicker-duration:2s;--vhs-tracking-duration:8s;--vhs-static-noise-duration:1s}.vhs-scramble{background:repeating-linear-gradient(90deg,#0000,#0000 98px,#ffffff08 100px);z-index:10}.static-overlay,.vhs-scramble{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.static-overlay{animation:static-flicker 2s linear infinite alternate;animation:static-flicker var(--vhs-static-flicker-duration) infinite linear alternate;background:radial-gradient(circle,#0000 20%,#ffffff0d 70%),repeating-linear-gradient(0deg,#0000,#00ffff05 1px,#0000 2px);opacity:.6;z-index:8}.scan-lines{animation:scanlines 25s linear infinite;animation:scanlines var(--vhs-scanlines-duration) linear infinite;background:repeating-linear-gradient(0deg,#0000,#ffffff0d 1px,#0000 3px);z-index:9}.scan-lines,.tracking-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.tracking-lines{animation:tracking 8s ease-in-out infinite;animation:tracking var(--vhs-tracking-duration) ease-in-out infinite;background:repeating-linear-gradient(90deg,#0000,#ff00ff05 1px,#0000 3px);z-index:7}.static-text-overlay{animation:static-noise 1s infinite;animation:static-noise var(--vhs-static-noise-duration) infinite;background:#ffffff08;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:15}@keyframes static-flicker{0%{opacity:.6}to{opacity:.8}}@keyframes scanlines{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes tracking{0%,to{transform:translateX(0)}50%{transform:translateX(2px)}}@keyframes static-noise{0%{opacity:.1;transform:translateX(0)}50%{opacity:.05;transform:translateX(1px)}to{opacity:.1;transform:translateX(0)}}.cat-modal{align-items:center;animation:modalFadeIn .3s ease-out;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.cat-modal-content{background:#000;border:2px solid #0f0;box-shadow:0 0 20px #0f0,inset 0 0 20px #00ff001a;font-family:VT323,monospace;max-height:80vh;max-width:600px;overflow:hidden;padding:0;position:relative;width:80%}.cat-modal-static{animation:modalStaticFlicker 3s infinite;background:repeating-linear-gradient(45deg,#ffffff03,rgba(0,0,0,.015) 1px,hsla(0,0%,50%,.008) 2px,#0000 3px),repeating-linear-gradient(-45deg,hsla(0,0%,75%,.005),#40404003 1px,#0000 2px);opacity:.1;z-index:1}.cat-modal-scanlines,.cat-modal-static{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.cat-modal-scanlines{animation:modalScanlineMove 4s linear infinite;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff0003 0,#00ff0003 4px);z-index:2}.cat-modal-close{background:none;border:none;color:red;cursor:pointer;font-family:inherit;font-size:28px;font-weight:700;position:absolute;right:15px;top:15px;transition:all .2s;z-index:10}.cat-modal-close:hover{color:#f66;transform:scale(1.2)}.cat-modal-header{align-items:center;background:#00ff001a;border-bottom:1px solid #0f0;display:flex;justify-content:space-between;padding:15px 60px 15px 15px;position:relative;z-index:5}.cat-name{color:#0f0;font-size:24px;font-weight:700;text-transform:uppercase}.cat-modal-timestamp{background:#0009;border-radius:3px;color:red;font-size:16px;padding:5px 10px}.cat-modal-body{background:#000;padding:20px;position:relative;text-align:center;z-index:5}.cat-modal-body img{border:1px solid #0f0;box-shadow:0 0 15px #00ff004d;filter:contrast(1.1) brightness(.9) saturate(1.2) sepia(.1);max-height:60vh;max-width:100%;object-fit:contain}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalStaticFlicker{0%,95%,to{opacity:.1}97%{opacity:.2}}@keyframes modalScanlineMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}
/*# sourceMappingURL=main.bb95ac9c.css.map*/