/* Chirps: a 2008-era microblog, sky blue with a white rounded panel (chirps.js). */
.window .wbody:has(> .chirps) { background: #9ae4e8; }
.chirps { min-height: 100%; box-sizing: border-box; padding: 8px 10px 12px; background: #9ae4e8 linear-gradient(#c6f1f3, #9ae4e8 140px);
  font: 13px/1.35 "Lucida Grande", "Lucida Sans Unicode", "DejaVu Sans", Verdana, sans-serif; color: #333; }
.ch-top { display: flex; align-items: center; justify-content: space-between; margin: 0 2px 8px; }
.ch-logo { display: inline-flex; align-items: center; gap: 4px; font: bold 26px/1 "Trebuchet MS", "DejaVu Sans", sans-serif;
  color: #33ccff; letter-spacing: -1px; text-shadow: 0 1px 0 #fff, 0 2px 1px rgba(0, 80, 120, .35); }
.ch-logo .ico { width: 30px; height: 30px; }
.ch-nav { font-size: 11px; }
.chirps a { color: #0084b4; text-decoration: none; }
.chirps a:hover { text-decoration: underline; }
.ch-panel { background: #fff; border-radius: 6px; padding: 10px 12px; }
.ch-ask label { display: flex; justify-content: space-between; font: 18px/1.3 Georgia, serif; color: #333; }
.ch-count { font: bold 18px/1.3 Georgia, serif; color: #ccc; }
.ch-box { width: 100%; box-sizing: border-box; border: 1px solid #aaa; border-radius: 3px; resize: none; padding: 4px; font: inherit;
  background: #f6f6f6; margin: 4px 0 2px; }
.ch-h { font: bold 13px/1 inherit; margin: 10px 0 2px; color: #333; }
.ch-list { list-style: none; margin: 0; padding: 0; }
.ch-post { display: flex; gap: 8px; padding: 8px 0; border-bottom: 1px dashed #d2dada; }
.ch-post:hover { background: #f7f7f7; }
.ch-avatar { flex: none; width: 48px; height: 48px; border-radius: 3px; overflow: hidden; background: #eef; display: grid; place-items: center; }
.ch-avatar .ico { width: 44px; height: 44px; }
.ch-body { min-width: 0; overflow-wrap: anywhere; }
.ch-handle { font-weight: bold; }
.ch-meta { font-size: 11px; color: #999; margin-top: 2px; }
.ch-meta a { color: #999; }
.ch-profile { display: flex; gap: 8px; align-items: center; }
.ch-empty { color: #777; font-style: italic; }
.ch-foot { font-size: 10px; color: #999; margin: 10px 0 0; text-align: center; }
/* Log On a Terminal (wire.js) */
.wire-code { font: bold 18px/1.2 "Courier New", monospace; letter-spacing: 2px; width: 12em; text-transform: uppercase; }
.wire-info { min-height: 54px; margin-top: 8px; }
.wire-say { min-height: 16px; }