diff --git a/web.md b/web.md
index dafa24534..fde3b7aa2 100644
--- a/web.md
+++ b/web.md
@@ -13,19 +13,4 @@ anchor: none
       <plan></plan>
     </div>
   </div>
-</div>
-
-<div class="container stack stream">
-  <div class="col-md-10">
-    <div class="mini-module">
-      <h6>Stream:</h6>
-      <script src="/~/at/lib/js/urb.js"/>
-      <script src="https://cdn.rawgit.com/seatgeek/react-infinite/0.8.0/dist/react-infinite.js"/>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment-with-locales.js"/>
-      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.1/moment-timezone.js"/>
-      <script src="/talk/main.js"/>
-      <link href="/talk/main.css" rel="stylesheet" />
-      <talk readonly="" chrono="reverse" station="public"></talk>
-    </div>
-  </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/web/talk/main.css b/web/talk/main.css
index 3dc1e517c..842664f88 100644
--- a/web/talk/main.css
+++ b/web/talk/main.css
@@ -6,22 +6,20 @@ div.input.valid-false {
   color: #FF0808;
   border-color: #FF0808; }
 
-div.meta {
-  display: inline-block; }
-
-div.grams {
+.grams {
   list-style-type: none;
   padding: 0;
   margin-top: -1.875rem; }
+  .grams .meta {
+    display: inline-block; }
 
-div.meta label {
-  background-color: #B1B7BD;
+.grams .meta label {
   margin-right: 0.9375rem;
   height: 0.9375rem;
   width: 0.9375rem;
   text-align: center; }
 
-div.meta label:before {
+.grams .meta label:before {
   content: attr(data-glyph);
   color: #fff;
   font-family: 'scp';
@@ -30,24 +28,24 @@ div.meta label:before {
   line-height: 1rem;
   vertical-align: middle; }
 
-div.meta label,
-div.meta h2,
-div.meta h3 {
+.grams .meta label,
+.grams .meta h2,
+.grams .meta h3 {
   display: inline-block; }
 
-div.meta h2,
-div.meta h3 {
+.grams .meta h2,
+.grams .meta h3 {
   font-family: 'scp';
   font-size: .8rem;
   font-weight: 400;
   margin-top: 0;
   padding-top: 0; }
 
-div.meta h3 {
+.grams .meta h3 {
   margin-left: 2rem;
   line-height: 1rem; }
 
-div.meta .time {
+.grams .meta .time {
   padding-right: 2rem; }
 
 div.gram.first:first-of-type {
@@ -71,8 +69,11 @@ div.gram.same:hover div.meta {
 
 .exp {
   font-family: 'scp';
-  font-size: .9rem;
-  max-height: 2rem; }
+  font-size: .9rem; }
+  .exp .speech {
+    white-space: nowrap;
+    max-width: 100%;
+    overflow-x: scroll; }
   .exp .speech > span {
     color: #fff;
     background-color: #000;
@@ -89,6 +90,19 @@ div.gram.same:hover div.meta {
     background-color: #000;
     color: #fff; }
 
+.comment .speech a.btn {
+  background-color: transparent;
+  color: #B1B7BD;
+  font-size: .9rem;
+  border: 0;
+  border-bottom: 3px solid #b1b7bd;
+  text-transform: none;
+  text-decoration: none;
+  padding: 0;
+  line-height: 1rem;
+  margin: 1rem 0 2rem 0;
+  letter-spacing: 0; }
+
 .gram pre {
   background-color: transparent; }
 
diff --git a/web/tree/main.css b/web/tree/main.css
index ec2f6ed20..44a2312e1 100644
--- a/web/tree/main.css
+++ b/web/tree/main.css
@@ -23,7 +23,7 @@ div.logo {
   border-radius: 50%;
   vertical-align: middle;
   margin-top: -.8rem;
-  background-color: #000; }
+  background-color: #0500F0; }
 
 div.logo:before {
   content: "~";
@@ -455,23 +455,23 @@ div.logo.inverse:before {
     font-size: 1rem;
     line-height: 3rem; }
   .urbit.navbar.ctrl ul.nav .btn {
-    border: 3px solid #000;
+    border: 3px solid #0500F0;
     margin-top: -3px;
     height: 3rem;
     padding: 0rem; }
     .urbit.navbar.ctrl ul.nav .btn a {
       font-size: 1rem;
-      color: #000;
+      color: #0500F0;
       letter-spacing: 0; }
   .urbit.navbar.ctrl ul.nav .btn.selected,
   .urbit.navbar.ctrl ul.nav .btn:hover {
-    background-color: #000; }
+    background-color: #0500F0; }
     .urbit.navbar.ctrl ul.nav .btn.selected a,
     .urbit.navbar.ctrl ul.nav .btn:hover a {
       color: #fff; }
   .urbit.navbar.ctrl ul.nav li a:hover,
   .urbit.navbar.ctrl ul.nav li.selected a {
-    color: #000; }
+    color: #0500F0; }
   .urbit.navbar.ctrl .subnav ul.nav {
     height: 1.5rem; }
     .urbit.navbar.ctrl .subnav ul.nav li {
@@ -529,9 +529,13 @@ div.logo.inverse:before {
       border: 0; }
       .urbit.navbar.ctrl ul.nav li.btn a,
       .urbit.navbar.ctrl .subnav ul.nav li.btn a {
-        color: #64DE79;
+        color: #02D124;
         line-height: 1.5rem; } }
 
+#tree > div > .container {
+  padding-top: 3rem;
+  padding-bottom: 6rem; }
+
 .lead h1:first-of-type {
   padding-bottom: 0; }
 
@@ -549,12 +553,12 @@ div.logo.inverse:before {
     height: 6rem;
     margin: 1rem 0 0 1rem; }
   .h-arrow h1 {
-    color: #000;
+    color: #0500F0;
     display: inline-block;
     line-height: 4rem; }
   .h-arrow h1 code {
     background-color: transparent;
-    color: #000; }
+    color: #0500F0; }
 
 .footer {
   margin-top: 6rem;
@@ -568,12 +572,12 @@ div.logo.inverse:before {
 
 .body[data-path^='/docs'] h1,
 .body[data-path^='/work'] h1 {
-  color: #000; }
+  color: #0500F0; }
 
 .body[data-path^='/docs'] h1 code,
 .body[data-path^='/work'] h1 code {
   background-color: transparent;
-  color: #000;
+  color: #0500F0;
   padding: 0; }
 
 .body[data-path^='/docs'] .book h2,
@@ -582,25 +586,25 @@ div.logo.inverse:before {
 
 .body[data-path^='/docs'] .book h2 code,
 .body[data-path^='/work'] .book h2 code {
-  color: #000;
+  color: #0500F0;
   background-color: transparent; }
 
 .body[data-path^='/docs'] .book h2 a,
 .body[data-path^='/work'] .book h2 a {
-  color: #000; }
+  color: #0500F0; }
 
 .body[data-path^='/docs'] .book hr,
 .body[data-path^='/work'] .book hr {
   margin-bottom: 3rem; }
 
 .body[data-path^='/work'] h2 {
-  color: #000; }
+  color: #0500F0; }
 
 .body[data-path^='/docs/system/hoon/runes/'] h1 {
   color: #B1B7BD; }
 
 .body[data-path^='/docs/system/hoon/runes/basic'] h1 {
-  color: #000; }
+  color: #0500F0; }
 
 .body[data-path^='/docs/system/hoon/library/'] h3 {
   font-size: 1.5rem; }
@@ -616,14 +620,17 @@ div.logo.inverse:before {
   background-color: #fff; }
 
 .body .urbit h1 {
-  color: #000;
+  color: #0500F0;
   line-height: 4rem; }
 
 .body .urbit a.green:hover {
-  color: #64DE79; }
+  color: #02D124; }
 
 .body .urbit .container.stack {
   margin-bottom: 3rem; }
+  .body .urbit .container.stack p {
+    font-size: 1.2rem;
+    line-height: 2rem; }
 
 .body .urbit .container.stack.six {
   margin-top: 12rem;
@@ -638,7 +645,7 @@ div.logo.inverse:before {
 
 .body .urbit button.submit:hover,
 .body .urbit .btn.black:hover {
-  background-color: #000;
+  background-color: #0500F0;
   color: #fff; }
 
 .body .urbit .front {
@@ -724,7 +731,7 @@ div.logo.inverse:before {
 
 .body .urbit .end {
   padding: 1rem;
-  background-color: #64DE79;
+  background-color: #02D124;
   color: white;
   text-decoration: none;
   font-size: 2rem;
@@ -853,7 +860,7 @@ div.logo.inverse:before {
   border-radius: 50%;
   height: .5rem;
   width: .5rem;
-  background-color: #64DE79;
+  background-color: #02D124;
   margin-right: .6rem; }
 
 .body .plan .grid .td {
@@ -1053,12 +1060,12 @@ div.logo.inverse:before {
     margin-bottom: 12rem; }
   .urbit ul.blog .btn {
     padding: .3rem;
-    border: 3px solid #64DE79;
-    color: #64DE79;
+    border: 3px solid #02D124;
+    color: #02D124;
     text-decoration: none;
     text-transform: none; }
   .urbit ul.blog .btn:hover {
-    background-color: #64DE79;
+    background-color: #02D124;
     color: #fff; }
 
 .kids.runes h1 {
@@ -1143,16 +1150,13 @@ div.logo.inverse:before {
 .sections ul li a,
 .sections ul li h1 span {
   color: #55595c;
-  height: 2rem; }
+  margin-bottom: 1rem;
+  line-height: 1.5rem; }
 
 .sections .kids > div {
   display: inline-block;
   vertical-align: top;
-  margin-right: 3rem;
-  margin-top: 2rem;
-  min-width: 14rem;
   margin-bottom: 3rem;
-  padding: 0;
   float: none; }
 
 .sections .kids > div p {