/* ══ r78: signal wall + readability + glitch ══ */
/* ── r78: live signal wall ──────────────────────────────────────────
Real /api/pulse numbers rendered as instrument readouts on marketing
pages. Values are injected client-side; the markup is server-rendered
placeholders so layout never jumps. */
#muthurSignalWall{
display:flex;gap:0;flex-wrap:wrap;margin:26px 0 8px;
border:1px solid #1d4a2e;background:rgba(4,17,10,.55);
}
#muthurSignalWall .mwall-cell{
flex:1 1 140px;min-width:140px;padding:12px 16px;
border-right:1px solid #122918;
}
#muthurSignalWall .mwall-cell:last-child{border-right:none}
#muthurSignalWall .mwall-num{
font:700 20px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
color:#4ef58a;letter-spacing:.06em;
text-shadow:0 0 10px rgba(78,245,138,.35);
font-variant-numeric:tabular-nums;
}
#muthurSignalWall .mwall-lbl{
font:10px/1.5 ui-monospace,monospace;letter-spacing:.16em;
color:#6f9c7d;text-transform:uppercase;margin-top:3px;
}
@media(max-width:640px){#muthurSignalWall .mwall-cell{min-width:110px;padding:10px}}
/* ── r78: readability pass ──────────────────────────────────────────
Calmer reading density on chat transcript + marketing prose. Additive,
color/typography/spacing only — no layout rewrites, no chrome changes. */
.marketing-copy, .muthur-marketing section p, .card p, .msg-body p, .msg-inner p{
line-height:1.75;
}
.muthur-marketing section p{margin:0 0 1.15em}
.msg-row{padding:14px 0;border-bottom:1px solid rgba(126,184,145,.09)}
.msg-row:last-child{border-bottom:none}
.msg-body{line-height:1.7}
.msg-body ul,.msg-body ol{line-height:1.75;margin:.7em 0;padding-left:1.4em}
.msg-body li{margin:.3em 0}
.msg-body pre{line-height:1.5}
.muthur-marketing{max-width:880px}
@media(min-width:1100px){.muthur-marketing{max-width:920px}}
/* ── r78: glitch micro-events (homepage boot line) ──────────────────
Occasional 1-frame phosphor flicker on the boot glyph line. Pure CSS
animation, ~0.4% duty cycle, honors prefers-reduced-motion. */
@keyframes muthur-glitch-flick{
0%,96.2%,100%{opacity:1;transform:none;text-shadow:inherit}
96.6%{opacity:.55;transform:translateX(.5px)}
97.1%{opacity:1;transform:none}
97.5%{opacity:.7;text-shadow:-1px 0 rgba(255,60,60,.35)}
98%{opacity:1;transform:none;text-shadow:none}
}
.muthur-boot-line,.empty-logo{
animation:muthur-glitch-flick 13s steps(1,end) infinite;
}
@media(prefers-reduced-motion:reduce){
.muthur-boot-line,.empty-logo{animation:none}
}
// MU/TH/UR 6000 / HISTORY
AI History Helper — Free Online Tool. Get historical events explained with causes, context, and consequences — not just dates. Free, no sign-up.
BOOT THIS TASK → How to use this tool 1 · BOOT Click the button above. The terminal opens with the starter prompt pre-loaded — no typing needed, no account needed.
2 · FILL Replace the ALL-CAPS placeholders with your actual material — your text, schema, or topic.
3 · ITERATE Reply more to go deeper, paste follow-up material, or ask for a different angle.
Operator guide — HISTORY Name the event or period and what confuses you about it.
Starter prompt Explain EVENT. Give the deeper causes, the sequence that mattered, the consequences that followed, and the common misconception about it. Distinguish what historians agree on from what they still debate.
This is exactly what will be pre-loaded when you boot the task. Edit the placeholders to your situation before transmitting.