.spx-sidebar{--spx-scale:1;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;margin:30px 0 0;text-align:left;min-width:0;align-self:stretch}
.spx-module{box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden;padding:calc(16px * var(--spx-scale,1));border:1px solid #50504a;background:#111310;color:#e1e0ce;text-align:left;font:calc(13px * var(--spx-scale,1))/1.5 'Courier New',monospace;isolation:isolate}
.spx-module .spx-title{margin:0;padding:0;font:700 1.05em/1.4 'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;color:inherit;overflow-wrap:anywhere}
.spx-module .spx-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.spx-module .spx-button{box-sizing:border-box;appearance:none;border:1px solid #77766b;border-radius:0;background:#242620;color:#eeeedf;font:700 .9em/1.4 'Courier New',monospace;padding:.65em .85em;min-height:calc(44px * var(--spx-scale,1));cursor:pointer;text-shadow:none;box-shadow:none;white-space:normal;max-width:100%}
.spx-module .spx-button:hover{background:#3a3a31;color:white}.spx-module .spx-button:focus-visible{outline:2px solid #eeeedf;outline-offset:3px}
.spx-module .spx-screen{position:relative;flex:1;min-height:calc(155px * var(--spx-scale,1));background:#050705;border:1px solid #42443c;overflow:hidden}
.spx-module .spx-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:fill;background:#050705}
.spx-signal{flex:1.1;min-height:340px;background:repeating-linear-gradient(0deg,#171b13 0,#171b13 2px,#14180f 3px)}
.spx-module .spx-readout{font-size:1.15em;color:#c3d99e;white-space:normal;overflow-wrap:anywhere}.spx-module .spx-message{margin:0;min-height:3em}
.spx-module .spx-leds{display:flex;gap:9px}.spx-module .spx-led{display:block;width:8px;height:8px;border-radius:50%;background:#77875b;box-shadow:0 0 7px #9ac16966}.spx-module .spx-led:nth-child(2){background:#a79764}.spx-module .spx-led:nth-child(3){background:#6e4937}
.spx-bureaucracy{flex:0 0 auto;min-height:330px;background:#1b1815}.spx-module .spx-paper{flex:1;background:#d7d0b8;color:#222018;padding:18px;box-shadow:inset 0 0 30px #796c4933;border:1px dashed #514a3a;transform:rotate(-.4deg)}
.spx-module .spx-document{white-space:pre-line;font-size:1em;overflow-wrap:anywhere}.spx-module .spx-stamp{display:inline-block;font-size:.8em;border:3px double #6f3327;color:#6f3327;transform:rotate(-7deg);padding:5px;margin-top:20px}.spx-module .spx-feedback{min-height:1.5em;font-size:.8em}
.spx-phonetics{flex:0 0 auto;min-height:420px;background:#e0decf;color:#161712;border-color:#aeac9e}.spx-phonetics .spx-button{color:#171911;background:#d0cebc}.spx-phonetics .spx-button:hover{background:#bdbba7;color:#10110c}
.spx-module .spx-poem{font:1.18em/1.7 'Courier New',monospace;background:transparent;color:inherit;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;padding:0;border:0;flex:1;min-height:13em;max-height:38em;overflow:auto;scrollbar-width:thin}
.spx-geometry{flex:2.1;min-height:380px;background:#090909;color:#c9c9c5;border-style:dashed}.spx-geometry .spx-screen{min-height:calc(250px * var(--spx-scale,1));border:0}
.spx-tv{flex:1.8;min-height:360px;border:5px ridge #4b4841;background:#252321}.spx-tv .spx-screen{border-radius:22%/6%;min-height:calc(200px * var(--spx-scale,1));border:5px solid #111;box-shadow:inset 0 0 20px #000}.spx-tv .spx-canvas{image-rendering:pixelated}.spx-module .spx-channel{font-weight:bold;font-size:1.1em}
.spx-mobile{min-height:0!important;margin:30px 20px;--spx-scale:1}.spx-mobile .spx-module{flex:none;min-height:0}.spx-mobile .spx-screen{height:calc(210px * var(--spx-scale,1));flex:none}.spx-mobile .spx-geometry .spx-screen{height:calc(280px * var(--spx-scale,1))}
.spx-admin .spx-sort{max-width:1000px}.spx-admin .spx-admin-module{border:1px solid #b7b7b7;background:white;margin:12px 0;padding:18px}.spx-admin .spx-handle{display:flex;align-items:center;gap:8px;cursor:move;margin-bottom:16px}.spx-admin .spx-handle strong{flex:1}.spx-admin label{display:inline-flex;align-items:center;gap:8px;margin:8px 18px 8px 0}.spx-admin .spx-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0;max-width:1200px}.spx-admin summary{cursor:pointer;font-weight:bold;padding:12px 0}
@media(prefers-reduced-motion:reduce){.spx-module .spx-paper,.spx-module .spx-stamp{transform:none}}
/* The installation is monochrome; the site's sphere supplies its CRT treatment. */
.spx-module,.spx-phonetics,.spx-geometry,.spx-tv{background:#000;color:#fff;border-color:#333}
.spx-module .spx-screen,.spx-module .spx-canvas{background:#000}
.spx-module .spx-button,.spx-phonetics .spx-button{background:#000;color:#fff;border-color:#888}
.spx-module .spx-button:hover,.spx-phonetics .spx-button:hover{background:#222;color:#fff}
.spx-module .spx-poem{background:#000;color:#fff;max-height:none;overflow:visible}
.spx-tv{border:1px solid #333}.spx-tv .spx-screen{border-color:#000;box-shadow:none}
.spx-module,.spx-module .spx-title,.spx-module .spx-button,.spx-module .spx-poem{font-family:inherit}