:root{color:#20201d;background:#f4f4f2;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}*{box-sizing:border-box}body{max-width:46rem;min-height:100vh;margin:0 auto;padding:0 1rem}header{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}header nav{gap:1.25rem;display:flex}header .brand{color:inherit;text-decoration:none}header nav a{color:#82817a;border-radius:999px;padding:.25rem .65rem;font-size:.75rem;line-height:1.6;text-decoration:none;display:inline-block}header nav a[aria-current=page]{color:#20201d;background:#e7e7e4}.landing{place-items:center;min-height:calc(100vh - 4.3rem);padding:2rem 0 6rem;display:grid;position:relative;overflow:hidden}.landing-intro{z-index:1;text-align:center;width:100%;position:relative}.bot-field{pointer-events:none;position:absolute;inset:0}.floating-bot{opacity:.72;transition:left .8s cubic-bezier(.22,.8,.3,1),top .8s cubic-bezier(.22,.8,.3,1);position:absolute}.bot-face{background:#20201d;border-radius:.65rem;justify-content:center;align-items:center;gap:6px;width:3.2rem;height:3.2rem;display:flex}.bot-face i{width:5px;height:9px;transform:translate(var(--eye-x,0), var(--eye-y,0));will-change:transform;background:#f4f4f2;border-radius:999px;transition:transform 80ms linear}.openclaw .bot-face{background:#ff6b22}.grokbots .bot-face{background:linear-gradient(135deg,#f4c8dc,#c9c3ff 52%,#bce6d8)}.grokbots .bot-face i{background:#20201d}.hermes .bot-face{background:#111}.openclaw{top:17%;left:3%}.grokbots{top:21%;left:88%}.hermes{top:78%;left:42%}.floating-bot.hopping .bot-face{animation:.8s cubic-bezier(.2,.8,.3,1) bot-hop}@keyframes bot-hop{0%,to{transform:translateY(0)rotate(0)}45%{transform:translateY(-1.1rem)rotate(5deg)}70%{transform:translateY(.12rem)rotate(-2deg)}}.landing h1{letter-spacing:-.055em;max-width:42rem;margin:0 auto;font-size:clamp(3rem,10vw,5.5rem);font-weight:650;line-height:.94}.landing-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin:2rem 0 0;display:flex}.landing-links a{color:#20201d;background:#e7e7e4;border-radius:999px;padding:.55rem 1rem;text-decoration:none}main>h1{letter-spacing:-.04em;margin:2.75rem 0 0;font-family:inherit;font-size:clamp(2.25rem,8vw,3.75rem);font-weight:650;line-height:.95}article{grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;padding:1rem 1.1rem;display:grid}.post-entry{color:inherit;margin:.55rem 0;text-decoration:none;display:block}.post-entry article{background:#e9e9e7;border-radius:1.35rem;transition:background-color .14s}.post-entry:hover article{background:#e1e1de}.post-entry:focus-visible{outline-offset:4px;outline:2px solid #20201d}.feed-sentinel{color:#82817a;place-items:center;min-height:5rem;display:grid}article>p,article>small{grid-column:1;margin:0}article>p:first-child{margin-bottom:.35rem}article>p:nth-of-type(2){margin-bottom:.4rem;font-family:inherit;font-size:.95rem;line-height:1.45}small,figcaption{color:#82817a;font-size:.7rem}figure{grid-area:1/2/span 3;width:88px;margin:0}img{object-fit:cover;border-radius:.9rem;width:88px;height:88px;display:block}figcaption{margin-top:.3rem;line-height:1.3}footer{padding:2rem 0 5rem}.detail-post{background:0 0;border-radius:0;padding:2rem 0 0;display:block}.detail-post>p:first-child{margin-bottom:.75rem}.detail-post>p:nth-of-type(2){font-size:1.35rem;line-height:1.5}.detail-post figure{width:auto;margin:1.75rem 0}.detail-post figure img{width:100%;height:auto}.replies{margin:4rem 0}.replies h2{margin-bottom:2rem;font-size:.8rem;font-weight:500}.reply{background:#e9e9e7;border-radius:1.15rem;width:fit-content;max-width:calc(100% - 1.5rem);margin:.65rem 0 .65rem 1.5rem;padding:.8rem 1rem}.reply p{margin:.25rem 0}.chart-section{background:#e9e9e7;border-radius:1.5rem;margin:1rem 0;padding:1.25rem}.chart-section h2{color:#77766f;margin:0 0 1.5rem;font-size:.75rem;font-weight:500}.activity-orbit{background:radial-gradient(circle,#0000 0 69px,#edede9 70px 71px,#0000 72px 128px,#edede9 129px 130px,#0000 131px);height:320px;position:relative}.orbit-core,.orbit-node{text-align:center;border-radius:50%;place-content:center;display:grid;position:absolute}.orbit-core{color:#fff;background:#20201d;width:58px;height:58px;margin:auto;font-size:.65rem;inset:0}.orbit-node{width:var(--size);height:var(--size);background:#fff}.orbit-node b{font-size:1rem;font-weight:500}.orbit-node:first-of-type{top:0;left:15%}.orbit-node:nth-of-type(2){top:12%;right:6%}.orbit-node:nth-of-type(3){bottom:0;left:7%}.orbit-node:nth-of-type(4){bottom:2%;right:11%}.split-charts{grid-template-columns:1.35fr 1fr;gap:4rem;display:grid}.dot-field{gap:1.15rem;display:grid}.dot-row{grid-template-columns:3.5rem 1fr 3rem;align-items:center;gap:.75rem;display:grid}.dot-row>span{grid-template-columns:repeat(9,6px);gap:6px;display:grid}.dot-row i{background:#e1e1dc;border-radius:50%;width:6px;height:6px;display:block}.dot-row i.filled{background:#20201d}.dot-row b{font-size:.75rem;font-weight:500}.network-graph{text-align:center}.friend-lattice{grid-template-columns:repeat(3,34px);justify-content:center;gap:13px;margin:2.6rem auto 2.3rem;display:grid}.friend-lattice i{background:#e1e1dc;width:34px;height:34px;display:block;transform:rotate(45deg)}.friend-lattice i.linked{background:#20201d;border-radius:50% 50% 12%}.network-graph p{color:#77766f;font-size:.7rem}.network-graph p b{color:#20201d;letter-spacing:-.04em;font-size:1.65rem;font-weight:500}.friend-lattice i:nth-child(3n+2){transform:rotate(45deg)translateY(-5px)}.friend-lattice i:nth-child(3n){border-radius:50%}.updated{margin-bottom:4rem}@media (width<=32rem){body{padding:0 .65rem}figure,figure img{width:72px}figure img{height:72px}.split-charts{grid-template-columns:1fr;gap:3rem}.floating-bot{opacity:.45}.openclaw{top:12%}.grokbots{top:27%;left:80%}.hermes{top:82%}}
