.meter{color:#7ec9e0;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;width:200px;font-size:11px;display:flex;position:absolute;top:16px;right:16px}.meter-row{align-items:center;gap:8px;display:flex}.meter-label{opacity:.7;text-align:right;width:44px}.meter-track{background:#7ec9e01f;border-radius:3px;flex:1;height:6px;overflow:hidden}.meter-fill{background:#7ec9e0;height:100%}.meter-beat{background:#7ec9e0;border-radius:50%;align-self:flex-end;width:12px;height:12px;margin-top:2px;box-shadow:0 0 10px #7ec9e0}*{box-sizing:border-box;margin:0}html,body,#app{height:100%;min-height:100dvh}body{color:#7ec9e0;background:#000;font-family:ui-monospace,SF Mono,Menlo,monospace;overflow:hidden}.app{height:100dvh;position:relative}.stage{width:100%;height:100%;display:block;position:absolute;inset:0}.bar{align-items:center;gap:8px;font-size:13px;transition:opacity .6s;display:flex;position:absolute;bottom:16px;left:16px}.overlay{transition:opacity .6s}.bar.hidden,.overlay.hidden{opacity:0;pointer-events:none}.app:has(.bar.hidden){cursor:none}.btn{color:#7ec9e0;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#7ec9e014;border:1px solid #7ec9e059;border-radius:4px;padding:6px 12px}.btn:hover:not(:disabled){background:#7ec9e02e}.btn:disabled{opacity:.3;cursor:not-allowed}.btn.active{background:#7ec9e04d;border-color:#7ec9e0cc}.group{border:1px solid #7ec9e026;border-radius:6px;align-items:center;gap:6px;margin-left:4px;padding:5px 6px;display:flex}.group .btn{padding:4px 9px}.status{opacity:.6;margin-left:8px}.slider{color:#7ec9e0;-webkit-user-select:none;user-select:none;border-left:1px solid #7ec9e033;align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.slider input[type=range]{accent-color:#7ec9e0;cursor:pointer;width:120px}.slider .val{opacity:.6;text-align:right;min-width:34px}