/* ══ 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 / OAUTH
AI OAuth Flow Explainer — Free Online Tool. Get the exact grant type and endpoint sequence for your OAuth integration, with the pitfalls that bite in production.
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 — OAUTH Name the provider, what kind of app you are building, and where the tokens will live.
Starter prompt Explain the OAuth flow I need for APP with PROVIDER. Give the endpoint sequence, where each token is stored, the refresh strategy, and the three mistakes that break this in production.
This is exactly what will be pre-loaded when you boot the task. Edit the placeholders to your situation before transmitting.