: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}.scroll-container{width:100%;max-width:800px;margin:0 auto;padding:4rem 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{color:#666;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.5rem;font-size:.75rem}.card-content{color:#aaa;font-size:1rem;font-weight:300;line-height:1.6}.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-size:.75rem;transition:all .2s}.mode-btn.active{color:#fff;background:#333}.header{text-align:center;padding:4rem 0 2rem}.header h1{letter-spacing:.2em;color:#666;text-transform:uppercase;font-size:1rem;font-weight:200}.recommendations{border-top:1px dashed #222;margin-top:6rem;padding-top:4rem}.recommendations h2{color:#444;text-transform:uppercase;letter-spacing:.3em;text-align:center;margin-bottom:3rem;font-size:.8rem}.rec-node{color:#777;border-left:2px solid #222;margin-bottom:2rem;padding:1rem;font-size:.9rem;font-style:italic;transition:all .3s}.rec-node:hover{color:#999;border-left-color:#555}.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}