:root{
  --bg: #0b0e14;
  --panel:#0f1320;
  --ink:#c9d1d9;
  --muted:#8b949e;
  --accent:#7aa2f7;
  --accent2:#00e5a8;
  --accent3:#f7768e;
  --rule:#1f2433;
}
* { box-sizing: border-box; }
html {
  background-color: var(--bg);
}
body{
  margin:0;
  color:var(--ink);
  font:16px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
  overflow-x: hidden;
  background-image: radial-gradient(1200px 600px at 10% -10%, #141a28 0%, var(--bg) 45%);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 160vmax 90vmax;
  background-color: transparent;
}
.wrap{max-width:76ch; padding:24px clamp(12px, 4vw, 24px); margin:0 auto}
.ascii{
  margin:0; color:#9aa4b3; line-height:1.2;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  white-space: pre;
  font-size: clamp(11px, 2.6vw, 16px);
  font-weight: 600;
  max-width: 100vw;
}
.title{margin:10px 0 2px; font-size:18px; letter-spacing:.18em; color:var(--muted); text-align:left}
.sub{color:var(--muted); font-size:13px; text-align:left}
hr{border:0; height:1px; background:linear-gradient(90deg,transparent,var(--rule),transparent); margin:28px 0}
.post{padding:18px 16px; border:1px solid var(--rule); border-radius:12px; background:rgba(255,255,255,0.018); margin-bottom:20px}
.meta{font-size:12px; color:var(--muted)}
blockquote{margin:8px 0 16px; padding-left:14px; border-left:2px solid var(--accent3); color:#c6cbd4}
code{background:#0f1629; color:#cfe3ff; padding:2px 5px; border-radius:6px; border:1px solid #1c2540}
.footer{margin:34px 0 10px; color:var(--muted); font-size:13px}
.contacts a,.legal a{color:var(--accent); font-weight:bold; text-decoration:none}
.contacts a:hover,.legal a:hover{filter:brightness(1.1)}
.c-red{color:#ff6b6b}
.c-green{color:#00e59a}
.c-yellow{color:#f6d365}
.c-cyan{color:#7ee7ff}
.c-magenta{color:#ff8ad6}
.c-orange{color:#ffb347}
.c-blue{color:#7aa2f7}
@media (max-width: 375px){
  .ascii { font-size: 12px; font-weight: 600; }
  .title { font-size: 16px; letter-spacing: .12em; }
  .sub   { font-size: 12px; }
}
@media (min-width:1200px){ .wrap{max-width:72ch} }