* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #010204; }
body { display: grid; place-items: center; }
#surface { position: relative; width: 100%; height: 100%; background: #020508; }
#shell, #recall { position: absolute; overflow: hidden; }
#glass { position: absolute; inset: 0; width: 100%; height: 100%; cursor: text; }
#jev-status { position: absolute; z-index: 2; right: 1.5%; bottom: .6%; pointer-events: none; color: #ffcd91; background: #020508; font: 11px/1.2 "SFMono-Regular", Menlo, Consolas, monospace; letter-spacing: .02em; }
#glass[hidden], [hidden] { display: none !important; }
.xterm { height: 100%; padding: 6px; }
.terminal-divider { position: absolute; z-index: 1; background: #34444c; pointer-events: none; }
.xterm .xterm-viewport { scrollbar-width: none; }
.xterm .xterm-viewport::-webkit-scrollbar { width: 0; }
.xterm .xterm-scrollable-element > .scrollbar { opacity: 0; }