:root{--bg:#0a0a0f;--surface:#16161d;--surface-hover:#1e1e28;--border:#2a2a35;--text:#e8e8f0;--text-dim:#9090a0;--text-muted:#606070;--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-light:#a78bfa;--success:#10b981;--shadow:#0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;line-height:1.7}.container{max-width:1400px;margin:0 auto;padding:24px}header{border-bottom:2px solid var(--border);margin-bottom:32px;padding-bottom:24px}h1{background:linear-gradient(135deg, var(--accent-light), var(--accent));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-dim);font-size:1rem}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:32px;display:flex}.search-box{flex:1;min-width:250px;max-width:500px}.search-box input{background:var(--surface);border:2px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s}.search-box input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.search-box input::placeholder{color:var(--text-muted)}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #8b5cf64d}button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}button:active{transform:translateY(0)}.page-count{color:var(--text-muted);margin-bottom:20px;font-size:.9rem}.page-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.page-card{background:var(--surface);border:1px solid var(--border);color:inherit;box-shadow:0 2px 8px var(--shadow);border-radius:12px;padding:20px;text-decoration:none;transition:all .2s;display:block}.page-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #8b5cf633}.page-card h3{color:var(--text);margin:0 0 12px;font-size:1.2rem;font-weight:600}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.graph-container{background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:16px;overflow:hidden}.graph-container svg{background:var(--bg);display:block}.page-content{max-width:900px;margin:0 auto}.page-header{border-bottom:2px solid var(--border);margin-bottom:32px;padding-bottom:24px}.page-title{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:700}.markdown{background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 20px var(--shadow);border-radius:16px;padding:40px}.markdown h1,.markdown h2,.markdown h3{letter-spacing:-.02em;margin-top:2em;margin-bottom:.75em;font-weight:700;line-height:1.3}.markdown h1:first-child,.markdown h2:first-child,.markdown h3:first-child{margin-top:0}.markdown h1{color:var(--accent-light);font-size:2rem}.markdown h2{color:var(--text);font-size:1.6rem}.markdown h3{color:var(--text-dim);font-size:1.3rem}.markdown p{color:var(--text);margin-bottom:1.25em}.markdown ul,.markdown ol{margin-bottom:1.25em;margin-left:1.75em}.markdown li{color:var(--text);margin-bottom:.5em}.markdown a{color:var(--accent-light);border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.markdown a:hover{border-bottom-color:var(--accent-light)}.markdown code{background:var(--bg);color:var(--accent-light);border:1px solid var(--border);border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.88em}.markdown pre{background:var(--bg);border:1px solid var(--border);box-shadow:inset 0 2px 8px var(--shadow);border-radius:12px;margin-bottom:1.25em;padding:20px;overflow-x:auto}.markdown pre code{color:var(--text);background:0 0;border:none;padding:0}.markdown blockquote{border-left:4px solid var(--accent);color:var(--text-dim);margin:1.5em 0;padding-left:20px;font-style:italic}.backlinks{border-top:2px solid var(--border);margin-top:48px;padding-top:32px}.backlinks h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.75rem;font-weight:700}.backlinks ul{gap:8px;margin:0;list-style:none;display:grid}.backlinks li{margin:0}.backlinks a{background:var(--bg);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:12px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:block}.backlinks a:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--text);transform:translate(4px)}@media (max-width:768px){.container{padding:16px}h1{font-size:2rem}.page-grid{grid-template-columns:1fr}.markdown{padding:24px 16px}.controls{flex-direction:column;align-items:stretch}.search-box{max-width:100%}}