/* ghostbin - code snippet sharing */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, 'Segoe UI', sans-serif;
  background: #f6f8fa; color: #24292f; line-height: 1.5;
}
header {
  background: #fff; border-bottom: 1px solid #d0d7de;
  padding: 0.8rem 0;
}
header .container { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.2rem; font-weight: 700; color: #24292f; }
.logo::before { content: "👻 "; }
nav a { color: #57606a; text-decoration: none; margin-left: 1.5rem; font-size: 0.9rem; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 1.5rem; }
main { padding: 2rem 0; }
.snippet-list { list-style: none; }
.snippet-list li {
  background: #fff; border: 1px solid #d0d7de; border-radius: 6px;
  padding: 1rem 1.4rem; margin-bottom: 0.7rem;
  display: flex; justify-content: space-between; align-items: center;
}
.snippet-list a { color: #0969da; text-decoration: none; font-weight: 600; }
.snippet-list .meta { color: #57606a; font-size: 0.82rem; }
.snippet-header {
  background: #fff; border: 1px solid #d0d7de; border-radius: 6px 6px 0 0;
  padding: 0.8rem 1rem;
  display: flex; justify-content: space-between; align-items: center;
}
.snippet-title { font-weight: 600; color: #24292f; font-size: 0.95rem; }
.snippet-meta { color: #57606a; font-size: 0.8rem; }
.snippet-body {
  background: #f6f8fa; border: 1px solid #d0d7de; border-top: none;
  border-radius: 0 0 6px 6px; padding: 1rem;
  font-family: 'SF Mono', Consolas, monospace; font-size: 0.85rem;
  white-space: pre; overflow-x: auto; line-height: 1.6;
}
h1 { font-size: 1.5rem; margin-bottom: 1rem; }
.badge { display: inline-block; padding: 0.1rem 0.5rem; background: #ddf4ff; color: #0969da; border-radius: 12px; font-size: 0.72rem; font-weight: 600; margin-left: 0.4rem; }
.kw { color: #cf222e; }
.str { color: #0a3069; }
.com { color: #6e7781; font-style: italic; }
.num { color: #0550ae; }