memlnaut-nisps/manifold/src/styles/base.css
monkey-w1n5t0n 19b7f7eee8 feat(manifold): add convertible React front-end + simplify console chrome
Adds the Manifold app (manifold/) — the convertible-mode React front-end on
the real NISPS ML+audio engine, served live at meml.lnfinitemonkeys.org/next/.

Console chrome trimmed per UI pass:
- drop mode label + subtitle from the top-left overlay (keep MEMLNaut wordmark)
- remove the composite split preset/ratio readout (top-centre)
- remove the OUTPUT corner tag above the bars
- remove the A/B compare toggle from the verdict cluster
- remove the follow button + input/noise readout (bottom-left)
- remove AltitudeNav focus switcher (bottom-right)
2026-06-28 03:28:45 +02:00

51 lines
1,001 B
CSS

/**
* Manifold — base element styles.
* Mirrors the playground's global resets so specimen cards and UI kits read
* like the real product even before a single component mounts.
*/
* {
box-sizing: border-box;
}
html, body {
margin: 0;
padding: 0;
background: var(--bg);
color: var(--fg);
font-family: var(--font-mono);
font-size: var(--fs-md);
line-height: var(--lh-normal);
-webkit-tap-highlight-color: transparent;
-webkit-font-smoothing: antialiased;
}
a {
color: var(--accent-2);
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
code, kbd {
font-family: var(--font-mono);
}
::selection {
background: var(--selection-bg);
color: var(--selection-text);
}
/* Uppercase micro-label helper used across the system. */
.mf-label {
font-size: var(--fs-xs);
color: var(--fg-mute);
text-transform: uppercase;
letter-spacing: var(--ls-label);
}
/* Tabular numerals for any live readout. */
.mf-num {
font-variant-numeric: tabular-nums;
}