:global(html),:global(body){background:var(--bg-color)!important;margin:0;padding:0;box-sizing:border-box}:global(body){background:var(--bg-color);color:var(--text-color);font-family:VCR,Courier New,monospace;min-height:100vh;width:100%;overflow-y:scroll!important;height:100%}:global(html){overflow-y:scroll;height:100%;position:relative}@font-face{font-family:VCR;src:url(../../../VCR_OSD_MONO.ttf) format("truetype")}:root{--bg-color: #090909;--border-color: #424242;--text-color: #d4d4d4;--active-bg: #ffffff;--active-text: #090909;--hover-bg: rgba(255, 255, 255, .1)}*{box-sizing:border-box}:global(#svelte){display:flex;flex-direction:column;align-items:flex-start;min-height:100vh;padding:40px;width:100%}:global(body),:global(h1),:global(h2),:global(h3),:global(p),:global(label),:global(span){color:var(--text-color);font-family:VCR,Courier New,monospace}:global(input[type=file]){color:var(--text-color)}::-webkit-scrollbar{-webkit-appearance:none;width:7px}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#00000080;box-shadow:0 0 1px #ffffff80}.header{border:1px solid var(--border-color);box-shadow:0 0 3px 1.5px #fff;padding:8px 15px;display:inline-block;margin-top:20px;margin-bottom:30px;font-size:14px;color:var(--text-color);font-family:VCR,Courier New,monospace;width:250px;box-sizing:border-box}.container{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.main-content{display:flex;gap:30px;width:100%}.content{flex:1;min-width:0}.menu{border:1px solid var(--border-color);padding:20px;width:250px;height:fit-content}.menu h2{font-size:16px;margin-bottom:20px;font-weight:400;color:var(--text-color);font-family:VCR,Courier New,monospace}.menu-item{padding:6px 15px;margin:2px 0;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;color:var(--text-color);font-family:VCR,Courier New,monospace;font-size:14px;font-weight:400;letter-spacing:0px;text-transform:uppercase;line-height:1.4;display:block}.menu-item:hover{background:var(--hover-bg);color:var(--text-color);margin-left:-20px;margin-right:10px;padding-left:35px}.menu-item.active{background:var(--active-bg);color:var(--active-text);font-weight:700;margin-left:-20px;margin-right:10px;padding-left:35px}.hamburger-btn{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent!important;border:1px solid var(--border-color);color:inherit;padding:0;cursor:pointer;z-index:1001;position:relative;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hamburger-btn:hover,.hamburger-btn:active,.hamburger-btn:focus,.hamburger-btn:focus-visible,.hamburger-btn.active,.hamburger-btn:visited{border-color:var(--border-color)!important;background:transparent!important;background-color:transparent!important;outline:none!important;color:inherit!important}.hamburger-btn span{width:70%;height:1.5px;background:var(--text-color);transition:all .3s ease;display:block;margin:0 auto}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){:global(#svelte){padding:20px}.header{width:100%;margin-top:0;margin-bottom:20px}.main-content{flex-direction:column;gap:15px;position:relative}.hamburger-btn{display:flex;margin-bottom:10px;align-self:flex-start}.menu{width:100%;position:absolute;top:50px;left:0;z-index:1000;display:none;border:1px solid var(--border-color);background:var(--bg-color);max-height:calc(100vh - 100px);overflow-y:auto}.menu.menu-open{display:block}.menu-item{padding:10px 15px}.menu-item:hover,.menu-item.active{margin-left:0;margin-right:0;padding-left:15px}.content{width:100%}}.intro-container.svelte-10cvnim{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-color);display:flex;align-items:center;justify-content:center;z-index:10000;animation:svelte-10cvnim-fadeOut .5s ease-out forwards;animation-delay:3.5s}.typewriter.svelte-10cvnim{font-family:VCR,Courier New,monospace;font-size:48px;color:var(--text-color);text-transform:uppercase;letter-spacing:4px}.cursor.svelte-10cvnim{animation:svelte-10cvnim-blink 1s infinite;color:var(--text-color)}@keyframes svelte-10cvnim-blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes svelte-10cvnim-fadeOut{to{opacity:0;pointer-events:none}}@media(max-width:768px){.typewriter.svelte-10cvnim{font-size:28px;letter-spacing:2px}}
