body{font-family:system-ui,sans-serif;margin:2rem;max-width:60rem}#status{margin:1rem 0;font-variant-numeric:tabular-nums}#vad.on{color:#fff;background:#1b8a3a;padding:0 .4rem;border-radius:3px}#vad.off{color:#999}#log{background:#111;color:#6f6;padding:.75rem;height:20rem;overflow:auto;font-size:12px}button{padding:.4rem .9rem}#account,section[aria-label=Scripts]{margin:1rem 0}section[aria-label=Scripts] label{display:block;margin-bottom:.5rem}section[aria-label=Scripts] textarea{display:block;min-height:8rem;width:100%}#display{margin:1rem 0}.disp-badge{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem}.disp-state{color:#fff;padding:.1rem .5rem;border-radius:3px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.disp-confwrap{flex:1;height:6px;background:#eee;border-radius:3px;overflow:hidden}.disp-conf{display:block;height:100%;width:0;background:#1b8a3a;transition:width .2s linear}.disp-viewport{position:relative;height:15rem;overflow:hidden;border:1px solid #ddd;border-radius:6px;background:#fafafa}.disp-viewport:before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%);background:#1b8a3a0f;pointer-events:none}.disp-scroll{position:absolute;left:0;right:0;padding:0 1rem;will-change:transform}.disp-line{display:flex;align-items:center;font-size:20px;color:#aaa;transition:color .15s,font-weight .15s}.disp-line.cur{color:#111;font-weight:600}
