*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Courier New,Courier,monospace;background:#000;color:silver;line-height:1.4;transition:background .3s ease,color .3s ease;text-shadow:0 0 1px #c0c0c0}.app-wrapper{min-height:100vh;position:relative;background:#000;color:silver;transition:background .3s ease,color .3s ease;font-family:Courier New,Courier,monospace}.app-wrapper.dark-mode{background:#000;color:#e0e0e0}.torch-effect{position:fixed;inset:0;pointer-events:none;z-index:999;mix-blend-mode:multiply;transition:opacity .3s ease}.theme-toggle{background:transparent;border:1px solid #ffffff;padding:.4rem .6rem;border-radius:0;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff;font-family:Courier New,monospace}.theme-toggle:hover{background:#fff;color:#000;text-shadow:none}.theme-toggle svg{transition:transform .2s}.theme-toggle:hover svg{transform:rotate(15deg)}.blurred-section{filter:blur(8px);pointer-events:none;opacity:.6;position:relative;-webkit-user-select:none;user-select:none}.placeholder-content{text-align:center;padding:2rem;filter:blur(0)!important;opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.placeholder-content p{margin-bottom:.5rem;color:#888;transition:color .3s ease}.placeholder-content p:first-child{font-size:1.1rem;color:#a8c7ff;transition:color .3s ease}.coming-soon-banner{background:#1a1a2e;border:1px solid #6b8afd;border-left:none;border-right:none;padding:.8rem 0;margin:-3rem -3rem 2rem;font-family:Courier New,Courier,monospace;text-align:center;overflow:hidden;transition:all .3s ease}.app-wrapper:not(.dark-mode) .coming-soon-banner{background:#1a1a2e;border-color:#6b8afd}.banner-content{display:flex;justify-content:center;align-items:center;font-size:1rem}.banner-text{color:#a8c7ff;font-weight:400;letter-spacing:1px;text-transform:uppercase;transition:color .3s ease}@media (max-width: 768px){.coming-soon-banner{position:relative;background:transparent;border:none;padding:0;margin:-3rem -3rem 1rem;height:60px}.banner-content{position:absolute;top:0;left:-20px;right:-20px;height:100%;background:#0f0f0f;border:1px solid #7a8450;border-left:none;border-right:none;transform:rotate(-2deg);transform-origin:center;display:flex;justify-content:center;align-items:center;font-size:.9rem;transition:all .3s ease}.app-wrapper:not(.dark-mode) .banner-content{background:#0f0f0f;border-color:#7a8450}.banner-text{transform:rotate(2deg);letter-spacing:.5px}.ascii-art{font-size:3px!important;line-height:1;overflow-x:auto;white-space:pre;padding:0 1rem;transform:scale(.7);transform-origin:center;max-width:300px}.hero{padding:1rem 0}.intro{padding:0 1rem}}.container{max-width:1200px;margin:0 auto;padding:3rem;position:relative;z-index:1}nav{margin-bottom:5rem;display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;font-size:.95rem;transition:all .2s;text-shadow:0 0 2px #ffffff;font-family:Courier New,monospace;letter-spacing:1px}.nav-link:hover{color:silver;text-shadow:0 0 4px #ffffff;transform:translateY(-1px)}.nav-controls{margin-left:auto;display:flex;align-items:center;gap:1rem}.shortcuts{display:flex;gap:.5rem}.shortcut{background:#333;padding:.3rem .6rem;border-radius:3px;font-size:.85rem;color:#999;transition:all .3s ease}.app-wrapper:not(.dark-mode) .shortcut{background:#333;color:#999}.hero{display:grid;grid-template-columns:350px 1fr;gap:3rem;margin-bottom:5rem;align-items:center}.ascii-art{color:#666;font-size:4px;line-height:1.1;white-space:pre;font-family:monospace;transition:color .3s ease;max-width:400px;overflow:hidden}.dark-mode .ascii-art{color:#555}.intro h1{color:#fff;margin-bottom:1.5rem;text-transform:none;transition:color .3s ease;font-size:3rem;font-family:Courier New,monospace;text-shadow:0 0 8px #ffffff;letter-spacing:3px;font-weight:700}.intro p{color:#a0a0a0;margin-bottom:.5rem;font-size:.95rem;transition:color .3s ease;font-family:Courier New,monospace;letter-spacing:1px}.status{color:#666;font-style:italic;margin:1.5rem 0;transition:color .3s ease}.description{margin:2rem 0;color:#a0a0a0;line-height:1.5;transition:color .3s ease;font-family:Courier New,monospace;letter-spacing:.5px}.content{display:grid;grid-template-columns:1fr 1fr;gap:5rem}h1{color:#fff;margin-bottom:2rem;text-transform:lowercase;scroll-margin-top:2rem;transition:color .3s ease;font-family:Courier New,monospace;text-shadow:0 0 4px #ffffff;letter-spacing:2px;border-bottom:1px solid #808080;padding-bottom:.5rem}#home,#install,#docs,#features,#roadmap,#links{scroll-margin-top:2rem}.section{margin-bottom:3rem}.item{margin-bottom:2rem}.item h3{font-size:1rem;font-weight:400;margin-bottom:.5rem;color:silver;transition:color .3s ease;font-family:Courier New,monospace;letter-spacing:1px}.item h3 a{color:#fff;text-decoration:none;border-bottom:1px dotted #808080;transition:all .2s;font-family:Courier New,monospace;text-shadow:0 0 2px #ffffff}.item h3 a:hover{color:silver;border-bottom:1px solid #ffffff;text-shadow:0 0 4px #ffffff}.item-meta{color:gray;font-size:.9rem;margin-bottom:.5rem;transition:color .3s ease;font-family:Courier New,monospace;letter-spacing:.5px}.item-description{color:#a0a0a0;font-size:.9rem;line-height:1.5;transition:color .3s ease;font-family:Courier New,monospace}code{background:#1a1a1a;padding:.3rem .6rem;border-radius:0;color:#fff;font-size:.85rem;display:inline-block;margin-top:.5rem;transition:all .3s ease;border:1px solid #404040;font-family:Courier New,monospace;letter-spacing:1px}.app-wrapper:not(.dark-mode) code{background:#1a1a1a;color:#ffd862}ul{list-style:none;margin-top:1.5rem}li{color:#a0a0a0;margin-bottom:.8rem;padding-left:1.2rem;position:relative;line-height:1.4;transition:color .3s ease;font-family:Courier New,monospace}li:before{content:">";position:absolute;left:0;color:#fff;transition:color .3s ease;font-family:Courier New,monospace}@media (max-width: 1024px){.container{padding:2.5rem 2rem}.hero{grid-template-columns:1fr;gap:2.5rem;text-align:center}.ascii-art{font-size:3px;max-width:350px;margin:0 auto}.content{grid-template-columns:1fr;gap:4rem}.intro h1{font-size:2.5rem}}@media (max-width: 768px){.container{padding:2rem 1.5rem}nav{gap:1.5rem;margin-bottom:3rem}.nav-controls{gap:.8rem}.hero{gap:2rem}.ascii-art{font-size:2.5px;max-width:300px;transform:scale(.8)}.intro h1{font-size:2rem;letter-spacing:2px}.intro p{font-size:.9rem}.content{gap:3rem}h1{font-size:1.8rem;letter-spacing:1.5px}.item{margin-bottom:1.5rem}.search-modal{width:95%;max-height:80vh}.search-header{padding:.8rem}.search-input{font-size:.9rem}}@media (max-width: 640px){.container{padding:1.5rem 1rem}nav{flex-wrap:wrap;gap:1rem;justify-content:center}.nav-controls{order:-1;width:100%;justify-content:center;margin-left:0;margin-bottom:1rem}.shortcuts{display:flex}.hero{gap:1.5rem}.ascii-art{font-size:2.5px;max-width:280px;transform:scale(.8)}.intro h1{font-size:1.8rem;letter-spacing:1px}.intro p,.description{font-size:.85rem}h1{font-size:1.5rem;letter-spacing:1px}.item h3{font-size:.95rem}.item-meta{font-size:.8rem}.item-description{font-size:.85rem}code{font-size:.8rem;padding:.2rem .4rem}}@media (max-width: 480px){.container{padding:1rem .8rem}nav{gap:.8rem;margin-bottom:2rem}.nav-link{font-size:.85rem;letter-spacing:.5px}.theme-toggle{padding:.3rem .5rem}.shortcuts{gap:.3rem}.shortcut{padding:.2rem .4rem;font-size:.8rem}.hero{gap:1rem}.ascii-art{font-size:2px;max-width:240px;transform:scale(.7);line-height:1}.intro h1{font-size:1.5rem;letter-spacing:.5px;margin-bottom:1rem}.intro p{font-size:.8rem;letter-spacing:.5px;margin-bottom:.3rem}.description{font-size:.8rem;margin:1.5rem 0}.status{font-size:.8rem}.content{gap:2.5rem}h1{font-size:1.3rem;letter-spacing:.5px;margin-bottom:1.5rem}.section{margin-bottom:2rem}.item{margin-bottom:1.2rem}.item h3{font-size:.9rem;margin-bottom:.3rem}.item-meta{font-size:.75rem;margin-bottom:.3rem}.item-description{font-size:.8rem;line-height:1.3}li{font-size:.8rem;margin-bottom:.6rem;padding-left:1rem}code{font-size:.75rem;padding:.2rem .3rem}.search-modal{width:98%;max-height:85vh;margin:0 1%}.search-header{padding:.6rem}.search-input{font-size:.85rem;padding:.3rem}.search-close{padding:.2rem .6rem;font-size:.8rem}.search-result-item{padding:.8rem}.search-result-section{font-size:.7rem}.search-result-title{font-size:.9rem}.search-result-content{font-size:.8rem}}@media (max-width: 360px){.container{padding:.8rem .5rem}.nav-link{font-size:.8rem}.ascii-art{font-size:1.5px;max-width:180px;transform:scale(.6)}.intro h1{font-size:1.2rem}.intro p{font-size:.75rem}h1{font-size:1.1rem}.item h3{font-size:.85rem}.item-meta{font-size:.7rem}.item-description{font-size:.75rem}.search-modal{width:100%;margin:0;border-radius:0}}.search-overlay{position:fixed;inset:0;background:#000000f2;z-index:1001;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-modal{background:#0a0a0a;border:1px solid #ffffff;border-radius:0;width:90%;max-width:600px;max-height:70vh;display:flex;flex-direction:column;animation:slideDown .2s ease;box-shadow:0 0 8px #fff;font-family:Courier New,monospace}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-header{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #808080}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:1rem;font-family:Courier New,monospace;outline:none;padding:.5rem;text-shadow:0 0 1px #ffffff}.search-input::placeholder{color:gray}.search-close{background:transparent;border:1px solid #ffffff;color:#fff;padding:.3rem .8rem;border-radius:0;font-size:.85rem;cursor:pointer;font-family:Courier New,monospace;transition:all .2s}.search-close:hover{background:#fff;color:#000}.search-results{flex:1;overflow-y:auto;padding:.5rem}.no-results{text-align:center;color:gray;padding:2rem;font-style:italic;font-family:Courier New,monospace}.search-result-item{padding:1rem;margin-bottom:.5rem;background:#000;border:1px solid #404040;border-radius:0;cursor:pointer;transition:all .2s}.search-result-item:hover{background:#1a1a1a;border-color:#fff;transform:translate(4px)}.search-result-section{color:silver;font-size:.8rem;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-family:Courier New,monospace}.search-result-title{color:#fff!important;font-size:1rem;margin-bottom:.3rem;font-weight:400;font-family:Courier New,monospace;text-shadow:0 0 2px #ffffff}.search-result-content{color:#a0a0a0!important;font-size:.9rem;line-height:1.4;opacity:.9;font-family:Courier New,monospace}.search-result-section{color:silver!important;font-size:.8rem;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8;font-family:Courier New,monospace}.shortcuts{cursor:pointer;transition:opacity .2s}.shortcuts:hover{opacity:.7}.floating-astronaut{-webkit-user-select:none;user-select:none;animation:astronaut-float 4s ease-in-out infinite;pointer-events:none}.floating-astronaut img{animation:astronaut-glow 3s ease-in-out infinite}@keyframes astronaut-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes astronaut-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));opacity:.9}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.6));opacity:1}}.cockpit-frame{position:absolute;border:1px solid rgba(0,255,255,.2);pointer-events:none;z-index:10;background:none}.cockpit-top{top:0;left:10%;right:10%;height:12%;border-bottom:none}.cockpit-bottom{bottom:0;left:10%;right:10%;height:18%;border-top:none}.cockpit-left{left:0;top:12%;bottom:18%;width:10%;border-right:none}.cockpit-right{right:0;top:12%;bottom:18%;width:10%;border-left:none}.speed-indicator{position:absolute;top:20px;left:20px;color:#0ff;font-family:Courier New,monospace;font-size:18px;text-shadow:0 0 10px #0ff;pointer-events:none;z-index:20}.speed-value{font-weight:700;font-size:24px}.warp-status{font-size:12px;opacity:.7;margin-top:5px}.connection-status{position:absolute;top:80px;left:20px;color:#0f0;font-family:Courier New,monospace;font-size:12px;text-shadow:0 0 10px #0f0;pointer-events:none;opacity:.8;z-index:20}.status-dot{display:inline-block;width:8px;height:8px;background:#0f0;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #0f0;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.instructions{position:absolute;top:20px;right:20px;color:#0ff;font-family:Courier New,monospace;font-size:12px;text-align:right;opacity:.7;pointer-events:none;z-index:20;line-height:1.6}.instruction-title{font-weight:700;margin-bottom:8px;font-size:14px;opacity:1}.spotify-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#001428e6;padding:15px 30px;border-radius:10px;border:2px solid rgba(0,255,255,.5);min-width:400px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.track-info{color:#0ff;text-align:center;margin-bottom:10px;font-family:Courier New,monospace}.track-name{font-size:16px;font-weight:700;margin-bottom:5px}.track-artist{font-size:12px;opacity:.8}.controls-buttons{display:flex;justify-content:center;gap:15px;margin-top:10px}.control-btn{background:#0ff3;border:2px solid #0ff;color:#0ff;padding:8px 20px;border-radius:5px;cursor:pointer;font-family:Courier New,monospace;font-size:14px;transition:all .3s}.control-btn:hover{background:#0ff6;box-shadow:0 0 20px #00ffff80;transform:scale(1.05)}.control-btn:active{transform:scale(.95)}.play-btn{padding:8px 30px;font-size:16px}.spotify-login{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;z-index:20}.connect-btn{background:#0ff3;border:2px solid #0ff;color:#0ff;padding:12px 30px;border-radius:10px;cursor:pointer;font-family:Courier New,monospace;font-size:16px;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connect-btn:hover{background:#0ff6;box-shadow:0 0 30px #0ff9;transform:scale(1.1)}.login-hint{color:#0ff;font-family:Courier New,monospace;font-size:10px;margin-top:10px;opacity:.6}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:15}.crosshair-h,.crosshair-v{position:absolute;background:#00ffff80;box-shadow:0 0 5px #0ff}.crosshair-h{width:20px;height:2px;left:-10px;top:-1px}.crosshair-v{width:2px;height:20px;left:-1px;top:-10px}@media (max-width: 768px){.spotify-controls{min-width:300px;padding:12px 20px}.instructions{font-size:10px}.speed-indicator{font-size:14px}.speed-value{font-size:18px}}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{margin:0;font-family:Courier New,monospace;background:#000}.space-container{position:relative;width:100vw;height:100vh;overflow:hidden}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.hud-overlay>*{pointer-events:auto}.perf-toggle{position:absolute;top:10px;left:50%;transform:translate(-50%);background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;padding:5px 10px;border-radius:5px;cursor:pointer;font-size:16px;z-index:100;opacity:.3;transition:opacity .3s}.perf-toggle:hover{opacity:1}canvas{cursor:crosshair}