:root{--bg-base: #050505;--text-main: #ededed;--text-muted: #888888;--accent: #FF8C00;--card-glass: rgba(20, 20, 20, .75);--border-alpha: rgba(255, 255, 255, .15);--shadow-color: rgba(0, 0, 0, .3);--star-opacity: 1}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background-color:var(--bg-base);color:var(--text-main);font-family:Inter,sans-serif;overflow:hidden;transition:background-color .5s ease,color .5s ease}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-thumb{background:var(--border-alpha);border-radius:3px}.webgl-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at center,#1a1a1a,#000);opacity:var(--star-opacity);transition:opacity .5s ease}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.vignette-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;background:radial-gradient(circle,transparent 50%,rgba(0,0,0,.6) 100%);opacity:var(--star-opacity);transition:opacity .5s ease}.app-wrapper{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;z-index:2}.view-switcher{position:fixed;top:0;left:0;width:100%;height:80px;z-index:500;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;pointer-events:none}.brand{font-weight:800;font-size:1.2rem;pointer-events:auto;letter-spacing:-.05em;color:var(--text-main)}.switch-controls{pointer-events:auto;background:var(--card-glass);border:1px solid var(--border-alpha);padding:4px;border-radius:50px;display:flex;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px var(--shadow-color)}.switch-controls button{background:transparent!important;border:none;padding:.5rem 1.5rem;border-radius:40px;font-family:JetBrains Mono;font-size:.75rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:color .3s ease;position:relative}.switch-controls button.active{color:var(--bg-base)}.active-bg{position:absolute;inset:0;background:var(--text-main);border-radius:40px;z-index:0}.cmd-hint{display:flex;gap:4px;align-items:center;font-family:JetBrains Mono;font-size:.7rem;color:var(--text-muted);pointer-events:auto;margin-left:1rem}.key{background:#ffffff1a;border:1px solid var(--border-alpha);padding:2px 6px;border-radius:4px}.content-area{flex:1;position:relative;width:100%;height:100%}.cmd-backdrop{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center}.cmd-interface{width:100%;max-width:600px;background:var(--bg-base);border:1px solid var(--accent);border-radius:12px;box-shadow:0 20px 50px #00000080;overflow:hidden;font-family:JetBrains Mono,monospace;animation:scaleIn .2s ease}.cmd-header{background:var(--accent);color:var(--bg-base);padding:.5rem 1rem;font-weight:700;font-size:.8rem}.cmd-input{width:100%;padding:1rem;background:transparent;border:none;color:var(--text-main);font-family:JetBrains Mono;font-size:1rem;outline:none;border-bottom:1px solid var(--border-alpha)}.cmd-list{max-height:300px;overflow-y:auto;padding:.5rem}[cmdk-item]{padding:.8rem 1rem;border-radius:6px;cursor:pointer;color:var(--text-muted);display:flex;gap:1rem;align-items:center;transition:all .1s}[cmdk-item][data-selected=true]{background:#ff8c0026;color:var(--accent)}[cmdk-group-heading]{padding:.5rem 1rem;font-size:.7rem;color:var(--border-alpha);text-transform:uppercase;letter-spacing:.05em;margin-top:.5rem}.cmd-footer{padding:.5rem 1rem;border-top:1px solid var(--border-alpha);font-size:.7rem;color:var(--text-muted);text-align:right;background:#0000000d}.boot-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;color:var(--accent);z-index:99999;display:flex;align-items:center;justify-content:center;font-family:JetBrains Mono,monospace;cursor:pointer}.boot-container{width:300px;text-align:left}.boot-header{border-bottom:1px solid var(--accent);margin-bottom:1rem;padding-bottom:.5rem;font-weight:700}.boot-log{font-size:.8rem;line-height:1.5;color:#fff;min-height:100px}.tap-to-start{margin-top:2rem;text-align:center;animation:blink 1s infinite;font-weight:700;cursor:pointer}.stack-wrapper{width:100%;position:relative;padding-bottom:20vh}.stack-intro{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.stack-intro h1{font-size:3rem;font-weight:800;margin-bottom:.5rem;color:var(--text-main)}.scroll-hint{margin-top:2rem;font-family:JetBrains Mono;font-size:.8rem;color:var(--accent);animation:blink 2s infinite}.stack-feed{position:relative;max-width:800px;margin:0 auto;padding:0 1rem}.stack-card-container{height:80vh;position:sticky;top:0}.stack-card{position:sticky;width:100%;min-height:450px;background:var(--bg-base);border:1px solid var(--border-alpha);border-radius:24px;padding:2.5rem;box-shadow:0 -10px 40px #0003;overflow:hidden;transform-origin:top center;background:#141414d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-main)}.stack-header{display:flex;justify-content:space-between;font-family:JetBrains Mono;font-size:.75rem;color:var(--border-alpha);margin-bottom:2rem;border-bottom:1px solid var(--border-alpha);padding-bottom:1rem}.stack-body{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:center}.stack-info h2{font-size:2.5rem;line-height:1;margin-bottom:1rem;color:var(--text-main)}.stack-subtitle{font-family:JetBrains Mono;font-size:.8rem;color:var(--accent);margin-bottom:.5rem;text-transform:uppercase}.stack-desc{font-size:1.1rem;color:var(--text-muted);line-height:1.5}.stack-divider{height:1px;width:50px;background:var(--accent);margin:1.5rem 0;opacity:.5}.stack-long{font-size:.9rem;color:var(--text-muted);line-height:1.6}.stack-visual-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;background:#00000008;border-radius:12px;border:1px dashed var(--border-alpha);padding:2rem}.stack-visual-box{width:80px;height:80px;margin-bottom:2rem}.stack-tech-mono{font-family:JetBrains Mono;font-size:.6rem;color:var(--border-alpha);text-align:center}.stack-outro{height:50vh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:JetBrains Mono}@media(max-width:768px){.stack-body{grid-template-columns:1fr;gap:2rem}.stack-visual-wrapper{display:none}.stack-card{padding:1.5rem;min-height:auto}.stack-info h2{font-size:2rem}}.infinite-canvas-container{width:100%;height:100%;overflow:hidden;position:relative;cursor:grab}.infinite-canvas-container:active{cursor:grabbing}.blueprint-node{position:absolute;background:var(--card-glass);border:1px solid var(--border-alpha);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem;display:flex;flex-direction:column;z-index:10;cursor:pointer;width:240px;transition:all .3s ease;box-shadow:0 4px 15px var(--shadow-color);color:var(--text-main)}.blueprint-node:hover{border-color:var(--accent);z-index:50;box-shadow:0 0 20px #ff8c0033}.blueprint-node.active{border-color:var(--accent);background:var(--bg-base);z-index:100;box-shadow:0 0 30px #ff8c0066}.blueprint-node.hero{width:300px;padding:2rem;border:2px solid var(--text-main)}.blueprint-node.hero h3{font-size:1.8rem}.node-header{display:flex;justify-content:space-between;margin-bottom:1rem;opacity:.6;font-size:.7rem;font-family:JetBrains Mono;color:var(--text-muted)}.blueprint-node .card-visual-area{display:none}.blueprint-node .node-header CardVisual{display:none}.corner{position:absolute;width:8px;height:8px;border:2px solid transparent;transition:.3s}.blueprint-node:hover .corner{border-color:var(--accent)}.c-tl{top:-2px;left:-2px;border-top-color:var(--border-alpha);border-left-color:var(--border-alpha)}.c-tr{top:-2px;right:-2px;border-top-color:var(--border-alpha);border-right-color:var(--border-alpha)}.c-bl{bottom:-2px;left:-2px;border-bottom-color:var(--border-alpha);border-left-color:var(--border-alpha)}.c-br{bottom:-2px;right:-2px;border-bottom-color:var(--border-alpha);border-right-color:var(--border-alpha)}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blink{50%{opacity:0}}