.scroll-list-container{position:relative;width:100%;max-width:600px;height:400px;margin:0 auto}.scroll-list{width:100%;height:100%;overflow-y:auto;padding:.5rem;scrollbar-width:thin;scrollbar-color:rgba(0,255,136,.3) transparent}.scroll-list::-webkit-scrollbar{width:6px}.scroll-list::-webkit-scrollbar-track{background:#3b4b3d33}.scroll-list::-webkit-scrollbar-thumb{background-color:#00ff884d;border-radius:3px}.scroll-list::-webkit-scrollbar-thumb:hover{background-color:#00ff8880}.scroll-list.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.scroll-list.no-scrollbar::-webkit-scrollbar{display:none}.item{padding:.875rem 1.25rem;background:#35343a99;border:1px solid rgba(59,75,61,.6);transition:all .3s ease;position:relative;overflow:hidden}.item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background .3s ease}.item:hover{background:#35343ae6;border-color:#3cd7ff80;transform:translate(4px)}.item:hover:before{background:#3cd7ff}.item.selected{background:#00ff8826;border-color:#0f8;box-shadow:0 0 20px #00ff884d}.item.selected:before{background:#0f8}.item.selected .item-text{color:#0f8}.item-text{margin:0;font-size:.9rem;font-weight:500;color:#b9cbb9;font-family:JetBrains Mono,monospace;transition:color .3s ease}.item:hover .item-text{color:#3cd7ff}.top-gradient,.bottom-gradient{position:absolute;left:0;right:0;height:60px;pointer-events:none;transition:opacity .3s ease;z-index:10}.top-gradient{top:0;background:linear-gradient(to bottom,rgba(14,14,19,.95),transparent)}.bottom-gradient{bottom:0;background:linear-gradient(to top,rgba(14,14,19,.95),transparent)}.App{width:100%;min-height:100vh;position:relative}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50}.z-10{z-index:10}.pointer-events-none{pointer-events:none}.flex{display:flex}.grid{display:grid}.hidden{display:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-y-10>*+*{margin-top:2.5rem}.w-full{width:100%}.min-h-screen{min-height:100vh}.h-16{height:4rem}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-16{padding-top:4rem}.pb-4{padding-bottom:1rem}.pl-6{padding-left:1.5rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.ml-4{margin-left:1rem}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-l{border-left-width:1px;border-left-style:solid}.border-l-2{border-left-width:2px;border-left-style:solid}.border-l-4{border-left-width:4px;border-left-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-t-2{border-top-width:2px;border-top-style:solid}.border-b-2{border-bottom-width:2px;border-bottom-style:solid}.border-r-2{border-right-width:2px;border-right-style:solid}.border-dashed{border-style:dashed}.rounded-full{border-radius:9999px}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rotate-45{transform:rotate(45deg)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (min-width: 768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:w-\[60\%\]{width:60%}.md\:w-\[40\%\]{width:40%}.md\:px-\[40px\]{padding-left:40px;padding-right:40px}}.max-w-3xl{max-width:48rem}.mx-auto{margin-left:auto;margin-right:auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.select-none{-webkit-user-select:none;user-select:none}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60,.group:hover .group-hover\:opacity-60{opacity:.6}.group:hover .group-hover\:bg-\[\#00ff88\]{background-color:#0f8}.w-2\.5{width:.625rem}.h-2\.5{height:.625rem}.w-3{width:.75rem}.h-3{height:.75rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.h-32{height:8rem}.w-64{width:16rem}.h-64{height:16rem}.h-1{height:.25rem}.h-48{height:12rem}.top-0{top:0}.top-4{top:1rem}.left-4{left:1rem}.left-6{left:1.5rem}.right-6{right:1.5rem}.-top-1{top:-.25rem}.-left-1{left:-.25rem}.-bottom-1{bottom:-.25rem}.-right-1{right:-.25rem}.-left-\[7px\]{left:-7px}.-right-20{right:-5rem}.-bottom-20{bottom:-5rem}.flex-1{flex:1 1 0%}.blur-\[100px\]{filter:blur(100px)}*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #0a0a0f;--color-surface: #131318;--color-surface-container: #1f1f25;--color-surface-container-lowest: #0e0e13;--color-surface-container-low: #1b1b20;--color-surface-container-high: #2a292f;--color-surface-container-highest: #35343a;--color-primary: #f1ffef;--color-primary-container: #00ff88;--color-on-primary: #003919;--color-on-primary-container: #007139;--color-primary-fixed: #60ff99;--color-primary-fixed-dim: #00e479;--color-secondary: #ffabf3;--color-secondary-container: #fe00fe;--color-on-secondary: #5b005b;--color-tertiary: #f6fcff;--color-tertiary-fixed-dim: #3cd7ff;--color-on-tertiary: #003642;--color-on-surface: #e4e1e9;--color-on-surface-variant: #b9cbb9;--color-outline: #849585;--color-outline-variant: #3b4b3d;--font-display: "Space Mono", monospace;--font-body: "JetBrains Mono", monospace;--spacing-unit: 4px;--spacing-gutter: 24px;--spacing-margin: 40px}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{width:100%;min-height:100vh}::selection{background-color:var(--color-primary-container);color:var(--color-on-primary-container)}.chamfer-top-right{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.chamfer-both{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.chamfer-btn{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.glitch-text{position:relative;animation:glitch-anim 4s infinite linear alternate-reverse}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 #ff00ff;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #00ffff,2px 2px #ff00ff;animation:glitch-anim 2.5s infinite linear alternate-reverse;clip:rect(100px,450px,120px,0)}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0);transform:skew(.85deg)}5%{clip:rect(70px,9999px,71px,0);transform:skew(.05deg)}10%{clip:rect(29px,9999px,83px,0);transform:skew(.55deg)}15%{clip:rect(6px,9999px,91px,0);transform:skew(.15deg)}20%{clip:rect(55px,9999px,10px,0);transform:skew(.95deg)}25%{clip:rect(29px,9999px,31px,0);transform:skew(.45deg)}30%{clip:rect(13px,9999px,62px,0);transform:skew(.25deg)}35%{clip:rect(78px,9999px,100px,0);transform:skew(.75deg)}40%{clip:rect(11px,9999px,7px,0);transform:skew(.35deg)}45%{clip:rect(61px,9999px,66px,0);transform:skew(.1deg)}50%{clip:rect(35px,9999px,45px,0);transform:skew(.65deg)}55%{clip:rect(98px,9999px,93px,0);transform:skew(.05deg)}60%{clip:rect(15px,9999px,44px,0);transform:skew(.8deg)}65%{clip:rect(41px,9999px,20px,0);transform:skew(.15deg)}70%{clip:rect(71px,9999px,57px,0);transform:skew(.55deg)}75%{clip:rect(2px,9999px,83px,0);transform:skew(.25deg)}80%{clip:rect(66px,9999px,25px,0);transform:skew(.45deg)}85%{clip:rect(48px,9999px,97px,0);transform:skew(.75deg)}90%{clip:rect(51px,9999px,4px,0);transform:skew(.9deg)}95%{clip:rect(92px,9999px,73px,0);transform:skew(.3deg)}to{clip:rect(14px,9999px,22px,0);transform:skew(.6deg)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.1deg)}20%{clip:rect(2px,9999px,63px,0);transform:skew(.3deg)}40%{clip:rect(81px,9999px,5px,0);transform:skew(.5deg)}60%{clip:rect(12px,9999px,88px,0);transform:skew(.2deg)}80%{clip:rect(96px,9999px,45px,0);transform:skew(.4deg)}to{clip:rect(41px,9999px,12px,0);transform:skew(.1deg)}}.terminal-cursor:after{content:"_";animation:blink 1s step-end infinite;color:inherit}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;pointer-events:none;z-index:1000}.scanline-scroll{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(0deg,transparent 0%,rgba(0,255,136,.05) 50%,transparent 100%);background-size:100% 400px;animation:scanline-move 8s linear infinite;pointer-events:none;z-index:1001}@keyframes scanline-move{0%{background-position:0 -400px}to{background-position:0 100%}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal.active{opacity:1;transform:translateY(0)}.holo-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.holo-card:hover{transform:translateY(-8px);box-shadow:0 0 30px #0f83,0 0 10px #ff00ff1a}.btn-primary-fx{transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.btn-primary-fx:hover{transform:scale(1.02);filter:brightness(1.15)}.circuit-bg{background-image:radial-gradient(var(--color-surface-container) 1px,transparent 1px);background-size:40px 40px}.glass-panel{background:#131318cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}