:root{--bg:#0a0a0a;--fg:#e0e0e0;--accent:#555;--card-bg:#121212;--card-hover:#1a1a1a;--mode-vibe:#3a3a3a;--mode-hashed:#7a7a7a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.header{text-align:center;padding:3rem 0 1rem}.header h1{letter-spacing:.2em;color:#666;text-transform:uppercase;margin-bottom:1.5rem;font-size:1rem;font-weight:200}.tab-nav{background:#12121299;border:1px solid #222;border-radius:6px;justify-content:center;gap:.25rem;padding:.25rem;display:inline-flex}.tab-btn{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;border-radius:4px;padding:.5rem 1.25rem;font-family:inherit;font-size:.75rem;transition:all .2s}.tab-btn:hover{color:#888}.tab-btn.active{color:#ddd;background:#222}.tab-content{flex:1}.scroll-container{width:100%;max-width:800px;margin:0 auto;padding:3rem 2rem}.card{background:var(--card-bg);cursor:pointer;border:1px solid #222;border-radius:4px;margin-bottom:3rem;padding:2.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.card:hover{border-color:var(--accent);background:var(--card-hover);transform:translateY(-4px)}.card-title{letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem;font-weight:300}.card-clusters{text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.75rem}.hashed-view{border-top:1px solid #222;margin-top:2rem;padding-top:2rem}.hashed-view h1,.hashed-view h2,.hashed-view h3{color:var(--fg);margin-top:2rem;margin-bottom:1rem;font-weight:400}.hashed-view p{margin-bottom:1.5rem}.hashed-view code{background:#1a1a1a;border-radius:3px;padding:.2rem .4rem;font-size:.9em}.hashed-view pre{background:#1a1a1a;border-radius:4px;margin:2rem 0;padding:1.5rem;overflow-x:auto}.mode-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#121212cc;border:1px solid #222;border-radius:50px;gap:.5rem;padding:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.mode-btn{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;background:0 0;border:none;border-radius:50px;padding:.5rem 1.25rem;font-family:inherit;font-size:.75rem;transition:all .2s}.mode-btn.active{color:#fff;background:#333}.pipeline-container{max-width:1400px;margin:0 auto;padding:2rem}.pipeline-grid{grid-template-columns:repeat(5,1fr);gap:1rem;min-height:70vh;display:grid}.pipeline-column{background:var(--card-bg);border:1px solid #222;border-radius:4px;flex-direction:column;padding:1rem;display:flex}.pipeline-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.pipeline-header h3{text-transform:uppercase;letter-spacing:.1em;color:#888;font-size:.75rem;font-weight:400}.pipeline-count{color:#555;background:#1a1a1a;border-radius:10px;padding:.2rem .5rem;font-size:.7rem}.pipeline-cards{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.pipeline-card{background:#0e0e0e;border:1px solid #1a1a1a;border-left:3px solid #555;border-radius:3px;padding:.6rem .8rem;transition:border-color .2s}.pipeline-card:hover{border-color:#333}.pipeline-card-title{color:#ccc;font-size:.8rem;line-height:1.4;display:block}.pipeline-card-channel{color:#555;text-transform:uppercase;letter-spacing:.05em;margin-top:.3rem;font-size:.65rem;display:block}.pipeline-empty{color:#333;text-align:center;padding:2rem 0;font-size:.75rem;font-style:italic}.flow-container{width:100%;height:100%}.flow-svg{width:100%;height:100%;min-height:calc(100vh - 140px)}.wardley-container{max-width:1100px;margin:0 auto;padding:2rem}.wardley-svg{width:100%;height:auto;max-height:calc(100vh - 180px)}.animated-bg{z-index:-1;opacity:.5;background:radial-gradient(circle,#111 0%,#0a0a0a 100%);width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=900px){.pipeline-grid{grid-template-columns:1fr;min-height:auto}.pipeline-column{max-height:300px}}.hexmap-container{width:100%;height:calc(100vh - 180px);position:relative}.hexmap-canvas{cursor:crosshair;width:100%;height:100%}.hexmap-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #333;border-radius:6px;min-width:240px;max-width:320px;padding:1.25rem;position:absolute;bottom:2rem;right:2rem}.hexmap-detail h3{color:#eee;margin-bottom:.75rem;font-size:.9rem;font-weight:400}.hexmap-detail-row{color:#888;justify-content:space-between;margin-bottom:.4rem;font-size:.75rem;display:flex}.hexmap-detail-row span:last-child{color:#bbb}.hexmap-detail-connections{color:#666;border-top:1px solid #222;margin-top:.75rem;padding-top:.75rem;font-size:.7rem;line-height:1.6}.hexmap-sub-toggle{justify-content:center;gap:.5rem;margin-bottom:1rem;display:flex}.hexmap-sub-btn{color:#555;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:1px solid #333;border-radius:4px;padding:.4rem 1rem;font-family:inherit;font-size:.7rem;transition:all .2s}.hexmap-sub-btn.active{color:#ddd;background:#222;border-color:#444}.hexmap-article-btns{justify-content:center;gap:.25rem;margin-bottom:1rem;display:flex}.hexmap-article-btn{color:#555;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:3px;padding:.3rem .8rem;font-family:inherit;font-size:.7rem;transition:all .2s}.hexmap-article-btn.active{color:#5ba55b;background:#1a3a1a;border-color:#5ba55b}